:root{color-scheme:light;--bg:#f5f5f7;--surface:rgba(255,255,255,.78);--solid:#fff;--text:#1d1d1f;--muted:#6e6e73;--tertiary:#98989d;--line:rgba(0,0,0,.075);--blue:#0071e3;--blue-hover:#0077ed;--green:#248a3d;--orange:#c93400;--red:#d70015;--shadow:0 20px 50px rgba(0,0,0,.07);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","Helvetica Neue",Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 80% -10%,rgba(0,113,227,.08),transparent 32%),var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,.button{border:0;cursor:pointer}.route-progress{position:fixed;z-index:1000;top:0;left:0;width:0;height:3px;background:var(--blue);opacity:0;transition:width .35s,opacity .2s}.is-loading .route-progress{width:72%;opacity:1}.center-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.install-card,.login-card{width:min(100%,420px);padding:40px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(255,255,255,.82);box-shadow:0 30px 80px rgba(0,0,0,.1);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.brand-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;color:#fff;background:linear-gradient(145deg,#2997ff,#0068d4);box-shadow:0 12px 26px rgba(0,113,227,.24);font-size:24px;font-weight:650}.brand-mark.small{width:48px;height:48px;border-radius:14px;font-size:20px}.brand-mark.tiny{width:38px;height:38px;border-radius:11px;font-size:16px}.eyebrow{margin:26px 0 7px;color:var(--blue);font-size:11px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.install-card h1,.login-card h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.035em}.lead{margin:9px 0 26px;color:var(--muted)}label{display:block;margin-top:17px;color:#424245;font-size:13px;font-weight:520}input,select,textarea{width:100%;margin-top:7px;padding:12px 13px;color:var(--text);border:1px solid #d2d2d7;border-radius:11px;outline:0;background:rgba(255,255,255,.85);transition:border-color .18s,box-shadow .18s,background .18s}input:focus,select:focus,textarea:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(0,113,227,.12)}button,.button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:24px;padding:12px 17px;color:#fff;border-radius:999px;background:var(--blue);font-weight:600;transition:transform .15s,background .15s,opacity .15s}button:hover,.button:hover{background:var(--blue-hover)}button:active,.button:active{transform:scale(.98)}button:disabled{cursor:wait;opacity:.58}.checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;color:var(--tertiary);font-size:11px}.alert{margin:16px 0;padding:12px 14px;border-radius:12px;color:#a50011;background:#fff0f1;font-size:13px}.privacy{margin:21px 0 0;text-align:center;color:var(--tertiary);font-size:11px}.secret-path{padding:14px;border-radius:12px;background:#f2f2f7;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.quiet-home{min-height:100vh;display:grid;place-items:center;text-align:center}.quiet-home .orb{display:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}aside{position:fixed;z-index:20;width:248px;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:rgba(248,248,250,.78);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.side-brand{display:flex;align-items:center;gap:11px;padding:3px 8px 25px}.side-brand b,.side-brand small{display:block}.side-brand b{font-size:15px;font-weight:650}.side-brand small{margin-top:1px;color:var(--tertiary);font-size:11px}nav{display:grid;gap:4px}nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:#515154;font-size:13px;font-weight:520;transition:.16s}nav a i{display:grid;place-items:center;width:20px;color:#7b7b80;font-style:normal;font-size:15px}nav a:hover{background:rgba(0,0,0,.04)}nav a.active{color:var(--text);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.07)}nav a.active i{color:var(--blue)}.side-foot{position:absolute;left:27px;bottom:24px;color:var(--tertiary);font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#34c759;box-shadow:0 0 0 4px rgba(52,199,89,.11)}.dashboard{grid-column:2;width:100%;max-width:1500px;padding:52px clamp(30px,5vw,72px) 80px}.dashboard>header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.dashboard header .eyebrow{margin:0 0 7px}.dashboard header h1{margin:0;font-size:32px;line-height:1.15;letter-spacing:-.04em}.dashboard header p{margin:9px 0;color:var(--muted);font-size:13px}.status-pill{padding:8px 12px;border-radius:999px;color:var(--green);background:#eaf8ed;font-size:11px;font-weight:600}.status-pill i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#34c759}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat-grid article,.panel{border:1px solid rgba(0,0,0,.055);background:var(--surface);box-shadow:0 10px 32px rgba(0,0,0,.045);backdrop-filter:blur(18px)}.stat-grid article{padding:22px;border-radius:18px}.stat-grid span{color:var(--muted);font-size:12px}.stat-grid strong{display:block;margin:9px 0 6px;font-size:28px;line-height:1.1;letter-spacing:-.045em}.stat-grid small{color:var(--green);font-size:10px}.stat-grid small.warm{color:var(--orange)}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,.75fr);gap:14px;margin-top:14px}.panel{padding:22px;border-radius:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{margin:0;font-size:15px;letter-spacing:-.01em}.panel-head p{margin:4px 0;color:var(--muted);font-size:11px}.panel-head>span{padding:6px 9px;border-radius:8px;color:var(--muted);background:#f2f2f7;font-size:10px}.chart{position:relative;height:190px;margin-top:15px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 46px,rgba(0,0,0,.04) 47px)}.bars{position:absolute;inset:15px 12px 24px;display:flex;align-items:end;justify-content:space-around}.bars i{width:7%;border-radius:7px 7px 2px 2px;background:linear-gradient(to top,#9ac9fa,#0071e3)}.days{position:absolute;right:0;bottom:-20px;left:0;display:flex;justify-content:space-around;color:var(--tertiary);font-size:9px}.health-score{display:grid;place-items:center;width:115px;height:115px;margin:12px auto;border-radius:50%;background:conic-gradient(#34c759 99.9%,#e8e8ed 0);box-shadow:inset 0 0 0 10px #fff}.health-score strong{font-size:25px}.health-score span{font-size:10px}.health ul{margin:8px 0 0;padding:0;list-style:none}.health li{padding:9px 1px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.health li i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#34c759}.health li b{float:right;color:var(--green);font-weight:550}.activity,.settings{margin-top:14px}.activity table{width:100%;margin-top:14px;border-collapse:collapse;font-size:11px}.activity th,.activity td{padding:12px 6px;border-top:1px solid var(--line);text-align:left;color:var(--muted)}.activity th{color:var(--tertiary);font-weight:550}.dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--blue)}.settings form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px}.settings form label{margin-top:10px}.settings form button{width:auto;margin:0;padding:12px 18px}.logout{max-width:118px;margin-left:auto}.logout button{color:var(--red);background:#fff0f1}.logout button:hover{background:#ffe5e7}.button-loading:after{width:13px;height:13px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;content:"";animation:spin .65s linear infinite}#toast-region{position:fixed;z-index:1100;top:20px;right:20px;display:grid;gap:9px}.toast{display:flex;align-items:center;gap:10px;min-width:240px;max-width:360px;padding:12px 15px;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);transition:.24s;backdrop-filter:blur(20px)}.toast.show{opacity:1;transform:none}.toast span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#34c759;font-size:12px;font-weight:700}.toast.error span{background:var(--red)}.toast p{margin:0;color:#333336;font-size:12px}.modal-backdrop{position:fixed;z-index:1200;inset:0;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.18);opacity:0;transition:.18s;backdrop-filter:blur(8px)}.modal-backdrop.visible{opacity:1}.modal{width:min(100%,360px);padding:27px;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 30px 90px rgba(0,0,0,.18);text-align:center;transform:scale(.96);transition:.18s}.visible .modal{transform:none}.modal-icon{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 13px;border-radius:14px;color:var(--blue);background:#eaf4ff;font-size:20px;font-weight:650}.modal h2{margin:0;font-size:18px}.modal p{margin:8px 0 20px;color:var(--muted);font-size:13px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modal-actions button{margin:0}.modal-actions .secondary{color:var(--text);background:#ededf2}.page-enter{animation:pageIn .28s ease-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pageIn{from{opacity:.45;transform:translateY(4px)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}aside{position:sticky;top:0;width:100%;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.side-brand{display:none}aside nav{display:flex;justify-content:center;overflow:auto}nav a{flex:0 0 auto;padding:8px 12px}nav a i{display:none}.side-foot{display:none}.dashboard{grid-column:1;padding:34px 20px 60px}.stat-grid{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.settings form{grid-template-columns:1fr}}@media(max-width:560px){.center-shell{padding:14px}.install-card,.login-card{padding:30px 22px;border-radius:22px}.dashboard{padding:28px 14px 50px}.dashboard>header{display:block}.dashboard header h1{font-size:27px}.status-pill{display:inline-block;margin-top:10px}.stat-grid{grid-template-columns:1fr}.panel{padding:18px}.activity{overflow:auto}.settings form{display:block}.settings form button{width:100%;margin-top:16px}#toast-region{top:12px;right:12px;left:12px}.toast{max-width:none;min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}