:root{--bg:#f4f6f8;--ink:#172832;--muted:#74838d;--line:#e5ebee;--green:#13856c;--mint:#dcf4e9;--sidebar:#122d32}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:4px}button{cursor:pointer}a{color:var(--green);text-decoration:none}button{border:0;background:transparent;color:inherit}input,select{border:1px solid #dce4e8;border-radius:8px;background:white;color:var(--ink);padding:10px 13px;min-height:41px}input:focus,select:focus{outline:2px solid #92cbb9}h1,h2,p{margin:0}h1{font-size:32px;letter-spacing:-1px;line-height:1.2;font-weight:650}h2{font-size:19px;letter-spacing:-.45px;font-weight:600;line-height:1.35}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin-bottom:10px}.shell{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{background:var(--sidebar);color:#d2e0df;padding:34px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{color:#fff;display:flex;align-items:center;font-size:27px;letter-spacing:-1px;font-weight:650;gap:10px}.brand-dot{color:#72d9b2;margin-left:-10px}.brand-symbol{display:inline-grid;place-items:center;width:36px;height:36px;background:#a4edce;color:#173f38;border-radius:10px;font-size:28px;line-height:1}.sidebar-caption{font-size:9px;letter-spacing:2px;color:#729492;margin:30px 0 17px 12px}.nav{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:8px;text-align:left;color:#9eb6b5;margin-bottom:6px}.nav span{font-size:20px;width:22px;text-align:center}.nav:hover{background:#1c3d40}.nav.active{background:#284b4c;color:#e0ffef}.sidebar-bottom{margin-top:auto;padding:20px 10px 0}.sidebar-bottom p{font-size:11px;line-height:1.8;color:#749795;margin:12px 0 24px}.read-only{font-size:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a7e6c9;margin-right:8px}.logout{font-size:12px;color:#a0b8b6;padding:0}main{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;font-size:12px;color:#86939b}.slash{padding:0 12px;color:#c4cdd2}.timezone{font-size:9px;letter-spacing:1px}.page{max-width:1500px;margin:auto;padding:36px 40px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.heading .muted{font-size:13px;margin-top:10px}.secondary{background:#fff;border:1px solid #dce4e8;border-radius:8px;padding:9px 15px;font-size:12px;white-space:nowrap}.secondary:hover{background:#edf5f1}.primary{background:var(--green);color:#fff;border-radius:8px;padding:12px 18px}.primary:hover{background:#0e705b}.primary span{float:right}.notice{border:1px solid #ebdba7;background:#fff9e9;color:#877031;padding:12px 16px;border-radius:9px;margin-bottom:18px;font-size:12px}.danger{background:#fff0ed;border-color:#f4ccc2;color:#a24836}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px 22px}.metric-label{color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.metric-icon{color:#8ba69b}.metric-value{font-size:30px;font-weight:650;letter-spacing:-1px;margin:12px 0 7px;line-height:1.15}.metric-foot{font-size:10px;color:#95a1a8}.service{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding:18px 4px 23px}.service strong{font-weight:500;color:var(--green)}.service .failed{color:#b7543c}.card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:25px;margin-bottom:20px}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.filters{display:flex;gap:8px}select{font-size:12px}.age-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid #f0f3f5;padding-top:18px;margin-bottom:24px}.age-row>span{font-size:11px;color:var(--muted)}.age-buttons{display:flex;gap:4px;flex-wrap:wrap}.age-button{font-size:11px;padding:6px 9px;border-radius:6px;color:#74838d}.age-button:hover{background:#f1f6f3}.age-button.active{background:var(--mint);color:#0c785c;font-weight:650}.chart-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:0 4px 8px}.legend-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}.chart{min-height:230px}.chart svg{display:block;width:100%;height:auto;max-height:320px}.chart .grid-line{stroke:#edf1f4;stroke-dasharray:4 4}.chart text{fill:#88959e;font-size:11px;font-family:inherit}.chart .series-line{stroke:var(--green);stroke-width:2.5;fill:none;stroke-linejoin:round}.chart .point{fill:var(--green);stroke:#fff;stroke-width:2}.chart .bar{fill:#cbeadd}.chart .bar:hover{fill:#13856c}.method{font-size:11px;line-height:1.7;color:#86949d;margin-top:12px}.overview-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compact{padding:25px 28px}.compact h2{font-size:21px;margin:12px 0}.compact .muted{font-size:12px;line-height:1.8;max-width:480px}.text-button{color:var(--green);font-size:12px;padding:0;white-space:nowrap}.compact .text-button{margin-top:23px}.mini-line{font-size:29px;color:#b7daca;letter-spacing:8px;margin-top:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{color:#8b98a0;font-weight:500;font-size:10px;letter-spacing:.3px;padding:14px 12px;background:#fafcfc;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #edf1f3;vertical-align:middle}td .muted{font-size:10px;display:block;margin-top:4px}tr:last-child td{border-bottom:0}.number{text-align:right;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:4px 8px;border-radius:5px;background:#f0f4f5;color:#7e8e96;font-size:10px;white-space:nowrap}.pill.green{background:#e4f4ec;color:#228067}.pill.orange{background:#fff0e6;color:#a5693c}.search-row{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.search-row input:first-child{flex:1;min-width:190px}#posts-public{width:145px}.pager{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:10px;font-size:11px;color:var(--muted)}.pager div{display:flex;gap:8px}button:disabled{opacity:.4;cursor:default}.empty{text-align:center;color:var(--muted);padding:70px 20px;font-size:13px}.empty strong{display:block;color:#546974;font-weight:500;margin-bottom:6px}details{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;color:#7b8c94;font-size:11px}footer{display:flex;justify-content:space-between;color:#a0adb4;font-size:9px;letter-spacing:1px;padding:8px 0 5px}footer span{letter-spacing:0}dialog{width:min(900px,94vw);max-height:90vh;border:0;border-radius:16px;padding:30px;box-shadow:0 30px 100px #102e3440;color:var(--ink)}dialog::backdrop{background:#0b252976;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.post-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:15px 0 22px}.post-meta strong{color:var(--ink)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 20%,#204d48,#122d32 70%);padding:25px}.login-card{background:#fff;border-radius:18px;padding:40px;width:min(430px,100%)}.login-card .eyebrow{margin:25px 0 15px}.login-card h1{line-height:1.25;margin-bottom:15px}.login-card .muted{font-size:13px;line-height:1.8;margin-bottom:28px}.login-card label{display:block;font-size:12px;margin-bottom:8px}.login-card input,.login-card .primary{width:100%;margin-bottom:15px}.login-card small{font-size:10px;color:var(--muted)}#login-error{color:#ae513b;font-size:12px;margin-bottom:15px}@media(min-width:1600px){.page{padding-top:45px}.chart{min-height:280px}}@media(max-width:1100px){.shell{grid-template-columns:180px 1fr}.sidebar{padding:30px 15px}.brand{font-size:23px}.page{padding:25px}.topbar{padding:0 25px}.metric{padding:16px}.metric-value{font-size:25px}.card-heading{align-items:flex-start;flex-wrap:wrap}.age-buttons{gap:1px}}@media(max-width:760px){.shell{display:block}.sidebar{position:static;height:auto;padding:15px 18px}.brand{font-size:23px}.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;margin-top:16px}.nav{font-size:11px;justify-content:center;padding:8px 4px;gap:5px;margin:0}.nav span{font-size:15px;width:auto}.topbar{height:47px;padding:0 18px}.timezone{display:none}.page{padding:23px 16px}.heading{align-items:flex-start}h1{font-size:26px}.heading .muted{font-size:11px}.heading .eyebrow{font-size:9px}.heading .secondary{padding:8px 10px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-value{font-size:27px}.metric-label{font-size:11px}.metric-foot{font-size:9px}.card{padding:18px}.card h2{font-size:17px}.overview-bottom{grid-template-columns:1fr;gap:0}.filters{width:100%}.filters select{flex:1;min-width:0}.age-row{gap:8px}.age-button{padding:7px 9px}.chart{min-height:170px}.chart-caption{font-size:10px}td{padding:12px 9px}.search-row input{width:100%}footer{font-size:8px}.login-card{padding:28px}dialog{padding:20px}.post-meta{gap:10px}}