:root{--bg:#f4f7f8;--panel:#fff;--ink:#12222c;--muted:#6b7b84;--line:#dfe7e9;--nav:#10252c;--nav2:#17343b;--teal:#28b89a;--ok:#20a875;--warn:#d99a2b;--bad:#d65252;--shadow:0 14px 35px rgba(20,43,51,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,var(--nav),var(--nav2));color:#dbe9eb;padding:25px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 25px;border-bottom:1px solid #ffffff18}.brand strong,.brand small{display:block}.brand small{color:#8fa8ad;margin-top:2px}.brand-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#35cfad,#197e91);color:white;font-weight:900;box-shadow:0 12px 25px #07171c66}.brand-mark.small{width:40px;height:40px;border-radius:12px}.sidebar nav{display:grid;gap:6px;margin-top:22px}.sidebar nav a{text-decoration:none;padding:11px 13px;border-radius:10px;color:#b9cdd1;font-weight:650;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff12;color:white}.sidebar-foot{margin-top:auto;font-size:12px;color:#91a8ad;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:14px 8px}.sidebar-foot a{grid-column:1/-1;margin-top:9px;color:#d6e4e6}.content{margin-left:238px;padding:34px;max-width:1600px}.topbar{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.topbar h1{margin:2px 0 4px;font-size:32px;letter-spacing:-.03em}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#398479;margin:0 0 5px}.muted{color:var(--muted);margin:0}.health-chip{display:flex;align-items:center;gap:12px;background:#eaf8f4;border:1px solid #c7ebdf;padding:12px 18px;border-radius:14px;min-width:175px}.health-chip small,.health-chip strong{display:block}.health-chip small{color:#638278;font-size:11px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:0 0 auto}.dot.ok,.status.ok i{background:var(--ok)}.dot.warn,.status.warn i{background:var(--warn)}.dot.bad,.status.bad i{background:var(--bad)}.dot.neutral{background:#97a5aa}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metrics article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metrics article{padding:20px}.metrics span,.metrics small{display:block;color:var(--muted)}.metrics strong{display:block;font-size:30px;margin:6px 0}.metrics small{font-size:12px}.panel{padding:22px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-head h2{margin:0;font-size:21px}.section-head button{border:1px solid var(--line);background:#f6f9f9;color:#87969b;border-radius:9px;padding:9px 12px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-card{border:1px solid var(--line);border-radius:14px;padding:17px;background:linear-gradient(180deg,#fff,#fbfdfd)}.product-title{display:flex;gap:12px;align-items:center}.product-title h3{margin:0 0 5px}.product-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f6f3;color:#16836d;font-weight:900}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;background:#eef2f3;color:#68777d}.status.ok{background:#e9f8f2;color:#16845d}.status.warn{background:#fff3dc;color:#9a6611}.status.bad{background:#fdeaea;color:#a93535}.status i{width:6px;height:6px;border-radius:50%}.product-card dl{margin:18px 0 0}.product-card dl div{display:flex;justify-content:space-between;border-top:1px solid #edf1f2;padding:9px 0}.product-card dt{color:var(--muted);font-size:12px}.product-card dd{margin:0;font-weight:700;font-size:12px}.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.list{display:grid}.list-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #edf1f2}.list-row:first-child{border-top:0}.list-row strong,.list-row small{display:block}.list-row small{color:var(--muted);margin-top:3px}.incident{border:1px solid #f0d5a7;background:#fffaf0;border-radius:13px;padding:16px}.incident>div{display:flex;justify-content:space-between;align-items:center}.incident h3{margin:14px 0 6px}.incident p{color:var(--muted);margin:0}.incident footer{display:flex;justify-content:space-between;border-top:1px solid #f1e2c7;margin-top:15px;padding-top:12px;font-size:12px;color:#765f3b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}th,td{padding:11px 9px;border-bottom:1px solid #edf1f2}td small{display:block;color:var(--muted);margin-top:3px}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.timeline>div{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;grid-template-columns:auto 1fr;gap:6px 9px}.timeline small{grid-column:2;color:var(--muted)}.page-footer{text-align:center;color:#829096;font-size:11px;padding:15px}.login-body{min-height:100vh;background:radial-gradient(circle at 80% 15%,#214d54 0,transparent 28%),linear-gradient(145deg,#0d2026,#18373f);display:grid;place-items:center;padding:24px}.login-shell{width:min(440px,100%)}.login-card{background:#fff;border-radius:24px;padding:34px;box-shadow:0 30px 80px #0006}.login-card h1{font-size:31px;margin:8px 0}.login-card .brand-mark{margin-bottom:23px}.login-card form{display:grid;gap:16px;margin-top:25px}.login-card label{display:grid;gap:7px;font-weight:700;font-size:13px}.login-card input{border:1px solid #cedadd;border-radius:11px;padding:13px;font:inherit}.login-card button{border:0;border-radius:11px;padding:13px;background:#1b8977;color:white;font-weight:800;cursor:pointer}.alert{padding:11px 13px;border-radius:10px;margin-top:18px}.alert.bad{background:#fdeaea;color:#9e3333}.tiny{font-size:11px;color:#839196;text-align:center;margin:18px 0 0}@media(max-width:1100px){.product-grid,.metrics{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.sidebar-foot{display:none}.content{margin-left:0;padding:20px}.topbar{align-items:flex-start;flex-direction:column}.metrics,.product-grid,.timeline{grid-template-columns:1fr}.topbar h1{font-size:27px}}

.button,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 14px;background:#1b8977;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.button.secondary,button.secondary{background:#f6f9f9;color:#526269;border:1px solid var(--line)}.button.danger{background:#b84242}.form-grid{display:grid;gap:14px}.form-grid label{display:grid;gap:7px;font-weight:750;font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cedadd;border-radius:10px;padding:11px 12px;font:inherit;background:#fff}.form-grid .check{display:flex;grid-template-columns:auto 1fr;align-items:center}.form-grid .check input{width:auto}.inline{display:inline}.actions{display:flex;gap:8px;margin-top:12px}.alert.ok{background:#e9f8f2;color:#16845d}.alert.warn{background:#fff3dc;color:#9a6611}.narrow{max-width:650px}.secret{font-family:ui-monospace,monospace;letter-spacing:.12em;padding:14px;background:#f1f5f5;border-radius:10px;margin:14px 0;word-break:break-all}.small{font-size:12px}.timeline.vertical{grid-template-columns:1fr}.empty{color:var(--muted);padding:18px 0}hr{border:0;border-top:1px solid var(--line);margin:24px 0}
.error-text{display:block;margin-top:.35rem;color:#b42318;max-width:46rem;overflow-wrap:anywhere}.topbar>form{margin:0}.topbar>form .button{margin:0}

/* v0.2.3 — user management and theme support */
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--bg:#0d1519;--panel:#152126;--ink:#edf5f6;--muted:#94a8af;--line:#2b3d44;--nav:#071115;--nav2:#102229;--shadow:0 14px 35px rgba(0,0,0,.24)}
body,.panel,.metrics article,.product-card,.form-grid input,.form-grid select,.form-grid textarea,.login-card,.button.secondary,button.secondary,.section-head button,.health-chip,.incident{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
.sidebar-foot{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px 8px}.sidebar-foot .signed-in-user{display:flex;align-items:center;gap:9px;font-size:12px;color:#91a8ad}.sidebar-foot a{grid-column:auto;margin-top:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer}.sidebar-theme{width:100%;border-color:#ffffff20;color:#d6e4e6;background:#ffffff08}.sidebar-theme:hover{background:#ffffff12}.theme-toggle [data-theme-icon]{font-size:16px;line-height:1}.login-theme{position:fixed;right:20px;top:20px;background:#ffffff12;border-color:#ffffff25;color:#fff;backdrop-filter:blur(10px)}
.button.compact{padding:8px 10px;font-size:12px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.one-time-secret{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;border-color:#79cdbb;background:linear-gradient(135deg,#effbf7,#f8fffd)}.one-time-secret h2{margin:2px 0 7px}.one-time-secret p{margin:0;color:#45665f}.secret-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secret-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:800;letter-spacing:.04em;padding:13px 15px;border-radius:10px;background:#fff;border:1px solid #b8ded5;color:#103d35;word-break:break-all}.account-meta{margin:20px 0 0;border-top:1px solid var(--line)}.account-meta>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.account-meta dt{color:var(--muted)}.account-meta dd{margin:0;font-weight:750;text-align:right}.danger-zone{border-color:#efd0d0}.danger-zone form{margin-top:15px}.alert.error{background:#fdeaea;color:#9e3333}

html[data-theme="dark"] .product-card{background:linear-gradient(180deg,#17252a,#131f24)}
html[data-theme="dark"] .health-chip{background:#13332c;border-color:#205d4e}
html[data-theme="dark"] .health-chip small{color:#8cb9ad}
html[data-theme="dark"] .product-icon{background:#183b35;color:#58d3b7}
html[data-theme="dark"] .product-card dl div,
html[data-theme="dark"] .list-row,
html[data-theme="dark"] th,
html[data-theme="dark"] td,
html[data-theme="dark"] .incident footer{border-color:var(--line)}
html[data-theme="dark"] .section-head button,
html[data-theme="dark"] .button.secondary,
html[data-theme="dark"] button.secondary{background:#1a292f;color:#d6e3e6;border-color:#354950}
html[data-theme="dark"] .form-grid input,
html[data-theme="dark"] .form-grid select,
html[data-theme="dark"] .form-grid textarea,
html[data-theme="dark"] .login-card input{background:#101b20;color:var(--ink);border-color:#354950}
html[data-theme="dark"] .form-grid input::placeholder,
html[data-theme="dark"] .login-card input::placeholder{color:#6f858d}
html[data-theme="dark"] .incident{background:#2c2618;border-color:#5e4a20}
html[data-theme="dark"] .incident p{color:#c9b98c}
html[data-theme="dark"] .login-body{background:radial-gradient(circle at 80% 15%,#173c42 0,transparent 28%),linear-gradient(145deg,#071115,#10252c)}
html[data-theme="dark"] .login-card{background:#152126;color:var(--ink);border:1px solid var(--line)}
html[data-theme="dark"] .one-time-secret{background:linear-gradient(135deg,#13312b,#162925);border-color:#2d7565}
html[data-theme="dark"] .one-time-secret p{color:#a9c9c1}
html[data-theme="dark"] .secret-row code{background:#0d1917;border-color:#2e6f61;color:#8fe3cf}
html[data-theme="dark"] .danger-zone{border-color:#5f3434}
html[data-theme="dark"] .alert.ok{background:#12352a;color:#79d8b4}
html[data-theme="dark"] .alert.bad,
html[data-theme="dark"] .alert.error{background:#3b2023;color:#ffaaa9}
html[data-theme="dark"] .alert.warn{background:#3b301c;color:#f2c56d}
html[data-theme="dark"] .status.ok{background:#13372b;color:#6dd4aa}
html[data-theme="dark"] .status.warn{background:#3a2e18;color:#edbd63}
html[data-theme="dark"] .status.bad{background:#3a2022;color:#f49b9b}
html[data-theme="dark"] .status{background:#243239;color:#b9c8cd}
html[data-theme="dark"] .secret{background:#101b20}
html[data-theme="dark"] .timeline>div{border-color:var(--line)}

@media(max-width:720px){.one-time-secret{grid-template-columns:1fr}.login-theme{right:12px;top:12px}.sidebar-foot{display:flex}.users-layout .table-wrap{margin:0 -8px}.users-layout td,.users-layout th{padding-left:7px;padding-right:7px}}

/* v0.2.4 — scheduled tracker automation */
.topbar-actions{display:flex;align-items:center;gap:12px}.automation-chip{text-decoration:none}.automation-warning{margin:0 0 18px}.automation-warning a{font-weight:800}.automation-hero{display:flex;align-items:center;justify-content:space-between;gap:24px}.automation-hero h2{margin:12px 0 7px}.automation-refresh-note{padding:10px 12px;border-radius:10px;background:#eef5f5;color:var(--muted);font-size:12px;font-weight:750;white-space:nowrap}.automation-layout{grid-template-columns:1.25fr .75fr}.automation-row{grid-template-columns:auto minmax(0,1fr) auto}.setup-details{margin:20px 0;border-top:1px solid var(--line)}.setup-details>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}.setup-details dt{color:var(--muted)}.setup-details dd{margin:0}.setup-details code,.command-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.command-label{display:block;font-size:12px;font-weight:800;margin:18px 0 8px}.command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center}.command-row code{display:block;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f3f7f7;overflow-wrap:anywhere}.automation-layout .small{display:block;margin-top:12px}.status.neutral{background:#eef2f3;color:#68777d}
html[data-theme="dark"] .automation-refresh-note,html[data-theme="dark"] .command-row code{background:#101b20;color:var(--muted)}
@media(max-width:1100px){.topbar-actions{align-items:stretch;flex-direction:column}.automation-layout{grid-template-columns:1fr}}
@media(max-width:720px){.automation-hero{align-items:flex-start;flex-direction:column}.automation-refresh-note{white-space:normal}.command-row{grid-template-columns:1fr}.automation-row{grid-template-columns:auto minmax(0,1fr)}.automation-row>.status{grid-column:2;justify-self:start}}