*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--primary:#d97a12;--primary-rgb:217, 122, 18;--primary-accent:#d97a12;--primary-light:#f9f0e6;--primary-dark:#b8650d;--bg:#f5f5f7;--surface:#fff;--surface-hover:#fafafa;--border:#d2d2d7;--text:#1d1d1f;--text-muted:#6e6e73;--success:#1a8a1a;--success-bg:#edfaed;--warning:#b35c00;--warning-bg:#fff4e6;--danger:#c00;--danger-bg:#fff0f0;--info:#0369a1;--info-bg:#e0f2fe;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 12px #0000000d;--shadow-md:0 8px 24px #d97a121f;--shadow-lg:0 16px 40px #00000014;--radius-sm:8px;--radius:12px;--radius-lg:20px;--radius-xl:28px;--sidebar-w:240px;--topbar-h:56px;--transition:.15s ease}html{-webkit-font-smoothing:antialiased;font-size:15px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.layout{flex-direction:row;height:100vh;display:flex;overflow:hidden}.main-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.main-content{flex:1;padding:32px 40px;overflow-y:auto}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:#1a1a1f;border-right:1px solid #ffffff0f;flex-direction:column;height:100vh;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:20px 20px 16px;display:flex}.sidebar-header__logo{color:var(--primary);flex-shrink:0}.sidebar-header__title{color:#fff;font-size:13px;font-weight:700;line-height:1.3}.sidebar-header__subtitle{color:#fff6;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-label{color:#ffffff4d;text-transform:uppercase;letter-spacing:.8px;padding:16px 10px 6px;font-size:10px;font-weight:700}.nav-item{border-radius:var(--radius-sm);color:#ffffff8c;text-align:left;cursor:pointer;width:100%;font-size:13px;font-weight:500;font-family:var(--font);transition:var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item:hover:not(:disabled){color:#ffffffd9;background:#ffffff0f}.nav-item--active{box-shadow:0 4px 12px #d97a1259;background:var(--primary)!important;color:#fff!important}.nav-item:disabled{opacity:.3;cursor:not-allowed}.nav-item__badge{color:#ffffff80;background:#ffffff1a;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10px}.nav-item--active .nav-item__badge{color:#fff;background:#ffffff40}.sidebar-footer{border-top:1px solid #ffffff0f;padding:12px 10px}.sidebar-footer__user{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.sidebar-footer__avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.sidebar-footer__info{flex:1;overflow:hidden}.sidebar-footer__name{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.sidebar-footer__role{color:#ffffff59;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.sidebar-footer__logout{color:#ffffff59;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:6px}.sidebar-footer__logout:hover{color:var(--danger);background:#cc000026}.sidebar-demo-badge{border-radius:var(--radius-sm);color:var(--primary);text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#d97a1226;border:1px solid #d97a124d;margin:0 10px 10px;padding:6px 10px;font-size:10px;font-weight:600}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 32px;display:flex}.topbar__title{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.topbar__title strong{color:var(--text)}.topbar__actions{align-items:center;gap:12px;display:flex}.tab-nav{background:var(--surface);border-bottom:2px solid var(--border);gap:0;padding:0 32px;display:flex;overflow-x:auto}.tab-nav__item{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:14px 24px;display:flex}.tab-nav__item:hover{color:var(--primary);background:var(--primary-light)}.tab-nav__item--active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-light)}.page{animation:.4s page-in}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title{color:var(--text);font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:4px;font-size:13px}.btn-primary,.btn-ghost,.btn-danger,.btn-success,.btn-icon{border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;transition:var(--transition);border:1px solid #0000;align-items:center;gap:8px;padding:10px 20px;line-height:1;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-hover);border-color:var(--text-muted)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#c003}.btn-danger:hover{background:#ffe0e0}.btn-success{background:var(--success-bg);color:var(--success);border-color:#1a8a1a33}.btn-icon{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:8px}.btn-icon:hover{background:var(--bg);color:var(--text)}.btn-icon--danger:hover{color:var(--danger);background:var(--danger-bg)}.btn-full{justify-content:center;width:100%}button:disabled,.btn-primary:disabled,.btn-ghost:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card-header{border-bottom:1px solid var(--border);color:var(--primary);justify-content:space-between;align-items:center;gap:12px;padding:20px 28px;font-size:15px;font-weight:700;display:flex}.card-body{padding:28px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);box-shadow:var(--shadow-sm);padding:20px 24px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-card__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.stat-card__value{color:var(--text);font-size:24px;font-weight:700}.stat-card--primary .stat-card__label svg{color:var(--primary)}.stat-card--warning .stat-card__label svg{color:var(--warning)}.stat-card--success .stat-card__label svg{color:var(--success)}.stat-card--danger .stat-card__label svg{color:var(--danger)}.stat-card--info .stat-card__label svg{color:var(--info)}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-left:4px;font-size:12px;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface);transition:var(--transition);outline:none;width:100%;padding:10px 14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb), .1)}.field--search{position:relative}.field--search .field-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field--search input{padding-left:44px}.field-error{color:var(--danger);margin-left:4px;font-size:12px}.table-scroll{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%}.table-scroll th{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);background:#f8fafc;padding:14px 20px;font-size:11px;font-weight:700}.table-scroll td{vertical-align:middle;border-bottom:1px solid #f0f0f2;padding:14px 20px;font-size:13px}.table-scroll tr:last-child td{border-bottom:none}.table-scroll tr:hover td{background:#fafafb}.td-empty{text-align:center;color:var(--text-muted);font-style:italic;padding:40px 20px!important}.td-mono{color:var(--text-muted);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:12px}.td-name{color:var(--text);font-weight:600}.td-right{text-align:right}.table-actions{justify-content:flex-end;gap:4px;display:flex}.badge{text-transform:uppercase;letter-spacing:.3px;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge--success{background:var(--success-bg);color:var(--success)}.badge--warning{background:var(--warning-bg);color:var(--warning)}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--primary{background:var(--primary-light);color:var(--primary)}.badge--neutral{color:var(--text-muted);background:#f0f0f2}.badge--info{background:var(--info-bg);color:var(--info)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;animation:.3s modal-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-lg);overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:28px 28px 12px;display:flex}.modal-header h2{color:var(--primary);font-size:18px;font-weight:700}.modal-body{flex-direction:column;gap:16px;padding:12px 28px 28px;display:flex}.modal-footer{background:var(--bg);border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:16px 28px;display:flex}.login-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-lg);border:1px solid var(--border);padding:48px 40px}.login-card__title{color:var(--primary);text-align:center;margin-bottom:8px;font-size:24px;font-weight:700}.login-card__subtitle{color:var(--text-muted);text-align:center;margin-bottom:32px;font-size:13px}.login-tabs{border:1px solid var(--border);border-radius:var(--radius-sm);gap:0;margin-bottom:24px;display:flex;overflow:hidden}.login-tabs button{font-size:13px;font-weight:600;font-family:var(--font);background:var(--bg);color:var(--text-muted);cursor:pointer;transition:var(--transition);border:none;flex:1;padding:10px}.login-tabs button.active{background:var(--primary);color:#fff}.loading-screen{min-height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.toast-container{z-index:2000;flex-direction:column;gap:8px;max-width:380px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);border-left:4px solid var(--primary);align-items:flex-start;gap:10px;padding:14px 16px;font-size:13px;animation:.3s toast-in;display:flex}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--danger)}.toast--warning{border-left-color:var(--warning)}.toast__message{flex:1}.toast__close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px;font-size:16px;line-height:1}.error-banner{background:var(--danger-bg);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #c003;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.drop-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:var(--transition);background:var(--surface);padding:48px 32px}.drop-zone:hover,.drop-zone--active{border-color:var(--primary);background:var(--primary-light)}.drop-zone__icon{color:var(--text-muted);margin-bottom:12px}.drop-zone__text{color:var(--text-muted);font-size:14px}.drop-zone__text strong{color:var(--primary);cursor:pointer}.drop-zone__hint{color:var(--text-muted);margin-top:8px;font-size:12px}.slider-group{flex-direction:column;gap:6px;display:flex}.slider-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:600}.slider-group__row{align-items:center;gap:12px;display:flex}.slider-group input[type=range]{accent-color:var(--primary);flex:1;height:6px}.slider-group__value{color:var(--primary);text-align:right;min-width:48px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:600}.alert-item{border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px 16px;font-size:13px;display:flex}.alert-item--warning{background:var(--warning-bg);color:var(--warning)}.alert-item--danger{background:var(--danger-bg);color:var(--danger)}.alert-item--info{background:var(--info-bg);color:var(--info)}.user-menu{position:relative}.user-menu__trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);color:var(--text);transition:var(--transition);align-items:center;gap:8px;padding:6px 12px;display:flex}.user-menu__trigger:hover{background:var(--surface-hover);border-color:var(--primary)}.user-menu__dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;min-width:200px;padding:8px;animation:.2s modal-in;position:absolute;top:calc(100% + 8px);right:0}.user-menu__item{text-align:left;cursor:pointer;border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);transition:var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.user-menu__item:hover{background:var(--bg)}.user-menu__item--danger{color:var(--danger)}.user-menu__divider{background:var(--border);height:1px;margin:4px 0}.dataset-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:var(--transition);justify-content:space-between;align-items:center;margin-bottom:12px;padding:20px 24px;display:flex}.dataset-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.dataset-card__info h3{margin-bottom:4px;font-size:15px;font-weight:600}.dataset-card__info p{color:var(--text-muted);font-size:12px}.dataset-card__actions{gap:8px;display:flex}.heatmap{border-collapse:collapse}.heatmap td,.heatmap th{text-align:center;padding:8px 12px;font-size:12px}.heatmap td{border-radius:4px;min-width:60px;font-weight:600}.flex{display:flex}.flex-column{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-0{padding:0}.p-3{padding:12px}.p-4{padding:16px}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-center{text-align:center}.text-right{text-align:right}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.w-full{width:100%}.relative{position:relative}.recharts-tooltip-wrapper{z-index:10!important}.recharts-default-tooltip{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;box-shadow:var(--shadow)!important;font-size:12px!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modal-in{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.grid-2,.grid-3{grid-template-columns:1fr}.main-content{padding:24px 20px}}@media (width<=768px){.sidebar{z-index:500;transition:left .3s;position:fixed;top:0;left:-100%}.sidebar--open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:499;background:#00000080;position:fixed;inset:0}.topbar{padding:0 16px}.main-content{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-header{flex-direction:column}.login-card{padding:32px 24px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}