:root{color-scheme:dark;--bg:#0b1320;--panel:#142033;--line:#2a394d;--text:#f2f6fc;--muted:#afbed0;--mint:#97efcf;--dark:#102b27;--danger:#ffb4b4;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:4px}a{color:inherit}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4.5vw,3rem);line-height:1.12;letter-spacing:-.045em;font-weight:650}h2{font-size:1.25rem;letter-spacing:-.025em;line-height:1.3}.shell{max-width:1240px;margin:auto;padding:0 40px}.topbar{display:flex;justify-content:space-between;align-items:center;min-height:104px;border-bottom:1px solid var(--line);gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.85rem;font-weight:750;letter-spacing:.08em}.brand small{font-size:.75rem;color:var(--mint);margin-left:6px}.identity{font-size:.875rem;color:var(--muted);max-width:40%;overflow-wrap:anywhere}main{min-height:calc(100svh - 200px)}.eyebrow{font-size:.75rem;letter-spacing:.13em;font-weight:700;color:var(--mint)}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-top:20px;overflow-x:auto}.tabs button{background:none;color:var(--muted);border:0;padding:18px 0;white-space:nowrap;font-size:.95rem;border-bottom:2px solid transparent}.tabs button.selected{color:var(--text);border-bottom-color:var(--mint)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 28px}.page-heading h1{margin-top:8px}.badge{padding:7px 12px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:.8rem;white-space:nowrap}.badge.connected{color:var(--mint);border-color:#45685e}.overview-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.panel>p{color:var(--muted);margin:14px 0 22px}.sync-panel{background:var(--mint);color:var(--dark);border-radius:18px;padding:30px;position:relative}.sync-panel .eyebrow{color:#20594a}.sync-top{display:flex;justify-content:space-between;gap:8px}.manual-label{font-size:.75rem;border:1px solid #659d8c;border-radius:30px;padding:2px 9px}.sync-panel h2{font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.12;margin:22px 0 15px;letter-spacing:-.045em}.sync-panel>p{max-width:360px;color:#285446;font-size:.95rem}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:10px;min-height:49px;padding:12px 18px;font-weight:650;text-decoration:none}.primary{color:#102b27;background:var(--mint)}.primary:hover{background:#baf7e1}.secondary{background:transparent;border-color:#506178;color:var(--text)}.secondary:hover{background:#24364e}.sync-button{width:100%;margin-top:14px;background:#102b27;color:#fff}.sync-button:hover{background:#20483c}.sync-button span{font-size:1.6rem;line-height:1}.period-label{margin-top:22px;font-size:.875rem}.sync-panel select{background:#c4f8e5;color:#163f31;border-color:#74bba3}.sync-panel .text-button{color:#163f31}.sync-status{border-top:1px solid #73bda5;margin-top:23px;padding-top:17px;font-size:.875rem}.status-row{display:flex;justify-content:space-between;font-weight:700}.sync-status p{margin-top:4px;color:#2c574b}.sync-status progress{width:100%;height:6px;margin:12px 0;accent-color:#143e30}.summary-stack{display:grid;gap:24px}.archive-counts{display:grid;grid-template-columns:1fr 1fr;margin:15px 0 24px}.archive-counts>div{display:flex;flex-direction:column}.archive-counts>div+div{border-left:1px solid var(--line);padding-left:28px}.archive-counts strong{font-size:2.9rem;line-height:1.3;font-weight:600;letter-spacing:-.04em}.archive-counts span{color:var(--muted);font-size:.875rem}.last-sync{display:flex;flex-wrap:wrap;gap:5px 15px;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:.8rem}.last-sync span{color:var(--muted)}.last-sync strong{font-weight:500}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading>span{font-size:.8rem;color:var(--muted)}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.health-grid div{display:flex;flex-direction:column}.health-grid span{color:var(--muted);font-size:.8rem}.health-grid strong{font-size:1.6rem;font-weight:550;margin-top:5px}.muted{color:var(--muted);font-size:.875rem}.health-card>p{margin:18px 0 0;font-size:.8rem}.history-panel{margin-top:24px}.job,.activity,.user-row{padding:16px 0;border-top:1px solid var(--line)}.job-header,.activity,.user-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.job-header strong{font-weight:500;font-size:.95rem}.job-header span,.job p{font-size:.8rem;color:var(--muted)}.job details{margin-top:8px;font-size:.875rem}.job details ul{padding-left:20px;max-height:180px;overflow:auto}.state{border-radius:20px;padding:3px 10px;font-size:.75rem;white-space:nowrap;background:#24364b;color:var(--muted)}.state.success{color:var(--mint);background:#1d3b36}.state.failed,.state.partial{color:#ffd7a7;background:#3b3024}.download-grid,.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.file-label{font-size:.75rem;color:var(--mint);letter-spacing:.08em;display:block;margin-bottom:16px}.activity strong{font-weight:600;display:block}.activity p{font-size:.875rem;color:var(--muted)}.activity a{flex-shrink:0;font-size:.8rem;color:var(--mint)}label{display:block;font-size:.875rem;font-weight:550;margin:17px 0 0}input,select{display:block;margin-top:7px;min-height:48px;width:100%;border:1px solid #506178;border-radius:8px;background:#0e1929;color:var(--text);padding:10px 12px}form button{margin-top:22px;width:100%}form+p{margin-top:22px!important}.text-button{padding:10px 0;border:0;background:none;color:var(--mint);text-align:left;font-size:.9rem}.text-button.danger{color:var(--danger)}hr{border:0;border-top:1px solid var(--line);margin:28px 0}.user-row small{display:block;color:var(--muted);font-size:.8rem}.user-row button{font-size:.8rem;padding:8px 10px;min-height:44px}.user-row strong{overflow-wrap:anywhere}.notice{padding:13px 18px;border:1px solid #789889;background:#203b34;border-radius:10px;margin-top:20px;font-size:.95rem}.notice.error{border-color:#965858;background:#39252e;color:#ffe2e2}.empty{padding:24px 0;color:var(--muted);font-size:.95rem}.auth-layout{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center;padding:65px 0}.intro h1{font-size:clamp(3rem,6vw,4.8rem);margin:20px 0 24px}.intro>p{color:var(--muted);max-width:340px;font-size:1.125rem}.intro-note{display:flex;align-items:center;gap:18px;margin-top:45px;font-size:.875rem;color:var(--muted)}.line-icon{font-size:2.4rem;color:var(--mint)}.auth-panel{padding:34px}.auth-panel h2{font-size:1.8rem;margin-top:10px}.auth-foot{margin-top:25px!important}.loading{padding:60px 0;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;color:#95a8bf;font-size:.75rem;padding:36px 0 28px}#invite-result{margin-top:24px}#invite-url{font-size:.8rem}#invite-result button{margin-top:12px}[hidden]{display:none!important}@media(max-width:850px){.shell{padding:0 24px}.overview-grid{grid-template-columns:1fr}.summary-stack{grid-template-columns:1fr 1fr;gap:16px}.health-grid{grid-template-columns:1fr 1fr;row-gap:14px}.archive-counts strong{font-size:2.3rem}.auth-layout{gap:30px}.account-grid{gap:16px}}@media(max-width:600px){.shell{padding:0 18px}.topbar{min-height:80px}.brand{font-size:.75rem;gap:8px}.brand img{width:32px;height:32px}.identity{font-size:.75rem}.tabs{gap:20px;margin-top:8px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{font-size:.8rem;padding:16px 0}.page-heading{align-items:flex-start;margin:26px 0 20px;flex-wrap:wrap;gap:14px}.page-heading h1{font-size:2rem}.badge{font-size:.75rem}.sync-panel{padding:24px}.sync-panel h2{font-size:2.45rem}.panel{padding:22px}.summary-stack,.download-grid,.account-grid{grid-template-columns:1fr;gap:18px}.overview-grid{gap:18px}.health-grid{grid-template-columns:repeat(4,1fr)}.health-grid strong{font-size:1.4rem}.health-grid span{font-size:.75rem}.job-header{align-items:flex-start}.job-header strong{font-size:.875rem}.activity{align-items:flex-start}.auth-layout{grid-template-columns:1fr;padding:35px 0;gap:32px}.intro h1{font-size:3rem;margin:14px 0 18px}.intro>p{font-size:1rem}.intro-note{display:none}.auth-panel{padding:24px}footer{flex-direction:column;gap:5px;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.history-panel{margin-top:18px}.last-sync{font-size:.875rem}.page-heading .secondary{min-height:44px;padding:8px 12px;font-size:.875rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,opacity .15s}.page{animation:appear .2s ease-out}@keyframes appear{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}}