@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#09090b;--bg-surface:#121214b3;--bg-card:#18181b;--border-color:#27272a;--text-primary:#fafafa;--text-secondary:#a1a1aa;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-danger:#ef4444;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3f3f46}.dashboard-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);flex-direction:column;width:280px;padding:24px;display:flex}.brand{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:48px;font-size:24px;font-weight:700;display:flex}.brand-icon{color:var(--accent-primary)}.nav-menu{flex-direction:column;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--accent-primary);background:#3b82f61a}.main-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{border-bottom:1px solid var(--border-color);background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.search-bar{background:var(--bg-dark);border:1px solid var(--border-color);border-radius:8px;align-items:center;width:320px;padding:8px 16px;display:flex}.search-bar input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;margin-left:8px}.user-actions{align-items:center;gap:24px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;transition:color .2s}.icon-btn:hover{color:var(--text-primary)}.avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));border-radius:50%;width:40px;height:40px}.content-padding{padding:40px}.page-header{margin-bottom:32px}.page-title{color:var(--text-primary);font-size:32px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin-top:4px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px;display:grid}.charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:32px;display:grid}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;padding:24px;display:flex}.card-header{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:16px;font-weight:500;display:flex}.kpi-value{margin-bottom:8px;font-size:32px;font-weight:700}.kpi-change{align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.kpi-change.positive{color:var(--accent-success)}.kpi-change.negative{color:var(--accent-danger)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:500}.data-table td{border-bottom:1px solid var(--border-color);padding:16px}.data-table tr:last-child td{border-bottom:none}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.status-badge.completed{color:var(--accent-success);background:#10b9811a}.status-badge.pending{color:#f59e0b;background:#f59e0b1a}.status-badge.failed{color:var(--accent-danger);background:#ef44441a}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animated-shimmer{background:linear-gradient(to right, var(--bg-card) 4%, #ffffff08 25%, var(--bg-card) 36%);background-size:1000px 100%;animation:10s linear infinite shimmer}@keyframes pulse-glow{0%{box-shadow:0 0 15px #3b82f60d}50%{box-shadow:0 0 35px #3b82f64d}to{box-shadow:0 0 15px #3b82f60d}}.animated-glow{animation:4s ease-in-out infinite pulse-glow}.live-number{background:linear-gradient(90deg, #fff, var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}