:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20242a;background:#f8f8f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:244px;background:#fff;border-right:1px solid #e7e7e4;padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;padding:0 12px;margin-bottom:62px;letter-spacing:-.6px}.brand-mark{color:#fff;background:linear-gradient(135deg,#fdb040,#f06a24);border-radius:11px;display:grid;place-items:center;width:34px;height:34px;font-size:24px;font-weight:400}.brand-sub{display:block;font-size:9px;letter-spacing:1.6px;font-weight:700;color:#92949a;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#6d7278;font-size:14px;font-weight:550}.sidebar nav a:hover,.sidebar nav a.active{background:#fff2e9;color:#dc641e}.sidebar nav a:first-letter{font-size:18px}.sidebar-foot{margin-top:auto;border-top:1px solid #eee;padding:22px 12px 0;color:#747980;font-size:10px;font-weight:750;letter-spacing:.7px}.sidebar-foot small{display:block;margin-top:9px;font-size:11px;font-weight:400;letter-spacing:0;color:#a2a5a9}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36b877;margin-right:6px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid #e9e9e6;display:flex;align-items:center;justify-content:space-between;padding:0 43px}.topbar-label{font-size:10px;letter-spacing:2px;font-weight:750;color:#9b9da2}.top-status{font-size:12px;color:#597866;background:#edf8f0;border-radius:99px;padding:8px 13px}.mobile-brand{display:none}main{width:min(1250px,100%);padding:43px;margin:0 auto;flex:1}footer{padding:20px 43px;color:#a0a2a5;border-top:1px solid #e9e9e6;font-size:11px;display:flex;justify-content:space-between}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#ed7a2e;text-transform:uppercase}.page-title{margin:8px 0 7px;font-size:31px;letter-spacing:-1.2px;font-weight:750}.subtitle{margin:0;color:#8c9096;font-size:14px}.heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:31px}.badge{display:inline-flex;align-items:center;gap:7px;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:750;letter-spacing:.3px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.normal,.badge.ok{background:#e8f7ec;color:#21985c}.badge.warning,.badge.high,.badge.data-stale{background:#fff4df;color:#bd7e14}.badge.critical,.badge.exceeded{background:#fff0e9;color:#df5d32}.badge.unavailable{background:#eff0f1;color:#7a8085}.section-title{font-size:16px;letter-spacing:-.35px;margin:0 0 16px}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:36px}.stat,.card,.panel{background:#fff;border:1px solid #e9e9e6;border-radius:12px;box-shadow:0 2px 5px rgba(30,36,44,.018)}.stat{padding:20px}.stat-label{font-size:11px;color:#999da2;font-weight:600}.stat-value{font-size:20px;font-weight:740;letter-spacing:-.7px;margin-top:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stat-hint{font-size:11px;color:#a9abb0;margin-top:6px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:38px}.card{padding:23px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,36,44,.06)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.service-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#fff1e7;color:#eb7428;font-weight:750;font-size:15px}.service-name{font-size:16px;font-weight:720;margin-top:10px}.metric-label{font-size:11px;color:#989ba1;text-transform:uppercase;letter-spacing:.7px}.metric-value{font-size:26px;letter-spacing:-1px;font-weight:730;margin:5px 0}.metric-value small{font-size:12px;color:#aaaeb3;font-weight:500;letter-spacing:0}.bar{height:7px;background:#f0f1f0;border-radius:99px;overflow:hidden;margin:15px 0 10px}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#f6a246,#ee7127);border-radius:99px}.card-bottom{display:flex;justify-content:space-between;color:#969ba0;font-size:11px;margin-top:17px}.card-bottom strong{color:#525961;font-weight:600}.metric-mini{display:flex;justify-content:space-between;border-top:1px solid #f2f2f0;padding-top:12px;margin-top:12px;font-size:12px;color:#70767c}.metric-mini strong{color:#41474c}.two-col{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-bottom:30px}.panel{padding:23px}.panel-list{display:grid;gap:0}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #f1f1ef;padding:14px 0;font-size:13px}.list-row:first-child{border-top:0}.list-row small{display:block;color:#a0a4a8;margin-top:4px}.muted{color:#a0a4a8}.alert-icon{color:#f08335;margin-right:8px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid #e9e9e6;border-radius:12px}table{border-collapse:collapse;width:100%;min-width:660px;font-size:13px}th{text-align:left;font-size:10px;color:#9ba0a5;letter-spacing:.9px;text-transform:uppercase;font-weight:750;padding:18px 20px;border-bottom:1px solid #eaeae8;cursor:pointer}td{padding:16px 20px;border-bottom:1px solid #f2f2f0}tr:last-child td{border:0}td a{font-weight:650}td a:hover{color:#e2762f}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-chart{grid-column:1/-1}.chart{width:100%;height:210px;display:block}.chart-caption{display:flex;justify-content:space-between;font-size:11px;color:#a0a4a8}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.tab{border:1px solid #ececea;background:#fff;color:#81858b;border-radius:7px;padding:7px 11px;font-size:11px;cursor:pointer}.tab.active{background:#fff2e8;color:#dd6b25;border-color:#ffe0c5}.empty{padding:46px;text-align:center;color:#93999e;border:1px dashed #dadcda;border-radius:12px;background:#fff}.settings-note{background:#fff8f0;border:1px solid #f7e8d4;border-radius:10px;padding:18px;color:#96622c;font-size:13px;line-height:1.6;margin-bottom:20px}.loading{padding:80px;color:#9a9da2;text-align:center}.error{background:#fff1e8;color:#ad5526;padding:18px;border-radius:9px}@media(max-width:1120px){.services-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.shell{display:block}.sidebar{position:fixed;top:auto;bottom:0;z-index:10;width:100%;height:65px;padding:6px 8px;border-right:0;border-top:1px solid #e9e9e6}.sidebar .brand,.sidebar-foot{display:none}.sidebar nav{display:flex;justify-content:space-around}.sidebar nav a{display:grid;gap:2px;justify-items:center;padding:4px 12px;font-size:17px}.sidebar nav a span{font-size:10px}.topbar{height:59px;padding:0 19px}.mobile-brand{display:block;font-weight:750;color:#e8772c}.topbar-label{display:none}main{padding:26px 18px 90px}.page-title{font-size:27px}.heading-row{margin-bottom:25px}.overview-grid{gap:10px}.stat{padding:15px}.stat-value{font-size:16px}.services-grid,.two-col,.detail-grid{grid-template-columns:1fr}.detail-chart{grid-column:auto}.card{padding:20px}footer{display:none}}

/* The clock capsule follows the Codex dashboard layout while keeping this site's palette. */
.topbar{gap:16px}
.topbar-heading{display:flex;align-items:center;gap:14px;min-width:0}
.header-capsule{display:grid;grid-template-columns:auto 44px auto;align-items:stretch;overflow:hidden;flex-shrink:0;min-height:48px;border:1px solid #e7e7e4;border-radius:14px;background:#fff}
.world-clocks{display:grid;grid-template-columns:repeat(2,auto)}
.world-clock{display:flex;flex-direction:column;justify-content:center;min-width:112px;padding:8px 12px}
.world-clock+.world-clock,.theme-toggle,.sync{border-left:1px solid #e7e7e4}
.world-clock small,.sync small{font-size:9px;line-height:1.2;color:#9599a0;font-weight:650}
.world-clock strong,.sync strong{font-size:12px;line-height:1.1;margin-top:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.theme-toggle{display:grid;place-items:center;border-top:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;color:#3f4650;cursor:pointer;font-size:19px}
.theme-toggle:hover{background:#fff2e9;color:#dd6b25}
.sync{display:flex;align-items:center;gap:8px;padding:8px 12px;white-space:nowrap}
.sync>span{width:7px;height:7px;border-radius:50%;background:#36b877;flex:none}
.sync.is-stale>span{background:#a5a9ad}
.sync>div{display:flex;flex-direction:column}
body[data-theme="dark"]{background:#161a22;color:#edf0f4}
body[data-theme="dark"] .sidebar,body[data-theme="dark"] .topbar,body[data-theme="dark"] .header-capsule,body[data-theme="dark"] .stat,body[data-theme="dark"] .card,body[data-theme="dark"] .panel,body[data-theme="dark"] .table-wrap,body[data-theme="dark"] .empty{background:#202631;border-color:#363e4b}
body[data-theme="dark"] .sidebar nav a{color:#aab2bf}
body[data-theme="dark"] .sidebar nav a:hover,body[data-theme="dark"] .sidebar nav a.active{background:#3e3029;color:#ffa364}
body[data-theme="dark"] .theme-toggle{color:#edf0f4}
body[data-theme="dark"] .theme-toggle:hover{background:#34404c}
body[data-theme="dark"] .world-clock+.world-clock,body[data-theme="dark"] .theme-toggle,body[data-theme="dark"] .sync,body[data-theme="dark"] .topbar,body[data-theme="dark"] .sidebar,body[data-theme="dark"] footer,body[data-theme="dark"] .list-row,body[data-theme="dark"] .metric-mini,body[data-theme="dark"] th,body[data-theme="dark"] td{border-color:#363e4b}
body[data-theme="dark"] .card-bottom strong,body[data-theme="dark"] .metric-mini strong{color:#d8dde6}
.card-metrics{margin-top:18px}.metric-row{padding:12px 0;border-top:1px solid #f0f0ed}.metric-row-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;color:#59616a}.metric-row-head small{font-size:10px;color:#969ba0}.metric-row-head strong{font-size:11px;color:#59616a;white-space:nowrap}.metric-row-values{margin-top:7px;font-size:17px;font-weight:700;letter-spacing:-.3px}.metric-row-values span{font-size:12px;font-weight:500;color:#8b9298}.metric-row .bar{margin:8px 0 0;height:5px}body[data-theme="dark"] .metric-row{border-color:#363e4b}body[data-theme="dark"] .metric-row-head,body[data-theme="dark"] .metric-row-head strong{color:#d8dde6}@media(max-width:760px){.metric-row-head{flex-wrap:wrap}.metric-row-values{font-size:16px}}
body[data-theme="dark"] .settings-note{background:#302820;border-color:#5d4630;color:#e8ba85}
body[data-theme="dark"] .tab{background:#202631;border-color:#363e4b;color:#adb5c2}
body[data-theme="dark"] .tab.active{background:#3e3029;color:#ffa364}
body[data-theme="dark"] .bar{background:#363e4b}
@media(max-width:1050px){.topbar{padding:0 20px}.topbar-label{display:none}}
@media(max-width:760px){.topbar{height:auto;min-height:111px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;padding:8px 18px}.topbar-heading{justify-content:space-between}.header-capsule{width:100%;min-height:46px;grid-template-columns:minmax(0,1fr) 35px auto;border-radius:12px}.world-clocks{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr))}.world-clock{min-width:0;padding:7px 7px}.world-clock small,.sync small{font-size:7px;white-space:nowrap}.world-clock strong,.sync strong{font-size:10px}.theme-toggle{font-size:17px}.sync{padding:7px 8px;gap:5px}.top-status{font-size:10px;padding:5px 9px}}