/* Reference-matched Streetz dashboard, release 1.1.0. */
:root{--bg:#020303;--surface:#090c0e;--surface2:#171d21;--edge:#24292d;--red:#ff091b;--red2:#c7000f;--green:#12d238;--radius:9px;font-family:Arial,Helvetica,sans-serif}
body{background:radial-gradient(ellipse at 70% 5%,#24000355,transparent 55%),#020303}
.sidebar{width:240px;padding:0;background:linear-gradient(115deg,#080b0d,#020303);border-right:1px solid #ef1026;z-index:40}
.sidebar-brand{height:143px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0003,#0005),url('/static/skyline.png') center/auto 150px;border-bottom:1px solid #eb102d55;overflow:hidden}
.sidebar-brand img{width:218px;height:119px;object-fit:contain;display:block}.sidebar-brand span{font-size:9px;letter-spacing:2.3px;color:#eee;margin-top:-1px;text-shadow:0 1px 3px black}
.sidebar nav{padding:8px 10px;scrollbar-width:thin;scrollbar-color:#5b131c transparent}.nav-link{font-size:13px;min-height:36px;padding:9px 12px;margin:1px 0 3px;gap:17px;line-height:1.3;color:#d5dde4;border:1px solid transparent;border-radius:5px}.nav-link .icon{width:18px;height:18px;stroke-width:2}.nav-link.active{background:linear-gradient(#ff1726,#ff0012);border-color:#ff3745;box-shadow:0 0 17px #fb102232}.nav-link:hover{border-color:#65101b}.nav-chevron{margin-left:auto;font-size:19px;line-height:14px;color:#e4e5e7}.nav-divider{display:none}
.sidebar-footer{margin-top:auto;border:0;display:flex;flex-direction:column;gap:0;flex-shrink:0;text-align:center;padding:18px 8px 13px}.sidebar-footer b{font-size:16px}.sidebar-footer em{font-family:"Brush Script MT","Segoe Script",cursive;color:#ff0c20;font-size:23px;line-height:1.3}.sidebar-footer strong{font-size:13px;letter-spacing:1.5px;margin-top:7px}.sidebar-version{text-align:center;border-top:1px solid #8c27383d;font-size:13px;line-height:29px;color:#c1c8d1;flex-shrink:0}
.workspace{margin-left:240px}.topbar{height:60px;padding:0 20px;gap:23px;border-bottom:1px solid #ca0828;background:linear-gradient(90deg,#030607ef,#05010283),url('/static/skyline.png') center 28%/cover;backdrop-filter:blur(9px)}#menu-toggle{display:inline-flex;background:none;border:0;font-size:21px;width:26px;padding:0}.page-search{width:355px;max-width:40%;height:35px;background:linear-gradient(#20272b,#171c20);border:1px solid #30373c;border-radius:5px;padding:0 9px;gap:6px}.page-search input{font-size:12px;min-height:30px;height:30px}.page-search>span{font-size:20px;color:#dae1e8}.search-results{top:40px}.topbar-right{gap:12px}.top-divider{display:none}.moon-button{font-size:25px;color:#fff;background:transparent;text-shadow:0 0 15px #fff}.events-button{position:relative;background:none}.events-button>span{position:absolute;top:-2px;right:-2px;border-radius:50%;width:17px;height:17px;background:#fc1327;font-size:10px;display:grid;place-items:center}.avatar{background:#c4cbd1;color:#1c252b;border:0;font-weight:bold;width:30px;height:30px}.user-meta{min-width:48px}.user-meta b{font-weight:400;font-size:13px}.user-meta small{display:none}.mode-pill{font-size:9px;padding:3px 8px;letter-spacing:.4px;border-color:#922627;color:#f1aaae;background:#29040688}
#content{padding:0 20px 10px;max-width:none}.breadcrumb{padding-top:22px;margin-bottom:20px}.page-heading h1{font-size:25px}.skyline-welcome{height:92px;margin:0 -20px 7px;border:0;border-radius:0;padding:16px 31px 12px;background:linear-gradient(90deg,#000b 0%,#0005 40%,#0003 75%,#0009),url('/static/skyline.png') center 48%/cover}.skyline-welcome:after{display:none}.skyline-welcome h1{font-size:27px;letter-spacing:.3px;line-height:1.2;margin:0 0 5px}.crown{color:#ffbf16;font-size:32px;margin-left:6px;line-height:1}.skyline-welcome p{font-size:14px;color:#d9e1e9;letter-spacing:.1px}.welcome-brand b{font-size:25px;letter-spacing:.4px;text-shadow:0 2px 5px #000}.welcome-brand span{color:#ff1027;font:italic 32px/1 "Brush Script MT","Segoe Script",cursive;margin-top:-1px;text-shadow:0 2px 4px #000}
.stats-grid{gap:10px 14px;margin:0 5px 13px;grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:12px 15px;min-height:88px;align-items:center;gap:20px;background:linear-gradient(115deg,#14111899 0%,#070a0bc9 55%,#0b1012);border:1px solid #30363c66;border-radius:10px;box-shadow:inset 0 1px 6px #ffffff02}.stat-card:nth-child(-n+4){min-height:95px}.stat-icon{width:61px;height:61px;border-radius:10px;box-shadow:0 0 20px #0008,inset 0 0 16px #ffffff0b}.stat-icon .icon{width:31px;height:31px;stroke-width:1.9}.blue{background:linear-gradient(140deg,#003284,#0058c7);color:#78b9ff;border:1px solid #1c70e6}.green{background:linear-gradient(140deg,#026719,#029319);color:#a2f8af;border:1px solid #108d20}.red{background:linear-gradient(140deg,#a10713,#ff0014);color:#fff;border:1px solid #ff293d}.stat-card:nth-child(3) .red{background:linear-gradient(145deg,#5e0b16,#940d1a);color:#fc5665}.purple{background:linear-gradient(145deg,#430384,#5f08bd);color:#cf9bff;border:1px solid #6d1dc2}.pink{background:linear-gradient(145deg,#a90038,#ef004c);color:white;border:1px solid #fc216b}.orange{background:linear-gradient(145deg,#c86a00,#ffa000);color:white;border:1px solid #e78805}.stat-label{font-size:14px;color:#d0dae3;margin-bottom:2px}.stat-value{font-size:24px;line-height:1.22;letter-spacing:.2px;font-weight:700}.stat-note{font-size:12px;margin-top:4px;gap:9px;color:#eee}.stat-note.positive{color:#2ad448;font-size:11px}.stat-note progress{flex:1;width:125px;height:10px;max-width:145px}.stat-note.expired-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#ff0b22,#db0015)}.stat-note.expired-progress progress::-moz-progress-bar{background:#ed1424}.red-card{background:linear-gradient(115deg,#4c00072e,#080c0e 65%)}progress::-webkit-progress-value{background:linear-gradient(90deg,#06c72d,#0bba20)}progress::-moz-progress-bar{background:#0dca2c}
.card{background:linear-gradient(110deg,#090b0dde,#0d1113);border:1px solid #6b152544;border-top-color:#951328;border-left-color:#790d1d;border-radius:9px}.dashboard-lower{grid-template-columns:1.11fr 1fr;gap:17px;margin:0 0 12px}.dashboard-lower>.card{padding:9px 11px 8px;min-width:0;min-height:226px}.card-header{margin:0 0 10px;min-height:24px}.card-header h2{font-size:18px;font-weight:700}.card-header a.view-all{border:1px solid #852532;background:linear-gradient(#191e20,#090c0e);padding:3px 9px;border-radius:4px;color:#ff1a2a;font-size:11px}.dashboard-lower th{font-size:11px;padding:8px 12px;background:linear-gradient(#1e2428,#14191d);border:0;color:#e4e9ec}.dashboard-lower td{padding:6px 12px;font-size:12px;border-bottom:1px solid #383d4155;height:34px}.dashboard-lower .table-wrap{border-radius:5px;overflow:auto}.status{font-size:11px;padding:3px 9px;border-radius:5px;line-height:1.35}.status.good{background:linear-gradient(#006e2a,#00411b);color:#e6ffe9;border:0;box-shadow:0 0 8px #00c62b13}.status.bad{background:linear-gradient(#ba1023,#850012);color:#fff;border:0}.status-dot{background:#08e72c;width:10px;height:10px;margin-right:10px}.server-load{display:flex;align-items:center;gap:12px}.server-load progress{width:113px;height:8px}.server-manage{display:grid;place-items:center;width:22px;height:23px;background:linear-gradient(#343d43,#171e23);border-radius:3px}.server-manage .icon{width:15px;height:15px}.activity-action{display:flex;gap:11px;align-items:center}.activity-panel td{font-size:11px;padding:2px 8px;height:29px}.activity-icon{width:23px;height:23px;border:0;box-shadow:0 0 9px #0009}.activity-icon .icon{width:14px;height:14px}.activity-panel th{padding:8px}.mini-empty{white-space:normal!important;text-align:center;color:var(--muted);height:150px!important;padding:15px!important;line-height:1.6}
.dashboard-tables{display:grid;grid-template-columns:1fr 1fr 1.06fr;gap:14px;margin-bottom:12px}.mini-panel{min-width:0;min-height:289px;display:flex;flex-direction:column}.mini-panel .card-header{padding:6px 12px 0;margin-bottom:4px;min-height:30px}.mini-panel h2{font-size:18px}.mini-panel .primary{font-size:11px;padding:4px 9px;border-radius:4px;min-height:26px;white-space:nowrap;background:linear-gradient(#ff3943,#f10011);box-shadow:inset 0 1px 3px #ff8189aa,0 2px 7px #c200122f}.mini-filter{display:flex;gap:5px;align-items:center;padding:0 10px 8px}.mini-filter input{height:28px;min-height:28px;font-size:11px;padding:5px 9px;background:linear-gradient(#1e2529,#141a1e);border-color:#293135;min-width:0;border-radius:4px}.mini-filter>button{padding:3px 6px;height:28px;flex-shrink:0}.mini-filter>button .icon{width:13px;height:13px}.mini-filter select{width:75px;min-height:28px;height:28px;padding:4px;font-size:11px;border-radius:4px;background:linear-gradient(#293139,#151c22)}.mini-panel th{background:#050708;padding:5px 8px;font-size:10px;color:#edf0f2;border:0}.mini-panel td{padding:3px 8px;font-size:11px;height:30px;border-bottom:1px solid #29323766}.mini-panel td:first-child{max-width:135px;overflow:hidden;text-overflow:ellipsis}.mini-panel .status{font-size:10px;padding:3px 7px}.mini-panel .actions{gap:5px}.mini-panel .actions button{width:23px;height:23px;padding:4px;background:linear-gradient(#343e45,#20272d);border:1px solid #424b5233}.mini-panel .actions button.danger{color:#ff4355;background:linear-gradient(#4a1c25,#28141b)}.mini-panel .actions .icon{width:12px;height:12px}.mini-panel .pagination{padding:7px 10px;margin-top:auto;border-top:1px solid #33383b88;gap:4px;min-height:37px;flex-wrap:nowrap}.mini-panel .pagination>span{font-size:10px;white-space:nowrap}.mini-panel .pager-buttons{gap:3px}.mini-panel .pager-buttons button{font-size:11px;min-width:22px;height:25px;padding:2px 6px}.mini-panel .pager-buttons .current:disabled{opacity:1}.quick-tiles{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:11px;margin:0 -3px 1px}.quick-tile{min-width:0;height:84px;background:linear-gradient(#2706098c,#090d0f);border:1px solid #66141c77;border-bottom-color:#292b2d88;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:6px 3px}.quick-tile:hover{border-color:#fe1228;box-shadow:0 0 13px #f9002026}.quick-tile .icon{height:26px;width:26px;color:#ff3c51;stroke-width:2.4;margin-bottom:2px}.quick-tile b{font-size:12px;font-weight:400}.quick-tile span{font-size:10px;color:#b6c1cc;white-space:nowrap}.app-footer{padding:5px 20px;height:28px;font-size:11px;border-top:1px solid #63182377;color:#bcc5cf;background:#040608;align-items:center;white-space:nowrap}.app-footer .status-dot{width:8px;height:8px;margin-right:12px}.footer-sep{color:#09db36;margin:0 17px}.login-logo{display:block;width:320px;max-width:90%}.login-logo img{width:100%;height:auto}.login-brand{background-image:linear-gradient(#0005,#0006),url('/static/city.png')}
body.nav-collapsed .sidebar{transform:translateX(-100%)}body.nav-collapsed .workspace{margin-left:0}.dashboard-tables .table-wrap{flex:1}.primary{background:linear-gradient(#ff2633,#ed0015);border-color:#fd2837}.search-results a{overflow-wrap:anywhere}.dashboard-lower table,.mini-panel table{white-space:nowrap}
@media(min-width:1650px){.skyline-welcome{height:108px}.stat-card{min-height:100px}.stat-card:nth-child(-n+4){min-height:105px}.dashboard-lower>.card{min-height:240px}.dashboard-tables{gap:17px}.mini-panel{min-height:310px}.mini-panel td{height:34px}.quick-tile{height:92px}.sidebar nav{padding-top:10px}.nav-link{min-height:41px}}
@media(max-width:1350px){.sidebar{width:220px}.workspace{margin-left:220px}.sidebar-brand img{width:205px}.nav-link{font-size:12px;gap:13px}.stat-card{gap:12px;padding:11px}.stat-icon{width:49px;height:53px}.stat-label{font-size:12px}.welcome-brand b{font-size:21px}.welcome-brand span{font-size:29px}.dashboard-lower{grid-template-columns:1.08fr 1fr;gap:13px}.dashboard-lower td{font-size:11px;padding:7px}.dashboard-tables{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-panel:last-child{grid-column:1/-1}.quick-tiles{grid-template-columns:repeat(5,minmax(0,1fr))}.mini-panel{min-height:284px}.app-footer{font-size:10px}.server-load progress{width:75px}}
@media(max-width:1100px){.dashboard-lower{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-brand{display:none}.dashboard-tables{grid-template-columns:1fr}.mini-panel:last-child{grid-column:auto}.mini-panel{min-height:284px}.stat-card{min-height:92px}.stat-card:nth-child(-n+4){min-height:92px}.stat-label{font-size:14px}.stat-icon{width:59px;height:59px}.skyline-welcome{height:101px}.dashboard-lower>.card{min-height:215px}.quick-tile span{font-size:9px}.app-footer>span:last-child{display:none}.sidebar-footer{padding:12px 5px}.sidebar-footer b{font-size:14px}}
@media(max-width:760px){.sidebar{width:230px;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.topbar{padding:0 13px;gap:12px}.page-search{max-width:none;flex:1;width:auto}.page-search input{font-size:11px}.topbar-right{gap:7px}.topbar-right .moon-button,.topbar-right .events-button{display:none}.mode-pill{font-size:8px;padding:3px 5px}.topbar-right .icon-button{width:26px}#content{padding:0 12px 12px}.skyline-welcome{margin:0 -12px 10px;padding:18px;height:101px}.skyline-welcome h1{font-size:22px}.skyline-welcome p{font-size:12px;max-width:90%}.crown{font-size:26px}.stats-grid{margin:0 0 12px;gap:9px}.stat-card{gap:10px;padding:11px 9px}.stat-icon{width:42px;height:47px}.stat-icon .icon{width:25px;height:25px}.stat-label{font-size:11px}.stat-value{font-size:23px}.stat-note{font-size:10px;gap:5px}.stat-note progress{height:7px}.mini-panel .pagination{justify-content:space-between}.quick-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.quick-tile span{font-size:9px}.quick-tile b{font-size:11px}.card-header h2{font-size:16px}.dashboard-lower td{font-size:10px;padding:6px}.server-load{gap:5px}.server-load progress{width:57px}.status{font-size:10px;padding:3px 6px}.sidebar-footer{padding:10px}.sidebar-version{line-height:27px}.app-footer{padding:5px 12px;font-size:9px}.login-logo{width:230px}.login-brand{min-height:245px}.login-brand .eyebrow{margin-top:12px}body.nav-collapsed .sidebar.open{transform:translateX(0)}}
@media(prefers-reduced-motion:no-preference){.sidebar,.workspace{transition:transform .18s,margin-left .18s}}