@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--ev-primary:#00d2ff;--ev-primary-dim:#00d2ff1f;--ev-primary-glow:0 0 20px #00d2ff59;--ev-secondary:#9d4edd;--ev-secondary-dim:#9d4edd1f;--ev-success:#0f6;--ev-success-dim:#00ff661f;--ev-warning:#ffb703;--ev-warning-dim:#ffb7031f;--ev-error:#f36;--ev-error-dim:#ff33661f;--ev-bg:#0a0a0f;--ev-surface-1:#111118;--ev-surface-2:#1a1a24;--ev-surface-3:#22223a;--ev-border:#00d2ff1a;--ev-border-hover:#00d2ff40;--ev-text-1:#f0f0ff;--ev-text-2:#8a8aaf;--ev-text-3:#5a5a7a;--font-headline:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 12px #00000080, 0 2px 4px #0000004d;--shadow-lg:0 12px 32px #0009, 0 4px 8px #0000004d;--shadow-glow:var(--ev-primary-glow);--primary-color:var(--ev-primary);--secondary-color:var(--ev-secondary);--accent-color:var(--ev-secondary);--success-color:var(--ev-success);--warning-color:var(--ev-warning);--error-color:var(--ev-error);--background-color:var(--ev-bg);--surface-color:var(--ev-surface-1);--border-color:var(--ev-border);--text-primary:var(--ev-text-1);--text-secondary:var(--ev-text-2);--glow-effect:var(--ev-primary-glow)}[data-theme=light]{--ev-primary:#1565c0;--ev-primary-dim:#1565c014;--ev-primary-glow:0 0 16px #1565c033;--ev-secondary:#6a1b9a;--ev-secondary-dim:#6a1b9a14;--ev-success:#1b8a45;--ev-success-dim:#1b8a4514;--ev-warning:#e65100;--ev-warning-dim:#e6510014;--ev-error:#c62828;--ev-error-dim:#c6282814;--ev-bg:#f5f6fa;--ev-surface-1:#fff;--ev-surface-2:#f0f1f8;--ev-surface-3:#e8e9f4;--ev-border:#00000014;--ev-border-hover:#1565c04d;--ev-text-1:#0d0d1a;--ev-text-2:#555580;--ev-text-3:#9090b0;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 12px 32px #0000001f;--primary-color:var(--ev-primary);--secondary-color:var(--ev-secondary);--accent-color:var(--ev-secondary);--success-color:var(--ev-success);--warning-color:var(--ev-warning);--error-color:var(--ev-error);--background-color:var(--ev-bg);--surface-color:var(--ev-surface-1);--border-color:var(--ev-border);--text-primary:var(--ev-text-1);--text-secondary:var(--ev-text-2);--glow-effect:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--ev-bg);width:100%;height:100%;color:var(--ev-text-1);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}.app-container{flex-direction:row;width:100%;height:100%;min-height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--ev-surface-1);border-right:1px solid var(--ev-border);flex-direction:column;transition:width .25s;display:flex;overflow:hidden}.sidebar.collapsed{width:72px}.main-content{min-height:100vh;padding:var(--space-8);background-color:var(--ev-bg);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.nav-link{color:var(--ev-text-2);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;font-family:var(--font-body);align-items:center;margin-bottom:2px;padding:.6rem .875rem;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--ev-text-1);background-color:var(--ev-primary-dim)}.card{background-color:var(--ev-surface-1);border:1px solid var(--ev-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:var(--ev-border-hover);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(16px);border:1px solid var(--ev-border);border-radius:var(--radius-lg);padding:var(--space-6);background:linear-gradient(135deg,#111118e6 0%,#1a1a24b3 100%)}.kpi-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%;display:grid}.kpi-card{flex-direction:column;justify-content:space-between;display:flex}.kpi-title{color:var(--ev-text-2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-size:.72rem;font-weight:600;font-family:var(--font-headline)}.kpi-value{letter-spacing:-.03em;margin-bottom:var(--space-2);font-size:2rem;font-weight:800;line-height:1;font-family:var(--font-headline);background:linear-gradient(135deg, var(--ev-primary), var(--ev-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-trend{align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.kpi-trend.up{color:var(--ev-success)}.kpi-trend.down{color:var(--ev-error)}.dashboard-sections{gap:var(--space-5);width:100%;margin-bottom:var(--space-6);grid-template-columns:2fr 1fr;display:grid}@media (max-width:1200px){.dashboard-sections{grid-template-columns:1fr}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;letter-spacing:.01em;border:none;padding:.55rem 1.125rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--ev-primary) 0%, #09c 100%);color:#000;box-shadow:0 0 #00d2ff00}.btn-primary:hover{box-shadow:var(--ev-primary-glow);filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{color:var(--ev-text-1);border:1px solid var(--ev-border);background:0 0}.btn-secondary:hover{background:var(--ev-primary-dim);border-color:var(--ev-primary);color:var(--ev-primary)}.btn-danger{background:linear-gradient(135deg, var(--ev-error), #c03);color:#fff}.btn-danger:hover{filter:brightness(1.1);box-shadow:0 0 16px #ff33664d}.btn-ghost{color:var(--ev-text-2);background:0 0;border:none}.btn-ghost:hover{background:var(--ev-primary-dim);color:var(--ev-primary)}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-sm);aspect-ratio:1;padding:.5rem}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600;font-family:var(--font-headline);align-items:center;gap:5px;padding:.2rem .625rem;display:inline-flex}.badge-available{background:var(--ev-success-dim);color:var(--ev-success);border:1px solid #0f63}.badge-charging{background:var(--ev-primary-dim);color:var(--ev-primary);border:1px solid #00d2ff33}.badge-fault{background:var(--ev-error-dim);color:var(--ev-error);border:1px solid #f363}.badge-offline{color:var(--ev-text-3);background:#5a5a7a26;border:1px solid #5a5a7a33}.badge-maintenance{background:var(--ev-warning-dim);color:var(--ev-warning);border:1px solid #ffb70333}.badge-active{background:var(--ev-success-dim);color:var(--ev-success);border:1px solid #0f63}.badge-inactive{color:var(--ev-text-3);background:#5a5a7a26;border:1px solid #5a5a7a33}.badge-pending{background:var(--ev-warning-dim);color:var(--ev-warning);border:1px solid #ffb70333}.badge-success{background:var(--ev-success-dim);color:var(--ev-success);border:1px solid #0f63}.badge-error{background:var(--ev-error-dim);color:var(--ev-error);border:1px solid #f363}.badge-info{background:var(--ev-primary-dim);color:var(--ev-primary);border:1px solid #00d2ff33}.badge-ai{background:var(--ev-secondary-dim);color:var(--ev-secondary);border:1px solid #9d4edd33}.badge-pulse:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s infinite pulse-ring;display:inline-block}@keyframes pulse-ring{0%{opacity:1;transform:scale(.9)}50%{opacity:.6;transform:scale(1.3)}to{opacity:1;transform:scale(.9)}}.ev-table-wrap{border-radius:var(--radius-lg);border:1px solid var(--ev-border);width:100%;overflow-x:auto}.ev-table{border-collapse:collapse;width:100%;font-size:.875rem}.ev-table thead{background:var(--ev-surface-2);z-index:2;position:sticky;top:0}.ev-table thead th{text-align:left;color:var(--ev-text-2);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;font-size:.72rem;font-weight:700;font-family:var(--font-headline);border-bottom:1px solid var(--ev-border);-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem}.ev-table thead th:hover{color:var(--ev-primary)}.ev-table tbody tr{border-bottom:1px solid var(--ev-border);transition:background .12s}.ev-table tbody tr:hover{background:var(--ev-primary-dim)}.ev-table tbody tr:last-child{border-bottom:none}.ev-table td{color:var(--ev-text-1);vertical-align:middle;white-space:nowrap;padding:.875rem 1rem}.ev-table .mono{font-family:var(--font-mono);color:var(--ev-text-2);font-size:.8rem}.alert-box{background:var(--ev-warning-dim);border-left:3px solid var(--ev-warning);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-3);padding:.875rem 1rem}.alert-box.alert-error{background:var(--ev-error-dim);border-left-color:var(--ev-error)}.alert-box.alert-success{background:var(--ev-success-dim);border-left-color:var(--ev-success)}.alert-box.alert-info{background:var(--ev-primary-dim);border-left-color:var(--ev-primary)}.alert-title{color:var(--ev-text-1);margin-bottom:4px;font-size:.875rem;font-weight:700}.alert-message{color:var(--ev-text-2);font-size:.8rem;line-height:1.5}.recommendation-box{background:var(--ev-secondary-dim);border-left:3px solid var(--ev-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-3);padding:.875rem 1rem}.chart-container{flex-direction:column;width:100%;display:flex}.chart-row{align-items:center;margin-bottom:.625rem;display:flex}.chart-label{width:90px;color:var(--ev-text-2);font-size:.8rem;font-family:var(--font-headline)}.chart-bar-bg{background:var(--ev-surface-2);border-radius:var(--radius-full);flex:1;height:14px;margin:0 .875rem;overflow:hidden}.chart-bar-fill{background:linear-gradient(90deg, var(--ev-primary), var(--ev-secondary));border-radius:var(--radius-full);height:100%;transition:width 1.2s cubic-bezier(.25,.46,.45,.94)}.chart-value{text-align:right;width:42px;color:var(--ev-text-1);font-size:.8rem;font-weight:700;font-family:var(--font-headline)}.ev-input,.ev-select,.ev-textarea{border:1px solid var(--ev-border);border-radius:var(--radius-md);background:var(--ev-surface-2);width:100%;color:var(--ev-text-1);font-size:.875rem;font-family:var(--font-body);outline:none;padding:.625rem .875rem;transition:border-color .2s,box-shadow .2s}.ev-input:focus,.ev-select:focus,.ev-textarea:focus{border-color:var(--ev-primary);box-shadow:0 0 0 3px #00d2ff1a}.ev-input::placeholder{color:var(--ev-text-3)}.ev-label{color:var(--ev-text-2);font-size:.8rem;font-weight:600;font-family:var(--font-headline);letter-spacing:.02em;margin-bottom:6px;display:block}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-breadcrumb{color:var(--ev-text-3);font-size:.75rem;font-family:var(--font-headline);align-items:center;gap:6px;margin-bottom:6px;display:flex}.page-breadcrumb span{color:var(--ev-text-3)}.page-breadcrumb .active{color:var(--ev-primary);font-weight:600}.page-title{letter-spacing:-.025em;color:var(--ev-text-1);font-size:1.6rem;font-weight:800;font-family:var(--font-headline);line-height:1.2}.page-subtitle{color:var(--ev-text-2);margin-top:4px;font-size:.875rem}.page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0;display:flex}.section-title{color:var(--ev-text-1);font-size:1rem;font-weight:700;font-family:var(--font-headline);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.skeleton{background:linear-gradient(90deg, var(--ev-surface-2) 25%, var(--ev-surface-3) 50%, var(--ev-surface-2) 75%);border-radius:var(--radius-sm);background-size:400% 100%;animation:1.6s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state{text-align:center;color:var(--ev-text-3);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;font-size:2.5rem}.empty-state-title{color:var(--ev-text-2);margin-bottom:var(--space-2);font-size:1rem;font-weight:700;font-family:var(--font-headline)}.empty-state-desc{color:var(--ev-text-3);max-width:320px;font-size:.875rem;line-height:1.6}.ev-divider{background:var(--ev-border);width:100%;height:1px;margin:var(--space-4) 0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--ev-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ev-primary)}*{scrollbar-width:thin;scrollbar-color:var(--ev-border-hover) transparent}@media (max-width:768px){.main-content{padding:1rem 1rem 5rem}.kpi-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.page-header{flex-direction:column}.page-actions{width:100%}.mobile-nav{background:var(--ev-surface-1);border-top:1px solid var(--ev-border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-around;align-items:center;width:100%;height:62px;display:flex;position:fixed;bottom:0;left:0}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}}@media (min-width:769px){.mobile-nav{display:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #00d2ff4d}50%{box-shadow:0 0 20px #00d2ff99}}.animate-fadeIn{animation:.3s forwards fadeIn}.animate-slideDown{animation:.2s forwards slideDown}