:root{--bg:#f2f2f2;--card:#fff;--ink:#0a0a0a;--ink-dim:#6e6e73;--ink-faint:#a3a3a8;--line:#00000012;--line-strong:#0000001f;--black:#111;--ok:#0f7a3f;--err:#b42318;--shadow-sm:0 1px 2px #0000000a, 0 2px 8px #00000008;--shadow-md:0 2px 6px #0000000d, 0 10px 28px #00000012;--shadow-lg:0 6px 16px #00000012, 0 24px 60px #0000001a;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-brand:"Barlow Condensed", "Inter", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.3, .44, 1);--r-card:26px;--r-pill:999px}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;min-height:100dvh;overflow-x:hidden}button,a,label,[role=button]{touch-action:manipulation}::selection{color:#fff;background:#000000d9}.boot{min-height:100vh;color:var(--ink-dim);place-items:center;display:grid}.login{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));justify-content:center;align-items:center;display:flex}.login-card{text-align:center;background:var(--card);width:min(410px,100%);box-shadow:var(--shadow-lg);animation:card-in .8s var(--ease-out) both;border-radius:34px;margin:0 auto;padding:52px 44px 38px}@keyframes card-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:none}}.login-logo{object-fit:cover;width:84px;height:84px;box-shadow:var(--shadow-md);border-radius:22px;margin-bottom:22px}.login-title{font-family:var(--font-brand);letter-spacing:.01em;text-transform:uppercase;font-size:2.5rem;font-weight:700;line-height:1}.login-title-dim{color:var(--ink-dim);font-weight:500}.login-sub{color:var(--ink-dim);margin:14px 0 30px;font-size:.92rem;line-height:1.65}.google-btn{border-radius:var(--r-pill);background:var(--black);color:#fff;width:100%;transition:transform .25s var(--ease-spring), box-shadow .25s ease, background .2s ease;box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:.94rem;font-weight:600;text-decoration:none;display:inline-flex}.google-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.google-btn:active{transform:translateY(0)scale(.99)}.login-error{border:1px solid var(--line-strong);color:#3a3a3c;text-align:left;background:#f5f5f5;border-radius:14px;margin-top:18px;padding:11px 14px;font-size:.84rem;line-height:1.5}.login-foot{color:var(--ink-faint);letter-spacing:.02em;margin-top:26px;font-size:.76rem}.login-foot strong{color:var(--ink-dim);font-weight:600}.shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:20px clamp(16px,4.5vw,56px);padding-top:max(20px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));animation:fade-down .6s var(--ease-out) both;z-index:20;-webkit-backdrop-filter:blur(14px);background:#f2f2f2e0;align-items:center;gap:12px;display:flex;position:sticky;top:0}@keyframes fade-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.brand{color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-logo{object-fit:cover;width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px}.brand-name{font-family:var(--font-brand);letter-spacing:.02em;text-transform:uppercase;font-size:1.35rem;font-weight:600;line-height:1}.brand-sub{color:var(--ink-faint);letter-spacing:.02em;margin-top:2px;font-size:.68rem}.nav{flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.nav-link{color:var(--ink-dim);font:inherit;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:10px 16px;font-size:.86rem;font-weight:600;transition:background .2s,color .2s}.nav-link:hover{color:var(--ink);background:#0000000d}.nav-link.active{background:var(--black);color:#fff}.topbar-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.user-chip{background:var(--card);width:40px;height:40px;box-shadow:var(--shadow-sm);cursor:pointer;transition:width .4s var(--ease-out), border-radius .35s var(--ease-out), gap .3s ease, padding .35s var(--ease-out), box-shadow .2s ease;border-radius:50%;flex-shrink:0;justify-content:flex-start;align-items:center;gap:0;padding:4px;display:flex;overflow:hidden}.user-chip:hover,.user-chip:focus-within{border-radius:var(--r-pill);width:248px;box-shadow:var(--shadow-md);gap:10px;padding:4px 6px 4px 4px}.avatar{object-fit:cover;border-radius:50%;flex:none;width:32px;height:32px}.avatar-fallback{background:var(--black);color:#fff;letter-spacing:.03em;place-items:center;font-size:.74rem;font-weight:700;display:grid}.user-meta{opacity:0;white-space:nowrap;min-width:0;max-width:0;transition:max-width .35s var(--ease-out), opacity .22s ease;flex-direction:column;line-height:1.25;display:flex;overflow:hidden}.user-chip:hover .user-meta,.user-chip:focus-within .user-meta{opacity:1;max-width:160px}.user-name{text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.user-role{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;text-overflow:ellipsis;font-size:.68rem;overflow:hidden}.logout-btn{opacity:0;width:0;max-width:0;height:32px;color:var(--ink-dim);cursor:pointer;transition:max-width .35s var(--ease-out), width .35s var(--ease-out), opacity .22s ease, color .2s ease, background .2s ease, transform .2s var(--ease-spring);background:#eee;border:none;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;overflow:hidden}.user-chip:hover .logout-btn,.user-chip:focus-within .logout-btn{opacity:1;width:32px;max-width:32px}.logout-btn:hover{color:#fff;background:var(--black);transform:scale(1.06)}.logout-btn:active{transform:scale(.96)}.main{width:min(1080px,100%);padding:clamp(14px,3vh,36px) clamp(16px,4.5vw,56px) 60px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(60px, calc(24px + env(safe-area-inset-bottom)));flex:1;margin:0 auto}.view{animation:view-in .5s var(--ease-out) both}@keyframes view-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.page{animation:view-in .5s var(--ease-out) both}.hero{margin:clamp(10px,3vh,30px) 0 clamp(24px,4vh,40px)}.hero-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:14px;font-size:.74rem;font-weight:700}.hero-title{letter-spacing:-.04em;font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:800;line-height:1.08}.hero-sub{color:var(--ink-dim);max-width:56ch;margin-top:14px;font-size:.96rem;line-height:1.6}.hero-sub a{color:var(--ink);border-bottom:1px solid var(--line-strong);font-weight:600;text-decoration:none}.hero-sub a:hover{border-color:var(--ink)}.spinner{border:3px solid var(--line-strong);border-top-color:var(--black);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.upload-err{color:var(--err);background:#fdf2f1;border-radius:14px;margin:0 0 24px;padding:11px 13px;font-size:.84rem;line-height:1.5}.panel{animation:rise-in .6s var(--ease-out) both;margin-bottom:34px;animation-delay:.1s}.panel-card{border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}.empty{border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-sm);text-align:center;color:var(--ink-faint);padding:30px 18px;font-size:.86rem;line-height:1.6}.stat-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:34px;display:grid}.stat{border-radius:var(--r-card);background:var(--card);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease-spring), box-shadow .3s ease;animation:rise-in .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms);flex-direction:column;padding:24px 24px 22px;display:flex}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-value{letter-spacing:-.03em;font-size:2.1rem;font-weight:800;line-height:1}.stat-label{color:var(--ink-dim);margin-top:8px;font-size:.86rem;font-weight:600}.stat-hint{color:var(--ink-faint);margin-top:4px;font-size:.75rem}@media (width<=900px){.nav{flex-basis:100%;order:3;justify-content:flex-start;overflow-x:auto}.topbar{flex-wrap:wrap}.brand-sub{display:none}}.ct-actions{--ct-bg:#f2f2f2;--ct-card:#fff;--ct-ink:#0a0a0a;--ct-ink-dim:#6e6e73;--ct-ink-faint:#a3a3a8;--ct-line:#00000012;--ct-black:#111;--ct-shadow-sm:0 1px 2px #0000000a, 0 2px 8px #00000008;--ct-shadow-md:0 2px 6px #0000000d, 0 10px 28px #00000012;--ct-shadow-lg:0 6px 16px #00000012, 0 24px 60px #0000001a;--ct-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ct-ease:cubic-bezier(.16, 1, .3, 1);--ct-spring:cubic-bezier(.34, 1.3, .44, 1);font-family:var(--ct-font);flex-shrink:0;align-items:center;gap:8px;display:flex}.ct-task-btn{background:var(--ct-black);color:#fff;height:40px;font-family:var(--ct-font);letter-spacing:-.02em;cursor:pointer;box-shadow:var(--ct-shadow-sm);transition:transform .25s var(--ct-spring), box-shadow .2s ease, background .2s ease;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.ct-task-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 6px 16px #0000002e}.ct-task-btn.is-active{box-shadow:0 0 0 3px #0000001f}.ct-task-dot{width:8px;height:8px;box-shadow:0 0 0 2px var(--ct-black);pointer-events:none;background:#e11d48;border-radius:50%;position:absolute;top:6px;right:7px}.ct-gateway-wrap{position:relative}.ct-gateway-btn{background:var(--ct-black);color:#fff;width:40px;height:40px;font-family:var(--ct-font);letter-spacing:-.04em;cursor:pointer;box-shadow:var(--ct-shadow-sm);transition:transform .25s var(--ct-spring), box-shadow .2s ease, background .2s ease;border:none;border-radius:50%;place-items:center;font-size:.72rem;font-weight:800;line-height:1;display:grid}.ct-gateway-btn:hover{background:#000;transform:translateY(-1px)scale(1.04);box-shadow:0 6px 16px #0000002e}.ct-gateway-btn:active{transform:scale(.97)}.ct-gateway-btn[aria-expanded=true]{box-shadow:0 0 0 3px #0000001f}.ct-gateway-menu{background:var(--ct-card);width:min(340px,100vw - 28px);color:var(--ct-ink);box-shadow:var(--ct-shadow-lg);z-index:80;animation:ct-gateway-in .28s var(--ct-spring) both;border-radius:22px;padding:12px;position:absolute;top:calc(100% + 10px);right:0}@keyframes ct-gateway-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}.ct-gateway-head{border-bottom:1px solid var(--ct-line);margin-bottom:8px;padding:8px 10px 12px}.ct-gateway-title{letter-spacing:-.02em;font-size:.92rem;font-weight:700;display:block}.ct-gateway-sub{color:var(--ct-ink-faint);margin-top:3px;font-size:.72rem;line-height:1.4;display:block}.ct-gateway-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.ct-gateway-item{width:100%;color:var(--ct-ink);font-family:var(--ct-font);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:12px;padding:10px;transition:background .18s;display:flex}.ct-gateway-item:hover{background:#f4f4f4}.ct-gateway-mark{background:var(--ct-black);color:#fff;letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.68rem;font-weight:700;display:grid}.ct-gateway-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ct-gateway-name{letter-spacing:-.015em;font-size:.9rem;font-weight:600}.ct-gateway-hint{color:var(--ct-ink-faint);font-size:.7rem}.ct-gateway-go{color:var(--ct-ink-faint);opacity:0;transition:opacity .18s,color .18s}.ct-gateway-item:hover .ct-gateway-go{opacity:1;color:var(--ct-ink)}.ct-gateway-note{border-top:1px solid var(--ct-line);color:var(--ct-ink-faint);margin:10px 6px 2px;padding-top:10px;font-size:.7rem;line-height:1.5}