:root{--bg: #091217;--bg-elevated: #0f1a22;--bg-card: #141f28;--surface: #ffffff0a;--border: #ffffff14;--text: #fafafa;--text-muted: #9aa8b8;--accent: #e05534;--accent-2: #c8401e;--accent-light: #ff7a55;--accent-glow: #e0553447;--gradient: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 12px;--radius-lg: 20px;--nav-h: 96px;--ease: cubic-bezier(.22, 1, .36, 1);--color-danger: #ff8d7a}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{font-family:var(--font-body);background:radial-gradient(420px 420px at 92% -8%,#e0553429,transparent 60%),radial-gradient(320px 320px at -6% 30%,#c8401e22,transparent 62%),var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15;color:var(--text)}a{color:var(--accent-light);text-decoration:none}a:hover{color:var(--accent)}.logo-box{position:relative;flex-shrink:0;overflow:visible}.logo-gif{position:absolute;top:50%;left:50%;height:170%;width:auto;max-width:none;transform:translate(-50%,-50%);display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.input{width:100%;padding:.8rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.input:focus{outline:none;border-color:var(--accent)}textarea.input{resize:vertical;min-height:8rem}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 1.15rem) calc(50% - 2px),calc(100% - .8rem) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:2.4rem}label.field{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;font-weight:600;color:var(--text)}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-toggle{display:flex;align-items:center;gap:.625rem;width:100%;padding:1rem 1.35rem;border:0;background:transparent;cursor:pointer;font-family:var(--font-display);font-weight:600;text-align:left}.chevron{color:var(--accent);font-size:.75rem;transition:transform .35s var(--ease)}.panel.open>.panel-toggle .chevron{transform:rotate(90deg)}.panel-fold{display:grid;grid-template-rows:minmax(0,0fr);transition:grid-template-rows .35s var(--ease)}.panel.open>.panel-fold{grid-template-rows:minmax(0,1fr)}.panel-clip{min-height:0;overflow:hidden}.panel.open>.panel-fold>.panel-clip{overflow:visible}.panel-body{padding:0 1.35rem 1.35rem;display:flex;flex-direction:column;gap:1.25rem}.panel-body h2,.form h2{font-size:1.05rem}.panel-body section{display:flex;flex-direction:column;gap:.5rem}.section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.picker{position:relative}.picker.open{z-index:6}.chips{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;min-height:2.85rem;padding:.375rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.chips:focus-within{border-color:var(--accent)}.picker-input{flex:1;min-width:8rem;border:none;outline:none;padding:.375rem;background:transparent;color:var(--text)}.chip{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-elevated);color:var(--text);font-size:.8125rem;font-weight:600;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent-light)}.menu{position:absolute;z-index:5;left:0;right:0;top:calc(100% + .35rem);margin:0;padding:.35rem;list-style:none;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #0005}.menu button{width:100%;text-align:left;border:none;background:transparent;padding:.5rem .625rem;border-radius:8px;cursor:pointer;color:var(--text)}.menu button:hover{background:var(--surface)}.copy-row,.key-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.key-row{justify-content:space-between;padding-top:.25rem}.key-row>div{flex:1;min-width:0}.secret{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem;color:var(--text-muted);overflow-wrap:anywhere;word-break:break-word}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.6rem;border:none;border-radius:999px;cursor:pointer;background:var(--gradient);color:#fff;font-weight:600;font-size:.95rem;box-shadow:0 4px 18px var(--accent-glow);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.btn:hover:not(:disabled){box-shadow:0 6px 26px var(--accent-glow);transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-block{width:100%}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:none;box-shadow:none}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.form-grid.pair{grid-template-columns:1fr 1fr}.span{grid-column:1 / -1}.toggles{display:flex;flex-wrap:wrap;gap:1.25rem}.form{display:flex;flex-direction:column;gap:1rem}.panel.form{padding:1.4rem 1.45rem 1.45rem}.log{display:flex;flex-direction:column;gap:.75rem;padding-top:.85rem;border-top:1px solid var(--border)}.log>header{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.log h2,.step h3{font-size:.95rem;font-weight:600}.check{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600}.error{color:var(--color-danger);font-size:.875rem}.app-header{position:sticky;top:0;z-index:50;height:var(--nav-h);background:#091217d1;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-header-inner{width:100%;padding:0 2rem;height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-header h1{font-size:1.15rem}.support-label{margin-left:auto;font-family:var(--font-display);font-weight:600;letter-spacing:.02em}.forgot{color:var(--text-muted);text-align:center}.taskit{width:min(100%,52rem);margin:0 auto}.task-edit{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.task-edit-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.task-edit textarea.input{min-height:4.5rem}.task-list{display:flex;flex-direction:column;gap:.75rem}.page-main{width:100%;padding:1.5rem 2rem 3rem;display:flex;flex-direction:column;gap:.875rem}.page-main.config{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:.5rem;align-items:stretch;width:100%;height:calc(100dvh - var(--nav-h));padding:.5rem;overflow:hidden}.config-main{display:flex;flex-direction:column;gap:.5rem;min-width:0;min-height:0;overflow:auto}.log-col{min-width:0;min-height:0;height:100%;overflow:auto;padding:.55rem .7rem .8rem;border:1px solid var(--border);border-radius:8px;background:#070e13;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.45}.log-line{display:flex;flex-wrap:wrap;gap:.55rem;align-items:baseline}.log-line.summary{color:var(--accent-light)}.log-entry{padding-top:.65rem;border-top:1px solid #ffffff10}.log-entry:first-of-type{border-top:0}.dim{color:var(--text-muted)}.st{min-width:4.2rem;text-transform:uppercase;font-size:.65rem;letter-spacing:.04em}.st-ok,.st-sent{color:var(--accent-light)}.st-skipped{color:var(--text-muted)}.st-error{color:var(--color-danger)}.log-json{white-space:pre-wrap;overflow-wrap:anywhere;margin:.15rem 0 .25rem .85rem;color:#8ea0b0;font:inherit;font-size:.7rem}.narrow{width:min(100%,36rem);margin-left:auto;margin-right:auto}.page-main.narrow,.app-header-inner.narrow{padding-left:0;padding-right:0}.step{display:flex;flex-direction:column;gap:.5rem}.step header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.step pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text-muted);font-size:.75rem;line-height:1.45}.badge{display:inline-flex;align-items:center;padding:.15rem .55rem;border-radius:999px;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-ok,.badge-sent,.badge-new{background:var(--accent-glow);color:var(--accent-light)}.badge-updated{background:#ffffff14;color:var(--text)}.badge-status{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.badge-skipped{background:var(--surface);color:var(--text-muted)}.badge-error{background:#ff8d7a22;color:var(--color-danger)}.muted{color:var(--text-muted);font-size:.9rem}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.5rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:.875rem}.project-card{display:flex;flex-direction:column;gap:.75rem;padding:1.15rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);transition:border-color .35s var(--ease),transform .35s var(--ease)}.project-card:hover{border-color:#e0553466;transform:translateY(-3px)}.project-card .btn{align-self:flex-start}.project-name{display:flex;flex-direction:column;gap:.15rem;font-family:var(--font-display);font-weight:600}.tasks{list-style:none;display:flex;flex-direction:column;gap:.5rem}.task-card{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated)}.task-title{font-weight:600;margin-right:auto}.requests{padding-top:1.15rem;gap:.5rem}.request-message{white-space:pre-wrap;color:var(--text)}@media(max-width:980px){.page-main.config{grid-template-columns:1fr;height:auto;overflow:visible}.config-main{overflow:visible}.log-col{height:70dvh}}@media(max-width:800px){.form-grid{grid-template-columns:1fr}.page-main,.app-header-inner{padding-left:1rem;padding-right:1rem}}@media(max-width:700px){.form-grid.pair,.split{grid-template-columns:1fr}.page-main.narrow,.app-header-inner.narrow{padding-left:1rem;padding-right:1rem}}@media(prefers-reduced-motion:reduce){.project-card,.btn,.chevron,.panel-fold{transition:none}.project-card:hover,.btn:hover:not(:disabled){transform:none}}
