/* ZILART Graphite. Both palettes share the same functional layout. */
:root{color-scheme:light;--z-canvas:#f4f6f8;--z-surface:#fff;--z-sidebar:#fff;--z-raised:#f0f3f6;--z-line:#dfe4ea;--z-ink:#182029;--z-muted:#657180;--z-green:#09885b;--z-amber:#a56700;--z-green-bg:#eaf8f1;--z-amber-bg:#fff7e7;--pro-canvas:var(--z-canvas);--pro-surface:var(--z-surface);--pro-ink:var(--z-ink);--pro-line:var(--z-line);--pro-muted:var(--z-muted)}
[data-theme="dark"]{color-scheme:dark;--z-canvas:#101419;--z-surface:#181d24;--z-sidebar:#101419;--z-raised:#212831;--z-line:#303943;--z-ink:#f1f4f8;--z-muted:#a3aebb;--z-green:#45df99;--z-amber:#ffbc38;--z-green-bg:#152a23;--z-amber-bg:#2d2618;--pro-canvas:var(--z-canvas);--pro-surface:var(--z-surface);--pro-ink:var(--z-ink);--pro-line:var(--z-line);--pro-muted:var(--z-muted);--bg-primary:#181d24;--bg-secondary:#101419;--bg-accent:#212831;--text-primary:#f1f4f8;--text-secondary:#a3aebb;--border-color:#303943}
body{background:var(--z-canvas);color:var(--z-ink);margin:0}.container{max-width:none;padding:0;margin:0;width:100%}.container>div:not(#mainScreen):not(#loginScreen){margin:24px}.z-icon{width:23px;height:23px;flex-shrink:0;vertical-align:middle}.z-sidebar{position:fixed;inset:0 auto 0 0;width:246px;border-right:1px solid var(--z-line);background:var(--z-sidebar);padding:27px 14px;display:flex;flex-direction:column;overflow-y:auto;z-index:10}.z-brand{font-family:Arial Black,Arial,sans-serif;font-size:39px;font-weight:1000;letter-spacing:-2px;padding:0 14px;line-height:1.2}.z-brand-caption{font-size:9px;letter-spacing:2.4px;color:var(--z-muted);padding:9px 15px 30px}.z-sidebar nav{display:flex;flex-direction:column;gap:6px}.z-nav{width:100%;min-height:47px;text-align:left;border:0;background:transparent;color:var(--z-muted);padding:12px 13px;border-radius:9px;font-size:13px;cursor:pointer;position:relative}.z-nav .z-icon{margin-right:11px;width:21px}.z-nav.active{color:var(--z-ink);background:var(--z-raised)}.z-nav.active:before{content:'';position:absolute;left:-14px;top:9px;bottom:9px;width:3px;background:var(--z-green);border-radius:3px}.z-nav.active .z-icon{color:var(--z-green)}.z-nav:hover{background:var(--z-raised);color:var(--z-ink)}#mainScreen #staffReportBtn{background:transparent!important;color:var(--z-muted)!important;border:0}#mainScreen #staffReportBtn:hover{background:var(--z-raised)!important}.z-sidebar-foot{margin-top:auto;padding:32px 14px 0;font-size:10px;color:var(--z-muted)}.z-workspace{margin-left:246px;padding:28px 32px;max-width:1900px}.z-workspace .header{padding:0;margin:0 0 28px;background:transparent;border:0;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.z-eyebrow{font-size:9px;letter-spacing:2px;color:var(--z-muted);display:block;margin-bottom:8px}#mainScreen .header h1{font-size:34px;letter-spacing:-1.3px;color:var(--z-ink);font-weight:800;line-height:1.15;background:none;-webkit-text-fill-color:currentColor;margin:0}.user-info{gap:16px;flex-wrap:nowrap}.theme-switcher{width:42px;height:42px;border:1px solid var(--z-line);border-radius:10px;background:var(--z-surface);color:var(--z-ink)}.z-profile{display:grid;gap:4px;min-width:60px}#userName{font-size:14px;font-weight:650}#mainScreen .role-badge{padding:0;background:none;color:var(--z-muted);font-size:10px;box-shadow:none;text-transform:none;letter-spacing:0}.logout-btn{padding:8px 10px;background:transparent;border:1px solid var(--z-line);color:var(--z-muted);font-size:11px}.z-search{display:flex;align-items:center;gap:16px;padding:6px 7px 6px 20px;height:62px;border:1px solid var(--z-line);border-radius:12px;background:var(--z-raised);margin-bottom:24px;color:var(--z-muted)}.z-search:focus-within{border-color:var(--z-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--z-green) 12%,transparent)}.z-search input{min-width:0;flex:1;border:0;background:transparent;color:var(--z-ink);outline:none;font-size:15px;padding:10px 0;width:auto}.z-search input::placeholder{color:var(--z-muted)}.z-search button{height:46px;width:62px;background:#168859;color:white;border:0;border-radius:8px;cursor:pointer}.zones-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;margin:0 0 20px}#mainScreen .zone-card{position:relative;min-height:173px;border:1px solid var(--z-line);border-top:3px solid #768392;border-radius:12px;background:var(--z-surface);padding:25px 20px;box-shadow:none;color:var(--z-ink);cursor:pointer}#mainScreen .zone-card:before,#mainScreen .zone-card:after{display:none}#mainScreen .zone-card.green{background:var(--z-green-bg);border-color:color-mix(in srgb,var(--z-green) 25%,var(--z-line));border-top-color:var(--z-green)}#mainScreen .zone-card.yellow{background:var(--z-amber-bg);border-color:color-mix(in srgb,var(--z-amber) 25%,var(--z-line));border-top-color:var(--z-amber)}.z-zone-icon{float:left;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;background:var(--z-raised);margin-right:17px}.green .z-zone-icon{background:color-mix(in srgb,var(--z-green) 16%,transparent);color:var(--z-green)}.yellow .z-zone-icon{background:color-mix(in srgb,var(--z-amber) 16%,transparent);color:var(--z-amber)}.z-zone-copy{margin-left:68px}#mainScreen .zone-card h3{font-size:11px;font-weight:750;letter-spacing:.5px;color:var(--z-ink);margin:2px 0 8px}#mainScreen .zone-card .count{font-size:49px;letter-spacing:-2px;line-height:1.05;font-weight:800;margin:0 0 12px;font-variant-numeric:tabular-nums}#mainScreen .count.green{color:var(--z-green)}#mainScreen .count.yellow{color:var(--z-amber)}#mainScreen .count.gray{color:var(--z-ink)}#mainScreen .subtitle{font-size:11px;color:var(--z-muted);line-height:1.5}.z-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.z-primary{display:flex;align-items:center;gap:18px;background:var(--z-green-bg);border:1px solid color-mix(in srgb,var(--z-green) 35%,var(--z-line));border-radius:12px;min-height:112px;padding:22px;color:var(--z-ink);text-decoration:none;text-align:left;cursor:pointer}.z-weight{background:var(--z-amber-bg);border-color:color-mix(in srgb,var(--z-amber) 35%,var(--z-line))}.z-action-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--z-green) 15%,transparent);color:var(--z-green);flex-shrink:0}.z-weight .z-action-icon{background:color-mix(in srgb,var(--z-amber) 15%,transparent);color:var(--z-amber)}.z-action-icon svg{width:30px;height:30px}.z-primary strong{display:block;font-size:21px;letter-spacing:-.5px;margin-bottom:7px}.z-primary small{font-size:12px;color:var(--z-muted)}.z-primary>.z-icon{margin-left:auto;width:18px}.z-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}.z-primary,.z-nav,.z-quick-btn{transition:background .18s,transform .18s}.z-bottom{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.z-panel{border:1px solid var(--z-line);border-radius:12px;background:var(--z-surface);padding:20px;min-width:0}.z-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.z-panel-title h2{font-size:17px;margin:0;font-weight:750;letter-spacing:-.3px}.z-text-button{border:0;background:none;color:var(--z-muted);font-size:11px;cursor:pointer;white-space:nowrap}.z-table-scroll{overflow:auto}.z-recent{width:100%;border-collapse:collapse;box-shadow:none;margin:0;font-size:12px}.z-recent th{background:var(--z-raised);color:var(--z-muted);font-size:10px;font-weight:500;padding:13px 10px;text-transform:none;letter-spacing:0;white-space:nowrap}.z-recent td{padding:15px 10px;border-bottom:1px solid var(--z-line);color:var(--z-ink);font-size:12px}.z-recent tr:last-child td{border-bottom:0}.z-recent tr:hover td{background:var(--z-raised)}.z-recent td:first-child{max-width:230px;overflow-wrap:anywhere}.z-recent small{display:block;color:var(--z-muted);font-size:10px;margin-top:5px}.z-status{padding:5px 8px;border-radius:20px;font-size:10px;white-space:nowrap;background:var(--z-amber-bg);color:var(--z-amber)}.z-status.green{background:var(--z-green-bg);color:var(--z-green)}.z-empty{text-align:center;color:var(--z-muted)!important;padding:50px 10px!important}.z-quick-btn{display:flex;align-items:center;width:100%;gap:11px;background:var(--z-raised);border:1px solid var(--z-line);color:var(--z-ink);font-size:12px;padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;text-align:left}.z-quick-btn .z-icon{width:19px;height:19px}.z-quick-btn .z-icon:last-child{margin-left:auto;width:14px}.z-quick-btn:hover{border-color:var(--z-muted)}.z-footer{font-size:10px;color:var(--z-muted);margin-top:19px}.z-sidebar .notification-badge{position:static;float:right;background:var(--z-raised);color:var(--z-ink);border-radius:20px;font-size:10px}.login-screen{min-height:100vh}.z-workspace{animation:z-enter .3s ease-out}@keyframes z-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1700px){.z-workspace{padding:38px 48px}.z-bottom{grid-template-columns:minmax(0,1fr) 310px}#mainScreen .zone-card .count{font-size:60px}.z-primary strong{font-size:25px}}
@media(max-width:1200px){.z-sidebar{width:210px;padding-left:10px;padding-right:10px}.z-workspace{margin-left:210px;padding:24px}.z-nav{font-size:11px;padding:12px 8px}.z-brand{font-size:34px}.z-bottom{grid-template-columns:1fr}.z-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.z-quick .z-panel-title{grid-column:1/-1;margin-bottom:4px}.z-quick-btn{margin:0}.z-zone-icon{display:none}.z-zone-copy{margin-left:0}.z-primary strong{font-size:18px}.z-action-icon{width:44px;height:44px}.z-primary{padding:18px;gap:12px}.zones-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
@media(max-width:760px){.z-sidebar{position:relative;width:100%;height:auto;border:0;border-bottom:1px solid var(--z-line);padding:18px 16px 10px}.z-brand{font-size:29px;padding:0}.z-brand-caption,.z-sidebar-foot{display:none}.z-sidebar nav{flex-direction:row;overflow:auto;gap:6px;margin-top:14px;padding-bottom:5px}.z-nav{flex-shrink:0;width:auto;white-space:nowrap;min-height:40px;font-size:12px;padding:9px 12px}.z-nav.active:before{display:none}.z-nav .z-icon{width:18px;margin-right:8px}.z-workspace{margin:0;padding:22px 16px}#mainScreen .header h1{font-size:25px}.z-workspace .header{gap:12px;align-items:flex-start;margin-bottom:22px}.user-info{gap:7px}.z-profile{display:none}.logout-btn{font-size:10px}.theme-switcher{width:36px;height:36px}.z-eyebrow{font-size:8px}.z-search{padding-left:12px;gap:10px;height:56px}.z-search input{font-size:12px}.z-search button{width:44px;height:40px}.zones-container{gap:8px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}#mainScreen .zone-card{min-height:130px;padding:16px 12px}#mainScreen .zone-card h3{font-size:9px}#mainScreen .zone-card .count{font-size:32px;letter-spacing:-1px}#mainScreen .subtitle{font-size:9px}.z-primary-actions{grid-template-columns:1fr;gap:12px}.z-primary{min-height:93px}.z-primary strong{font-size:20px}.z-primary small{font-size:11px}.z-bottom{gap:14px}.z-panel{padding:16px}.z-panel-title h2{font-size:15px}.z-quick{grid-template-columns:1fr 1fr;gap:8px}.z-quick-btn{font-size:10px;padding:10px}.z-recent{min-width:550px}.container>div:not(#mainScreen):not(#loginScreen){margin:12px}}
@media(prefers-reduced-motion:reduce){.z-workspace,.z-primary,.z-nav,.z-quick-btn{animation:none;transition:none}}
#mainScreen{padding:0;max-width:none;margin:0}.container{background:var(--z-canvas)}.z-workspace .header{position:static;backdrop-filter:none}#mainScreen .zone-card{text-align:left}