:root{--navy:#102c3b;--navy2:#173d4b;--teal:#08786c;--mint:#dff4ef;--ink:#1a3039;--muted:#6e8087;--line:#e3e9e9;--bg:#f4f7f6;--white:#fff;--amber:#fbf0dc;--blue:#e6f0fa;--violet:#f0eafd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:0.777778rem;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit}.admin-skip{position:absolute;left:-10000px;top:10px;background:var(--white);color:var(--text);padding:10px;z-index:20}.admin-skip:focus{left:10px}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:linear-gradient(180deg,var(--navy),#0c202d);color:#e8f3f2;display:flex;flex-direction:column;padding:27px 16px 17px;z-index:4}.admin-brand{display:flex;align-items:center;gap:11px;padding:2px 9px 30px;font-size:0.833333rem;line-height:1.1;font-weight:850;letter-spacing:1.1px}.admin-brand-mark{color:#5be0c8;font-size:1.88889rem;font-weight:400}.brand-dot{color:#58d9c3}.admin-brand small{display:block;color:#8da7ae;font-size:0.5rem;letter-spacing:2px;margin-top:7px}.sidebar-section-title{padding:0 11px 10px;color:#79939b;font-size:0.5rem;letter-spacing:1.7px;font-weight:800}.admin-nav{display:grid;gap:5px}.admin-nav a{display:flex;align-items:center;gap:12px;padding:11px;border-radius:8px;color:#c5d6d8;font-size:0.666667rem;transition:.15s}.admin-nav a span{width:18px;color:#82a8aa;text-align:center;font-size:0.888889rem}.admin-nav a:hover,.admin-nav a.active{background:#ffffff13;color:#fff}.admin-nav a.active{box-shadow:inset 3px 0 #55d9c1}.admin-nav a.active span{color:#62e0c9}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff1a;padding:16px 7px 0;color:#a9bec1;font-size:0.555556rem;display:flex;align-items:center;gap:9px}.status-dot,.metric-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55d9c1}.admin-shell{margin-left:246px;min-height:100vh}.admin-topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3.3vw,52px);position:sticky;top:0;z-index:3}.crumb{display:flex;gap:11px;align-items:center;color:#91a0a3;font-size:0.611111rem}.crumb a{color:#647a80}.crumb strong{color:#243e45;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:21px}.owner-chip{display:flex;align-items:center;gap:9px;color:#50666c;font-size:0.611111rem}.owner-avatar{width:29px;height:29px;border-radius:50%;background:#def2ec;color:#116457;display:grid;place-items:center;font-size:0.555556rem;font-weight:800}.view-site{font-size:0.611111rem;color:var(--teal);font-weight:700}.admin-main{max-width:1500px;padding:31px clamp(22px,3.3vw,52px) 26px;margin:auto}.welcome-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.admin-eyebrow{margin:0 0 6px;color:#67827e;font-size:0.5rem;font-weight:850;letter-spacing:1.6px}.welcome-row h1{font-size:1.55556rem;line-height:1.15;letter-spacing:-.8px;margin:0;color:#173740}.welcome-copy{margin:7px 0 0;color:var(--muted);font-size:0.666667rem}.primary-action{background:#08786c;color:#fff;border-radius:7px;padding:10px 14px;font-size:0.611111rem;font-weight:750;box-shadow:0 3px 8px #08786c25}.primary-action:hover{background:#05655a}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px}.metric-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 14px #173c4307}.metric-card{padding:17px 18px 15px;min-height:130px}.metric-top{display:flex;align-items:center;gap:9px}.metric-icon,.collection-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:0.611111rem;font-weight:800}.mint{background:var(--mint);color:#14776a}.blue{background:var(--blue);color:#386d9b}.amber{background:var(--amber);color:#9d6e1b}.violet{background:var(--violet);color:#7559a6}.metric-label{color:#76878a;font-size:0.444444rem;letter-spacing:1px;font-weight:850}.metric-card>strong{display:block;font-size:1.22222rem;letter-spacing:-.5px;margin:12px 0 5px;color:#1c3941}.metric-foot{display:flex;align-items:center;gap:7px;color:#77898c;font-size:0.5rem}.metric-dot{width:6px;height:6px}.mint-dot{background:#20a88d}.blue-dot{background:#5b94c6}.amber-dot{background:#d49b38}.violet-dot{background:#9478c5}.content-grid,.bottom-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.9fr);gap:16px;margin-bottom:16px}.admin-card{padding:19px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.card-heading h2{font-size:0.944444rem;letter-spacing:-.35px;margin:0;color:#183740}.card-heading .admin-eyebrow{margin-bottom:4px}.status-pill,.count-pill{display:inline-flex;border-radius:99px;padding:5px 9px;align-items:center;font-size:0.5rem;font-weight:750}.status-pill.neutral{background:#f0f3f2;color:#718185}.count-pill{background:#f0f5f4;color:#587178}.card-description{font-size:0.611111rem;color:var(--muted);max-width:720px;margin:0 0 18px}.traffic-empty{min-height:128px;border:1px dashed #d8e2e1;border-radius:8px;background:linear-gradient(180deg,#fbfdfc,#f8faf9);display:flex;align-items:center;gap:22px;padding:17px 20px}.traffic-empty strong{display:block;font-size:0.666667rem;color:#3e585e}.traffic-empty p{font-size:0.555556rem;color:#879599;max-width:410px;margin:4px 0 0}.empty-chart{height:66px;width:148px;display:flex;align-items:end;gap:5px;border-bottom:1px solid #d9e4e1;background:repeating-linear-gradient(to bottom,transparent 0 15px,#edf2f1 16px 17px);padding:0 5px;flex:0 0 auto}.empty-chart span{display:block;flex:1;background:linear-gradient(180deg,#d9eee8,#edf6f4);border-radius:3px 3px 0 0;height:30%}.empty-chart span:nth-child(3n){height:55%}.empty-chart span:nth-child(4n){height:42%}.traffic-filters{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}.traffic-filters button{border:1px solid #e5ebea;background:#f9fbfa;color:#a2aeae;border-radius:5px;padding:5px 8px;font-size:0.5rem}.traffic-filters span{margin-left:auto;color:#899799;font-size:0.5rem}.collection-card{padding-bottom:8px}.collection-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eff2f1}.collection-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.collection-copy strong{font-size:0.555556rem;font-weight:750;color:#314d54}.collection-copy small{font-size:0.5rem;color:#819195}.row-arrow{color:#8da0a1;font-size:0.777778rem}.collection-row:hover .collection-copy strong{color:var(--teal)}.todo-list{list-style:none;margin:0;padding:0}.todo-list li{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-top:1px solid #eff2f1}.todo-mark{flex:0 0 20px;height:20px;display:grid;place-items:center;border-radius:50%;font-size:0.5rem;font-weight:800}.todo-mark.done{background:#def4ed;color:#16836c}.todo-mark.pending{background:#f1f3f2;color:#809195}.todo-list li>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1}.todo-list strong{font-size:0.555556rem;color:#3b555b}.todo-list small{font-size:0.5rem;color:#849397}.todo-state{font-size:0.5rem;color:#368773;white-space:nowrap}.todo-state.pending-text{color:#a1abad}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.quick-actions a{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:105px;border:1px solid #edf1ef;background:#fbfcfc;border-radius:8px;padding:11px}.quick-actions a:hover{border-color:#b6d8d0;background:#f4faf8}.quick-actions a>span{color:#168272;font-size:1rem;line-height:1}.quick-actions strong{font-size:0.555556rem;color:#39545a}.quick-actions small{font-size:0.5rem;color:#849397;line-height:1.4}.admin-footer{display:flex;justify-content:space-between;gap:15px;color:#87979a;font-size:0.5rem;border-top:1px solid #e0e8e6;padding-top:14px;margin-top:4px}.top-admin-link{border:1px solid #ffffff2b;border-radius:6px;padding:6px 10px;color:#d2e5e8!important;text-decoration:none;font-size:0.555556rem;font-weight:700}.top-admin-link:hover{background:#ffffff13}.top-controls{display:flex;align-items:center;gap:14px}@media(max-width:1050px){.admin-sidebar{width:210px}.admin-shell{margin-left:210px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.bottom-grid{grid-template-columns:1fr}.quick-actions a{min-height:90px}}@media(max-width:650px){.admin-sidebar{position:relative;width:auto;inset:auto;padding:13px 14px 10px}.admin-brand{padding:0 2px 12px;font-size:0.722222rem}.admin-brand-mark{font-size:1.5rem}.admin-brand small{display:none}.sidebar-section-title,.sidebar-bottom{display:none}.admin-nav{display:flex;overflow:auto;gap:5px;padding-bottom:2px}.admin-nav a{white-space:nowrap;padding:8px 10px;font-size:0.555556rem;gap:7px}.admin-nav a span{font-size:0.722222rem;width:auto}.admin-shell{margin-left:0}.admin-topbar{height:54px;padding:0 15px}.owner-chip>span:last-child{display:none}.topbar-actions{gap:13px}.admin-main{padding:24px 14px 19px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-row h1{font-size:1.38889rem}.metric-grid{gap:8px}.metric-card{padding:13px;min-height:120px}.metric-label{font-size:0.388889rem}.metric-card>strong{font-size:1.05556rem}.metric-foot{font-size:0.444444rem}.admin-card{padding:15px}.traffic-empty{align-items:flex-start;flex-direction:column;gap:13px;padding:15px;min-height:0}.empty-chart{width:100%}.traffic-filters span{width:100%;margin:4px 0 0}.quick-actions{grid-template-columns:1fr}.quick-actions a{min-height:auto}.admin-footer{flex-direction:column}.top-admin-link{padding:5px 7px;font-size:0.5rem}.top-controls{gap:8px}}
.overview-actions{display:flex;gap:10px;flex-wrap:wrap}.overview-actions button{border:0;cursor:pointer}.overview-actions button:disabled{opacity:.6;cursor:wait}.traffic-chart{display:flex;align-items:end;gap:8px;min-height:145px;overflow:auto;border-bottom:1px solid var(--line);padding:10px 3px}.traffic-column{display:flex;flex:1;min-width:25px;flex-direction:column;align-items:center;justify-content:end;gap:5px;min-height:135px}.traffic-column span{display:block;background:#168d7e;width:100%;max-width:40px;border-radius:4px 4px 0 0}.traffic-column small{font-size:0.555556rem;white-space:nowrap;color:#36545b}.traffic-pages{list-style:none;padding:0;margin:18px 0}.traffic-pages li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font-size:0.722222rem}.traffic-pages a{overflow-wrap:anywhere;color:#08786c}.traffic-filters button{cursor:pointer;color:#27464b}.traffic-filters button[aria-pressed=true]{background:#08786c;color:#fff;border-color:#08786c}#overview-status,#database-status,#traffic-status{font-size:0.722222rem;line-height:1.6}.admin-body .welcome-row h1{color:var(--ink)}.admin-body .card-description{color:#526a70}.admin-body .collection-copy small{color:#536b70}.admin-body .metric-foot{color:#536b70}
html[data-theme] .admin-body{--ink:var(--text);--line:var(--stroke)}html[data-theme] .admin-body :is(.metric-card,.admin-card,.admin-topbar){background:var(--white);border-color:var(--stroke);color:var(--text)}html[data-theme] .admin-body :is(.welcome-row h1,.card-heading h2,.metric-card>strong,.collection-copy strong,.todo-list strong,.quick-actions strong,.crumb strong,.traffic-column small){color:var(--text)}html[data-theme] .admin-body :is(.metric-label,.metric-foot,.card-description,.collection-copy small,.todo-list small,.quick-actions small,.admin-eyebrow){color:var(--muted)}html[data-theme] .admin-body :is(.quick-actions a,.traffic-filters button){background:var(--paper);border-color:var(--stroke);color:var(--text)}html[data-theme] .admin-body .traffic-filters button[aria-pressed=true]{background:var(--teal);color:var(--paper)}html[data-theme] .admin-body .traffic-pages a{color:var(--teal)}html[data-theme] .admin-body .traffic-column span{background:var(--teal)}

/* Share theme colors and the frame text-size setting on the backend, too. */
html[data-theme] .admin-body{background:var(--paper);font-size:1rem}
/* Long Icelandic labels must stay inside their cards when text is enlarged. */
.quick-actions a{min-width:0;overflow-wrap:anywhere}
html:is([data-text-size="huge"],[data-text-size="double"]) .admin-body :is(.content-grid,.bottom-grid){grid-template-columns:minmax(0,1fr)}