@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-card:#161616;--bg-card-hover:#1e1e1e;--bg-sidebar:#080808;--border:#ffffff17;--border-accent:#10b98173;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--accent-blue:#10b981;--accent-blue-dim:#10b9811a;--accent-blue-glow:#10b98140;--success:#10b981;--success-dim:#10b9811a;--warning:#f59e0b;--warning-dim:#f59e0b1a;--danger:#f43f5e;--danger-dim:#f43f5e1a;--info:#38bdf8;--info-dim:#38bdf81a;--gradient-blue:linear-gradient(135deg, #10b981, #059669);--gradient-success:linear-gradient(135deg, #10b981, #059669);--gradient-warning:linear-gradient(135deg, #f59e0b, #d97706);--gradient-danger:linear-gradient(135deg, #f43f5e, #e11d48);--sidebar-width:240px;--header-height:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0009;--shadow-md:0 4px 20px #000000b3;--shadow-lg:0 8px 40px #000c;--shadow-blue:0 4px 20px #10b98133;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding-top:var(--header-height);background:var(--bg-primary);flex:1;min-height:100vh;position:relative}.page-body{max-width:1400px;padding:28px 32px}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon{background:var(--gradient-blue);width:36px;height:36px;box-shadow:var(--shadow-blue);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.brand-text{flex-direction:column;display:flex}.brand-name{color:var(--text-primary);letter-spacing:-.3px;font-size:16px;font-weight:700}.brand-tagline{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:500}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:12px 10px 6px;font-size:10px;font-weight:600}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);align-items:center;gap:10px;margin-bottom:2px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid var(--border-accent)}.nav-item.active:before{content:"";background:var(--accent-blue);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;font-size:16px}.nav-label{flex:1}.nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}.sidebar-footer{border-top:1px solid var(--border);padding:16px 12px}.sidebar-user{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);align-items:center;gap:10px;padding:10px 12px;display:flex}.user-avatar{background:var(--gradient-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.user-role{color:var(--text-muted);font-size:10.5px}.header{top:0;left:var(--sidebar-width);height:var(--header-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:90;background:#080808f7;justify-content:space-between;align-items:center;padding:0 32px;display:flex;position:fixed;right:0}.header-left{flex-direction:column;display:flex}.header-title{color:var(--text-primary);font-size:17px;font-weight:700}.header-subtitle{color:var(--text-secondary);font-size:12px}.header-right{align-items:center;gap:12px;display:flex}.header-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);align-items:center;gap:6px;padding:8px 14px;transition:all .2s;display:flex}.header-btn:hover{border-color:var(--border-accent);color:var(--accent-blue);background:var(--accent-blue-dim)}.alert-indicator{border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;padding:8px;font-size:18px;transition:all .2s;position:relative}.alert-indicator:hover{background:var(--bg-card-hover)}.alert-dot{background:var(--danger);border:2px solid var(--bg-primary);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;position:absolute;top:6px;right:6px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all .2s}.card:hover{border-color:#ffffff1f}.card-sm{padding:16px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:default;padding:20px;transition:all .25s;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--gradient-blue);opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-card:hover:before{opacity:1}.kpi-card.danger:before{background:var(--gradient-danger);opacity:1}.kpi-card.warning:before{background:var(--gradient-warning);opacity:1}.kpi-card.success:before{background:var(--gradient-success);opacity:1}.kpi-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.kpi-label{color:var(--text-secondary);letter-spacing:.3px;font-size:12px;font-weight:500}.kpi-icon{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:17px;display:flex}.kpi-icon.blue{background:var(--accent-blue-dim)}.kpi-icon.danger{background:var(--danger-dim)}.kpi-icon.warning{background:var(--warning-dim)}.kpi-icon.success{background:var(--success-dim)}.kpi-value{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:28px;font-weight:800;line-height:1}.kpi-value.danger{color:var(--danger)}.kpi-value.warning{color:var(--warning)}.kpi-value.success{color:var(--success)}.kpi-change{color:var(--text-muted);align-items:center;gap:4px;font-size:11.5px;display:flex}.badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-ok{background:var(--success-dim);color:var(--success);border:1px solid #10b98140}.badge-low{background:var(--warning-dim);color:var(--warning);border:1px solid #f59e0b40}.badge-critical{background:var(--danger-dim);color:var(--danger);border:1px solid #ef444440;animation:2s infinite pulse-badge}.badge-info{background:var(--info-dim);color:var(--info);border:1px solid #06b6d440}.badge-emergency{color:#ff6b6b;background:#ef444433;border:1px solid #ef444466}.badge-high{background:var(--warning-dim);color:var(--warning);border:1px solid #f59e0b40}.badge-normal{background:var(--info-dim);color:var(--info);border:1px solid #06b6d440}@keyframes pulse-badge{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444426}}.badge-pr-draft{color:var(--text-secondary);border:1px solid var(--border);background:#4a5a7a33}.badge-pr-pending{background:var(--warning-dim);color:var(--warning);border:1px solid #f59e0b40}.badge-pr-approved{background:var(--success-dim);color:var(--success);border:1px solid #10b98140}.badge-pr-posent{background:var(--accent-blue-dim);color:var(--accent-blue);border:1px solid var(--border-accent)}.badge-pr-grn{color:#34d399;background:#10b98140;border:1px solid #34d39966}.alert-banner{border-radius:var(--radius-md);align-items:center;gap:14px;margin-bottom:24px;padding:14px 20px;animation:.4s slide-in-top;display:flex}.alert-banner.critical{background:linear-gradient(135deg,#ef44441f,#dc262614);border:1px solid #ef44444d}.alert-banner.warning{background:linear-gradient(135deg,#f59e0b1a,#d977060f);border:1px solid #f59e0b4d}.alert-icon{flex-shrink:0;font-size:22px}.alert-content{flex:1}.alert-title{color:var(--text-primary);font-size:14px;font-weight:600}.alert-desc{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.alert-action{border-radius:var(--radius-sm);background:var(--danger);color:#fff;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border:none;flex-shrink:0;padding:7px 14px;transition:all .2s}.alert-action:hover{background:#dc2626;transform:scale(1.02)}.alert-action.warning{background:var(--warning)}.alert-action.warning:hover{background:#d97706}.table-container{border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead{border-bottom:1px solid var(--border);background:#ffffff08}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tbody tr:hover{background:#ffffff08}.stock-bar-wrapper{align-items:center;gap:10px;display:flex}.stock-bar{background:#ffffff14;border-radius:3px;flex:1;min-width:80px;height:6px;overflow:hidden}.stock-bar-fill{border-radius:3px;height:100%;transition:width .6s}.stock-bar-fill.ok{background:var(--success)}.stock-bar-fill.low{background:var(--warning)}.stock-bar-fill.critical{background:var(--danger);animation:1.5s infinite pulse-bar}@keyframes pulse-bar{0%,to{opacity:1}50%{opacity:.6}}.stock-text{color:var(--text-secondary);white-space:nowrap;font-size:12px}.workflow-steps{align-items:center;gap:0;display:flex;overflow:hidden}.workflow-step{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:flex;position:relative}.workflow-step.done{color:var(--success)}.workflow-step.active{color:var(--accent-blue)}.step-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.workflow-step.done .step-dot{background:var(--success)}.workflow-step.active .step-dot{background:var(--accent-blue);box-shadow:0 0 6px var(--accent-blue);animation:1.5s infinite pulse-dot}.step-line{background:var(--border);flex:1;min-width:20px;height:1px}.step-line.done{background:var(--success)}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-title{color:var(--text-primary);font-size:15px;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border:none;align-items:center;gap:6px;padding:9px 18px;text-decoration:none;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:var(--shadow-blue)}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-danger{background:var(--gradient-danger);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#ffffff26}.btn-sm{padding:6px 12px;font-size:12px}.demo-btn{color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c);border:none;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #ef444466}.demo-btn:before{content:"";background:linear-gradient(#0000,#ffffff1a,#0000);width:200%;height:200%;transition:transform .6s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translate(-100%)}.demo-btn:hover:before{transform:rotate(45deg)translate(100%)}.demo-btn:hover{transform:translateY(-2px);box-shadow:0 6px 32px #ef444480}.filter-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.filter-tab{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:7px 16px;transition:all .2s}.filter-tab.active{background:var(--accent-blue);color:#fff;box-shadow:var(--shadow-blue)}.filter-tab:not(.active):hover{color:var(--text-primary);background:var(--bg-card-hover)}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid-2-3{grid-template-columns:2fr 1fr;gap:20px;display:grid}.activity-item{border-bottom:1px solid var(--border);gap:12px;padding:14px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.activity-dot.critical{background:var(--danger);box-shadow:0 0 6px var(--danger)}.activity-dot.warning{background:var(--warning)}.activity-dot.info{background:var(--success)}.activity-content{flex:1}.activity-title{color:var(--text-primary);font-size:13px;font-weight:600}.activity-desc{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.5}.activity-time{color:var(--text-muted);margin-top:4px;font-size:11px}.vendor-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all .25s;position:relative}.vendor-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.vendor-card.recommended{background:linear-gradient(135deg, var(--bg-card), #3b82f60d);border-color:#3b82f666}.vendor-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.vendor-name{color:var(--text-primary);font-size:15px;font-weight:700}.vendor-country{color:var(--text-secondary);margin-top:2px;font-size:12px}.rating-stars{color:var(--warning);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.vendor-metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.vendor-metric{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff08;padding:10px}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px}.metric-value{color:var(--text-primary);font-size:16px;font-weight:700}.metric-value.good{color:var(--success)}.metric-value.warn{color:var(--warning)}.ai-panel{z-index:200;position:fixed;bottom:24px;right:24px}.ai-toggle{background:var(--gradient-blue);cursor:pointer;width:56px;height:56px;font-size:24px;font-family:var(--font);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 4px 24px #3b82f680}.ai-toggle:hover{transform:scale(1.1);box-shadow:0 6px 32px #3b82f699}.ai-chat-window{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl);width:420px;max-height:600px;box-shadow:var(--shadow-lg), 0 0 40px #3b82f61a;flex-direction:column;animation:.3s slide-in-up;display:flex;position:absolute;bottom:70px;right:0;overflow:hidden}.ai-chat-header{border-bottom:1px solid var(--border-accent);background:linear-gradient(135deg,#3b82f626,#2563eb1a);align-items:center;gap:10px;padding:16px 20px;display:flex}.ai-avatar{background:var(--gradient-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.ai-header-info{flex:1}.ai-name{color:var(--text-primary);font-size:14px;font-weight:700}.ai-status{color:var(--success);align-items:center;gap:4px;font-size:11px;display:flex}.ai-status-dot{background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-dot}.ai-messages{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.ai-message{gap:10px;animation:.3s slide-in-up;display:flex}.ai-message.user{flex-direction:row-reverse}.msg-bubble{border-radius:var(--radius-md);max-width:80%;padding:10px 14px;font-size:13px;line-height:1.6}.msg-bubble.ai{border:1px solid var(--border);color:var(--text-primary);border-radius:4px var(--radius-md) var(--radius-md) var(--radius-md);background:#ffffff0d}.msg-bubble.user{background:var(--gradient-blue);color:#fff;border-radius:var(--radius-md) 4px var(--radius-md) var(--radius-md)}.msg-bubble p{margin-bottom:6px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble strong{color:#fff}.msg-bubble.ai strong{color:var(--accent-blue)}.ai-quick-chips{border-top:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.chip{border:1px solid var(--border-accent);background:var(--accent-blue-dim);color:var(--accent-blue);cursor:pointer;font-size:11.5px;font-weight:500;font-family:var(--font);border-radius:20px;padding:6px 12px;transition:all .2s}.chip:hover{background:var(--accent-blue);color:#fff}.ai-input-row{border-top:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.ai-input{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font);background:#ffffff0d;outline:none;flex:1;padding:9px 14px;transition:border-color .2s}.ai-input:focus{border-color:var(--border-accent)}.ai-input::placeholder{color:var(--text-muted)}.ai-send-btn{background:var(--gradient-blue);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:16px;font-family:var(--font);border:none;padding:9px 14px;transition:all .2s}.ai-send-btn:hover{opacity:.9}.machine-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all .25s}.machine-card:hover{border-color:#ffffff1f;transform:translateY(-1px)}.machine-card.warning{border-color:#f59e0b4d}.machine-card.down{border-color:#ef444459}.machine-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.machine-icon{font-size:28px}.machine-name{color:var(--text-primary);font-size:15px;font-weight:700}.machine-type{color:var(--text-secondary);font-size:12px}.machine-status{align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.operational{background:var(--success);box-shadow:0 0 6px var(--success)}.status-indicator.warning{background:var(--warning);animation:1.5s infinite pulse-dot}.status-indicator.down{background:var(--danger)}.machine-spares{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.machine-spare-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.spare-tag{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0d;border-radius:6px;align-items:center;gap:4px;margin:2px 3px 2px 0;padding:4px 10px;font-size:11.5px;font-weight:500;display:inline-flex}.spare-tag.critical{background:var(--danger-dim);color:var(--danger);border-color:#ef44444d}.spare-tag.low{background:var(--warning-dim);color:var(--warning);border-color:#f59e0b4d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#000000bf;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.demo-modal{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-xl);width:600px;max-width:95vw;max-height:85vh;box-shadow:var(--shadow-lg), 0 0 60px #3b82f633;animation:.3s slide-in-up;overflow-y:auto}.demo-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.demo-modal-title{color:var(--text-primary);font-size:18px;font-weight:800}.demo-modal-subtitle{color:var(--text-secondary);margin-top:3px;font-size:12.5px}.modal-close{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;font-size:18px;font-family:var(--font);background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff26}.demo-modal-body{padding:24px 28px}.demo-step{gap:16px;margin-bottom:20px;animation:.4s backwards slide-in-left;display:flex}.demo-step-number{background:var(--bg-secondary);border:2px solid var(--border);width:32px;height:32px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.demo-step.active .demo-step-number{border-color:var(--accent-blue);background:var(--accent-blue-dim);color:var(--accent-blue);box-shadow:0 0 12px #3b82f64d}.demo-step.done .demo-step-number{border-color:var(--success);background:var(--success-dim);color:var(--success)}.demo-step-content{flex:1}.demo-step-title{color:var(--text-primary);font-size:14px;font-weight:600}.demo-step-desc{color:var(--text-secondary);margin-top:4px;font-size:12.5px;line-height:1.5}.demo-step-badge{border-radius:var(--radius-sm);align-items:center;gap:6px;margin-top:8px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.loading-shimmer{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.ai-md p{margin:0 0 6px}.ai-md strong{color:#93c5fd}.ai-md table{border-collapse:collapse;width:100%;margin:8px 0;font-size:11.5px}.ai-md th{text-align:left;background:#3b82f626;border:1px solid #ffffff1a;padding:6px 10px;font-weight:600}.ai-md td{color:var(--text-secondary);border:1px solid #ffffff0f;padding:6px 10px}.ai-md tr:hover td{background:#ffffff08}@media (max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.grid-2,.grid-2-3{grid-template-columns:1fr}.page-body{padding:16px}}