:root { --red:#e30613; --red-dark:#b90813; --ink:#08090a; --soft:#f0f1f2; --line:#d8dadd; }
body { background:#e9ebed; }
.sidebar { background:linear-gradient(180deg,#050607 0%,#151719 74%,#08090a 100%); border-right:3px solid var(--red); }
.brand-mark { background:linear-gradient(145deg,#f22a35,#c5000c); box-shadow:0 7px 20px rgba(227,6,19,.34); }
.brand { letter-spacing:1.6px; }.season-card { border-left:3px solid var(--red); background:#1b1e20; }
.nav-item.active { background:linear-gradient(90deg,rgba(227,6,19,.24),rgba(227,6,19,.02)); box-shadow:inset 3px 0 var(--red); }
.topbar { border-bottom:1px solid #d9dcde; padding-bottom:21px; }.topbar h1,.panel h2,.panel h3,.control-strip h2,.work-hero h2,.admin-hero h2 { letter-spacing:.7px; }
.primary { background:linear-gradient(135deg,#ef1924,#c9000c); box-shadow:0 4px 12px rgba(208,0,13,.2); }.primary:hover { background:linear-gradient(135deg,#fa2b34,#d9000d); }
.hero { background:linear-gradient(120deg,#090a0b 0%,#1a1d1f 62%,#42060c 138%); border-bottom:4px solid var(--red); }.hero:before { content:''; position:absolute; inset:0 0 0 auto; width:38%; background:linear-gradient(135deg,transparent 42%,rgba(227,6,19,.26) 43%,rgba(227,6,19,.08) 69%,transparent 70%); }.hero h2 em,.text-button { color:var(--red); }
.panel { box-shadow:0 2px 7px rgba(8,9,10,.045); border-color:#dde0e1; }.panel-heading { border-bottom:1px solid #eceeef; padding-bottom:13px; }.panel-heading h3 { color:#151719; }
.kpis article:first-child { border-top:3px solid var(--red); }.kpis article:nth-child(2) { border-top:3px solid #24282b; }.kpis article:nth-child(3) { border-top:3px solid #d7dade; }.kpis article:nth-child(4) { border-top:3px solid #8d9498; }
.control-strip { background:linear-gradient(90deg,#090a0b,#24282a); border-left:5px solid var(--red); }.status-board .arrived { border-top-color:#24282b; }.status-board .selected { border-top-color:var(--red); }
.car-no,.activity-icon { background:#181b1d; }.score span,.bar i { background:var(--red); }.bar-chart i { background:#24282b; }.bar-chart i.forecast { background:var(--red); }
.admin-hero { display:flex; justify-content:space-between; align-items:center; background:linear-gradient(118deg,#101214 0%,#101214 63%,#4a060b 155%); color:#fff; border-radius:10px; padding:31px 34px; border-bottom:4px solid var(--red); margin-bottom:16px; }.admin-hero h2 { font-family:'Barlow Condensed'; text-transform:uppercase; font-size:34px; margin:6px 0; max-width:620px; }.admin-hero p { color:#c6cbd0; max-width:620px; font-size:12px; line-height:1.55; margin:0; }.admin-tabs { display:flex; gap:0; background:#fff; border:1px solid var(--line); border-radius:8px; padding:5px; margin-bottom:20px; overflow:auto; }.admin-tabs button { white-space:nowrap; background:transparent; padding:10px 13px; font-size:11px; font-weight:700; border-radius:5px; color:#5d6469; }.admin-tabs button.selected { background:#181b1d; color:#fff; }.admin-kpis strong { font-size:31px!important; }.config-list>div { display:grid; grid-template-columns:120px 1fr; padding:11px 0; border-top:1px solid #eceeef; }.config-list span { color:#757b80; font-size:10px; }.config-list strong,.config-list small { display:block; font-size:11px; }.config-list small { grid-column:2; color:#777d81; margin-top:3px; font-size:9px; }.role-list>div { display:flex; gap:9px; align-items:center; border-top:1px solid #eceeef; padding:10px 0; }.role-list p { flex:1; margin:0; }.role-list strong,.role-list small { display:block; font-size:11px; }.role-list small { font-size:9px; color:#777; margin-top:3px; }.role-list>div>span { font-size:9px; color:#757b80; }.role-badge { height:25px; width:25px; display:grid; place-items:center; border-radius:4px; font-size:10px; }.admin-role { background:#1b1e20;color:#fff; }.organiser-role { background:#f4e3e4;color:#a0101a; }.scrut-role { background:#e7ebed;color:#30363a; }.grid-three { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.config-chip-row { display:flex; gap:5px; flex-wrap:wrap; margin:16px 0; }.config-chip-row span { background:#f0f2f3; color:#454c51; padding:5px 7px; border-radius:3px; font-size:9px; font-weight:700; }.integration-grid { display:grid; grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr; gap:8px; align-items:stretch; }.integration-grid>span { display:grid; place-items:center; color:var(--red); font-size:18px; }.integration-node { background:#f5f6f7; border-top:3px solid #202427; padding:13px; min-height:104px; }.integration-node b { color:var(--red); font-family:'Barlow Condensed'; font-size:24px; }.integration-node strong,.integration-node small { display:block; font-size:11px; }.integration-node small { font-size:9px; color:#6b7277; line-height:1.4; margin-top:5px; }.integration-footer { display:flex; gap:16px; border-top:1px solid #eceeef; margin-top:14px; padding-top:11px; font-size:9px; color:#777d82; }.integration-footer button { margin-left:auto; }
.profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }.profile-grid>div { border-top:1px solid #eceeef; padding:11px 0; }.profile-grid span,.profile-grid strong,.profile-grid small { display:block; }.profile-grid span { color:#777d82; font-size:9px; margin-bottom:4px; }.profile-grid strong { font-size:11px; }.profile-grid small { color:#7a8084; font-size:9px; margin-top:3px; }.profile-footer { display:flex; justify-content:space-between; border-top:1px solid #eceeef; padding-top:12px; color:#666d72; font-size:10px; }.money-board { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#d9dcde; margin:15px 0; }.money-board>div { background:#f8f9f9; padding:10px; }.money-board small,.money-board strong { display:block; }.money-board small { font-size:9px; color:#73797d; }.money-board strong { font-family:'Barlow Condensed'; font-size:22px; margin-top:3px; }.payment-list p { font-size:10px; border-top:1px solid #eceeef; margin:0; padding:8px 0; }
.selection-preview { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1px; background:#dadddf; margin:16px 0; }.selection-preview>div { background:#f7f8f8; padding:10px; }.selection-preview span,.selection-preview strong { display:block; }.selection-preview span { color:#737a7e; font-size:9px; }.selection-preview strong { font-size:10px; margin-top:4px; }.selection-cars { display:flex; gap:8px; }.selection-cars span { background:#191c1e; color:#fff; padding:6px 8px; border-radius:3px; font-family:'Barlow Condensed'; font-size:14px; }.official-log>div { display:grid; grid-template-columns:45px 1fr; gap:9px; padding:9px 0; border-top:1px solid #eceeef; }.official-log time { color:var(--red); font-family:'Barlow Condensed'; font-size:15px; }.official-log p { margin:0; font-size:10px; }.official-log strong,.official-log small { display:block; }.official-log small { color:#737a7e; font-size:9px; margin-top:3px; }
@media(max-width:1050px){.grid-three{grid-template-columns:1fr}.integration-grid{grid-template-columns:1fr}.integration-grid>span{height:18px;transform:rotate(90deg)}.admin-hero{display:block}.admin-hero .primary{margin-top:16px}}@media(max-width:760px){.profile-grid{grid-template-columns:1fr}.selection-preview{grid-template-columns:1fr}.integration-footer{display:grid;gap:6px}.integration-footer button{margin-left:0}.profile-footer{display:block}.profile-footer button{margin-top:9px}.admin-tabs{width:100%}}