:root{--bp-mobile: 640px;--bp-tablet: 768px;--bp-desktop: 1024px;--bp-wide: 1280px}@media(max-width:639px){.hide-mobile{display:none!important}}@media(min-width:640px)and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(min-width:640px){.only-mobile{display:none!important}}@media(max-width:1023px){.only-desktop{display:none!important}}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-modal: 100;--z-toast: 1000}:root{--accent: #7b2d8e;--accent-hover: #a855a0;--accent-light: rgba(123, 45, 142, .1);--accent-border: rgba(123, 45, 142, .25);--header-bg: #1a4c6e;--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--panel-bg: #ffffff;--text-primary: #2c3e50;--text-secondary: #666666;--border-color: #e0e0e0;--glass-effect: none;--sidebar-width: 260px;--success: #22c55e;--success-bg: rgba(34, 197, 94, .1);--error: #dc2626;--error-bg: rgba(220, 38, 38, .1);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .1);--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .08);--input-bg: #ffffff;--input-border: #e0e0e0;--hover-row: #fafafa;--gradient-title: linear-gradient(135deg, #7b2d8e, #1a4c6e);--bg-color: var(--bg-primary);--accent-cyan: var(--accent);--accent-magenta: var(--accent-hover)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--accent: #a855a0;--accent-hover: #c084fc;--accent-light: rgba(168, 85, 160, .12);--accent-border: rgba(168, 85, 160, .3);--header-bg: #161b22;--bg-primary: #0d1117;--bg-secondary: #161b22;--panel-bg: rgba(22, 27, 34, .85);--text-primary: #ffffff;--text-secondary: #8b949e;--border-color: rgba(240, 246, 252, .1);--glass-effect: blur(10px) saturate(180%);--success: #3fb950;--success-bg: rgba(63, 185, 80, .1);--error: #f85149;--error-bg: rgba(248, 81, 73, .1);--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--input-bg: #0d1117;--input-border: rgba(240, 246, 252, .1);--hover-row: rgba(255, 255, 255, .03);--gradient-title: linear-gradient(135deg, #a855a0, #00f2ff)}}:root[data-theme=dark]{--accent: #a855a0;--accent-hover: #c084fc;--accent-light: rgba(168, 85, 160, .12);--accent-border: rgba(168, 85, 160, .3);--header-bg: #161b22;--bg-primary: #0d1117;--bg-secondary: #161b22;--panel-bg: rgba(22, 27, 34, .85);--text-primary: #ffffff;--text-secondary: #8b949e;--border-color: rgba(240, 246, 252, .1);--glass-effect: blur(10px) saturate(180%);--success: #3fb950;--success-bg: rgba(63, 185, 80, .1);--error: #f85149;--error-bg: rgba(248, 81, 73, .1);--shadow: 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .4);--input-bg: #0d1117;--input-border: rgba(240, 246, 252, .1);--hover-row: rgba(255, 255, 255, .03);--gradient-title: linear-gradient(135deg, #a855a0, #00f2ff)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);height:100vh;overflow:hidden;transition:background-color .3s,color .3s}#root{display:flex;height:100vh}.sidebar-desktop{display:none}@media(min-width:640px){.sidebar-desktop{display:flex}}.dashboard-container{flex:1;padding:30px;overflow-y:auto}@media(max-width:639px){.dashboard-container{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(80px + env(safe-area-inset-bottom))}.panel{flex-wrap:wrap}.panel>*{min-width:0}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.title-section h1{font-size:24px;font-weight:700;letter-spacing:-.5px;background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-section p{color:var(--text-secondary);font-size:14px;margin-top:4px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:20px}.dashboard-grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:20px}.panel{background:var(--panel-bg);backdrop-filter:var(--glass-effect);-webkit-backdrop-filter:var(--glass-effect);border:1px solid var(--border-color);border-radius:20px;padding:24px;position:relative;overflow:hidden;box-shadow:var(--shadow);transition:background-color .3s,border-color .3s}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.kpi-card{display:flex;flex-direction:column}.kpi-label{color:var(--text-secondary);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.kpi-value{font-size:32px;font-weight:800;margin-bottom:4px;background:var(--gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.kpi-trend{display:flex;align-items:center;font-size:12px;gap:4px}.kpi-trend.up{color:var(--success)}.kpi-trend.down{color:var(--error)}.large-widget{grid-column:span 2}.full-width{grid-column:span 3}.data-table{width:100%;border-collapse:collapse;margin-top:20px}.data-table th{text-align:left;padding:12px;color:var(--text-secondary);font-size:13px;border-bottom:1px solid var(--border-color)}.data-table td{padding:16px 12px;font-size:14px;border-bottom:1px solid var(--border-color)}.data-table tbody tr:hover{background:var(--hover-row)}.badge{padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600}.badge-cyan{background:var(--accent-light);color:var(--accent);border:1px solid var(--accent-border)}.badge-magenta{background:#a855a01a;color:var(--accent-hover);border:1px solid rgba(168,85,160,.2)}.badge-green{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.2)}.badge-pending{background:#8b949e1a;color:var(--text-secondary);border:1px solid rgba(139,148,158,.2)}.badge-dim{background:#8b949e0f;color:var(--text-secondary);border:1px solid rgba(139,148,158,.15);font-weight:400}.btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px var(--accent-light)}.btn-ghost{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.btn-ghost:hover{background:var(--accent-light)}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-size:13px;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8080804d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#80808080}aside,main,.panel,.btn,input,select{transition:background-color .3s,border-color .3s,color .3s}