:root{--color-bg-primary:#f7f7f8;--color-bg-paper:#fff;--color-bg-muted:#f1f5f9;--color-text-primary:#0b0b0f;--color-text-secondary:#475569;--color-text-tertiary:#64748b;--color-text-hint:#94a3b8;--color-border-default:#e2e8f0;--color-border-strong:#cbd5e1;--color-primary-default:#4f46e5;--color-primary-hover:#4338ca;--color-primary-foreground:#fff;--color-accent-default:#06b6d4;--color-status-success:#16a34a;--color-status-success-bg:#f0fdf4;--color-status-warning:#d97706;--color-status-warning-bg:#fffbeb;--color-status-danger:#dc2626;--color-status-danger-bg:#fef2f2;--color-status-info:#2563eb;--color-status-info-bg:#eff6ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:6px;--radius-md:8px;--radius-full:999px;--shadow-sm:0 1px 2px #0000000f;--font-sys:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}*{box-sizing:border-box}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sys);margin:0}a{color:inherit}button,.button,.topbar-link{justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--color-primary-default);border-radius:var(--radius-sm);background:var(--color-primary-default);min-height:44px;color:var(--color-primary-foreground);font:inherit;padding:0 var(--space-4);font-weight:700;text-decoration:none;display:inline-flex}button:hover,.button:hover,.topbar-link:hover{background:var(--color-primary-hover)}.button.secondary,.topbar-link{border-color:var(--color-border-strong);background:var(--color-bg-paper);color:var(--color-text-primary)}.button.small{min-height:36px;padding:0 var(--space-3);font-size:13px}:focus-visible{outline:2px solid var(--color-primary-default);outline-offset:2px}.console-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--color-border-default);background:var(--color-bg-paper);height:100vh;padding:var(--space-5) var(--space-3);position:sticky;top:0;overflow:auto}.brand-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.brand-row span,.tenant-card span,.tenant-card em,.topbar span,.muted-text{color:var(--color-text-tertiary)}.brand-row span,.tenant-card span,.tenant-card em{font-size:13px;font-style:normal;display:block}.brand-mark,.brand-dot{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-default), var(--color-accent-default));color:var(--color-primary-foreground);flex:none;place-items:center;font-weight:800;display:grid}.brand-mark{width:38px;height:38px}.brand-dot{width:40px;height:40px}.tenant-card{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-muted);padding:var(--space-3)}.nav-section{margin-top:var(--space-5)}.nav-section h2{margin:0 0 var(--space-2);color:var(--color-text-hint);text-transform:uppercase;font-size:11px}.nav-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);min-height:44px;color:var(--color-text-secondary);padding:0 var(--space-3);font-size:14px;font-weight:650;text-decoration:none;display:flex}.nav-link:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.nav-link small,.screen-badge{border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:2px var(--space-2);font-size:11px;font-weight:750}.nav-link small{margin-left:auto}.console-main{min-width:0}.topbar{z-index:5;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-paper);min-height:60px;padding:0 var(--space-5);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar span{margin-top:2px;font-size:13px;display:block}.page{gap:var(--space-5);max-width:1180px;padding:var(--space-5);display:grid}.page-head{align-items:center;gap:var(--space-4);justify-content:space-between;display:flex}.page-head h1{margin:0 0 var(--space-2);font-size:26px}.head-action,.button-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card,.state-card,.notice{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-paper);box-shadow:var(--shadow-sm)}.card{padding:var(--space-4)}.card h2{margin:0 0 var(--space-3);font-size:18px}.card p{color:var(--color-text-secondary);line-height:1.6}.metric{min-height:128px}.metric span,.metric small{color:var(--color-text-tertiary)}.metric strong{margin:var(--space-3) 0 var(--space-1);font-size:30px;display:block}.metric.success strong{color:var(--color-status-success)}.metric.warning strong{color:var(--color-status-warning)}.metric.danger strong{color:var(--color-status-danger)}.notice{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.notice.info{background:var(--color-status-info-bg);color:var(--color-status-info)}.notice.warning{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.notice.success{background:var(--color-status-success-bg);color:var(--color-status-success)}.status-badge{border-radius:var(--radius-full);min-height:28px;padding:2px var(--space-3);align-items:center;gap:6px;font-size:12px;font-weight:750;display:inline-flex}.status-badge.success{background:var(--color-status-success-bg);color:var(--color-status-success)}.status-badge.warning{background:var(--color-status-warning-bg);color:var(--color-status-warning)}.status-badge.danger{background:var(--color-status-danger-bg);color:var(--color-status-danger)}.status-badge.info{background:var(--color-status-info-bg);color:var(--color-status-info)}.status-badge.muted{background:var(--color-bg-muted);color:var(--color-text-tertiary)}.state-card{text-align:center;min-height:180px;color:var(--color-text-secondary);padding:var(--space-6);place-items:center;display:grid}.state-card.error{border-color:var(--color-status-warning);background:var(--color-status-warning-bg)}.axis-list,.stack{gap:var(--space-3);display:grid}.axis-row{align-items:center;gap:var(--space-3);grid-template-columns:86px 1fr auto;display:grid}.axis-bar,.progress{border-radius:var(--radius-full);background:var(--color-bg-muted);overflow:hidden}.axis-bar{height:8px}.axis-bar i,.progress i{border-radius:var(--radius-full);background:var(--color-accent-default);height:100%;display:block}.table-card{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border-bottom:1px solid var(--color-border-default);padding:var(--space-3) var(--space-2);text-align:left}th{color:var(--color-text-hint);text-transform:uppercase;font-size:12px}.progress{min-width:110px;height:9px}.schedule-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.gantt{gap:var(--space-3);display:grid}.gantt-row{align-items:center;gap:var(--space-3);grid-template-columns:92px minmax(240px,1fr) 80px 96px;display:grid}.gantt-row>div{border:1px dashed var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-muted);height:36px;position:relative}.gantt-row i{border-radius:var(--radius-sm);background:var(--color-accent-default);min-width:88px;height:22px;color:var(--color-primary-foreground);padding:0 var(--space-2);align-items:center;font-size:12px;font-style:normal;font-weight:750;display:flex;position:absolute;top:6px}.detail dl{gap:var(--space-3);margin:var(--space-4) 0 0;display:grid}.detail div{justify-content:space-between;gap:var(--space-3);border-top:1px solid var(--color-border-default);padding-top:var(--space-3);display:flex}dt{color:var(--color-text-tertiary)}dd{margin:0;font-weight:750}.form-card{gap:var(--space-3);display:grid}label{gap:var(--space-2);color:var(--color-text-secondary);font-weight:700;display:grid}input{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-paper);min-height:44px;color:var(--color-text-primary);font:inherit;padding:0 var(--space-3)}.tenant{gap:var(--space-2);display:grid}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-bg-muted), var(--color-border-default), var(--color-bg-muted));background-size:200% 100%;animation:1.2s infinite pulse}.skeleton.title{width:240px;height:32px}.skeleton-card{height:140px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:960px){.console-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.grid.two,.grid.three,.grid.four,.gantt-row{grid-template-columns:1fr}}.pwa-shell{width:min(100%,480px);min-height:100vh;padding:var(--space-4);flex-direction:column;margin:0 auto;padding-bottom:88px;display:flex}.pwa-head{align-items:center;gap:var(--space-3);min-height:56px;display:flex}.pwa-head span,.info-list span,.empty-state span,.charger-card p,.alert-list small{color:var(--color-text-tertiary);font-size:14px;display:block}.pwa-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary-default), var(--color-accent-default));width:40px;height:40px}.donut-card,.info-list article,.alert-list article,.charger-card,.empty-state{border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-paper);padding:var(--space-4)}.donut-card{margin:var(--space-3) 0;text-align:center;justify-items:center;display:grid}.donut{border-radius:50%;place-items:center;width:176px;height:176px;display:grid}.donut>div{background:var(--color-bg-paper);border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.donut strong{font-size:38px;display:block}.donut span{color:var(--color-text-tertiary);font-size:13px}.donut-card h1,.charger-card h1{margin:var(--space-4) 0 var(--space-2);font-size:26px}.donut-card p{color:var(--color-text-secondary);margin:0}.info-list,.alert-list{gap:var(--space-3);display:grid}.info-list article{align-items:center;gap:var(--space-3);min-height:76px;display:flex}.info-list svg{color:var(--color-primary-default)}.info-list strong,.alert-list strong{margin-top:4px;display:block}.offline{margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-3);background:var(--color-status-warning-bg);color:var(--color-status-warning);padding:var(--space-2);text-align:center;font-size:13px;font-weight:800}.alert-list article span{border-radius:var(--radius-full);background:var(--color-status-success-bg);width:fit-content;color:var(--color-status-success);padding:3px var(--space-2);font-size:12px;font-weight:800;display:inline-flex}.charger-card{text-align:center}.lot{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.lot span{aspect-ratio:1;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text-secondary);place-items:center;font-weight:800;display:grid}.lot span.active{border-color:var(--color-primary-default);background:var(--color-primary-default);color:#fff}.bottom-tabs{border-top:1px solid var(--color-border-default);background:var(--color-bg-paper);grid-template-columns:repeat(3,1fr);max-width:480px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-tabs a{min-height:64px;color:var(--color-text-tertiary);place-items:center;font-size:12px;font-weight:750;text-decoration:none;display:grid}.bottom-tabs a.active{color:var(--color-primary-default)}.empty-state{text-align:center;place-items:center;min-height:320px;display:grid}