:root{--c-navy: #0F2D52;--c-navy-dark: #082040;--c-navy-darker: #051527;--c-orange: #F47B20;--c-orange-bright: #FF8C2C;--c-yellow: #FFC107;--c-electric: #FFD600;--c-success: #10B981;--c-success-bg: #D1FAE5;--c-warn: #F59E0B;--c-warn-bg: #FEF3C7;--c-danger: #EF4444;--c-danger-bg: #FEE2E2;--c-gray-50: #F8FAFC;--c-gray-100: #F1F5F9;--c-gray-200: #E2E8F0;--c-gray-300: #CBD5E1;--c-gray-400: #94A3B8;--c-gray-500: #64748B;--c-gray-600: #475569;--c-gray-700: #334155;--c-gray-800: #1E293B;--c-gray-900: #0F172A;--c-white: #FFFFFF;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.1);--radius: 8px;--radius-lg: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;background:var(--c-gray-100);color:var(--c-gray-800);-webkit-font-smoothing:antialiased;line-height:1.5}#react-root,#ej-root{height:100%}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:var(--c-orange);text-decoration:none}a:hover{text-decoration:underline}.login-bg{min-height:100vh;background:radial-gradient(circle at 20% 30%,rgba(244,123,32,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,214,0,.12) 0%,transparent 50%),linear-gradient(135deg,var(--c-navy-darker) 0%,var(--c-navy) 60%,var(--c-navy-dark) 100%);display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-bg:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(255,193,7,.05) 0%,transparent 70%);pointer-events:none}.login-card{background:#fff;border-radius:var(--radius-lg);padding:40px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #0006;position:relative;z-index:1;border-top:4px solid var(--c-orange)}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.login-brand{font-size:22px;font-weight:800;color:var(--c-navy);letter-spacing:-.02em}.login-tag{text-align:center;color:var(--c-gray-500);font-size:13px;margin-bottom:32px;border-bottom:1px solid var(--c-gray-200);padding-bottom:20px}.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:600;color:var(--c-gray-700);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:10px 14px;border:1.5px solid var(--c-gray-300);border-radius:var(--radius);background:#fff;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--c-orange);box-shadow:0 0 0 3px #f47b2026}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:var(--c-navy);color:#fff;border:none;border-radius:var(--radius);cursor:pointer;font-weight:600;transition:all .15s;font-size:14px}.btn:hover{background:var(--c-navy-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn svg{width:16px;height:16px;flex-shrink:0}.btn-primary{background:linear-gradient(135deg,var(--c-orange-bright),var(--c-orange));width:100%;padding:12px 20px;font-size:15px;box-shadow:0 4px 10px #f47b204d}.btn-primary:hover{background:linear-gradient(135deg,var(--c-orange),#E16410)}.btn-secondary{background:var(--c-gray-100);color:var(--c-gray-700);border:1.5px solid var(--c-gray-300)}.btn-secondary:hover{background:var(--c-gray-200)}.btn-danger{background:var(--c-danger)}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 8px;font-size:11px}.active-preset{background:var(--c-navy)!important;color:#fff!important;border-color:var(--c-navy)!important}.btn-icon{padding:8px;width:36px;height:36px}.demo-accounts{margin-top:24px;padding:16px;background:var(--c-gray-50);border-radius:var(--radius);border:1px dashed var(--c-gray-300)}.demo-accounts-title{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--c-gray-500);margin-bottom:10px;letter-spacing:.05em}.demo-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;cursor:pointer;border-radius:4px;padding:6px;transition:background .1s}.demo-row:hover{background:#fff}.demo-row strong{color:var(--c-navy)}.demo-row .demo-creds{color:var(--c-gray-500);font-family:monospace;font-size:11px}.demo-row .demo-role{color:var(--c-orange);font-weight:600;font-size:11px}.login-error{background:var(--c-danger-bg);color:#991b1b;padding:10px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:13px;border-left:3px solid var(--c-danger)}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"header header" "sidebar main";height:100vh}.app-header{grid-area:header;background:var(--c-navy-darker);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:3px solid var(--c-orange);position:relative;z-index:100}.header-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;letter-spacing:-.02em}.header-user{display:flex;align-items:center;gap:16px;font-size:13px}.user-info{text-align:right}.user-name{font-weight:600}.user-role{color:var(--c-orange);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--c-orange),var(--c-orange-bright));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px}.logout-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:12px;transition:all .15s}.logout-btn:hover{background:#fff3}.app-sidebar{grid-area:sidebar;background:var(--c-navy);color:#fff;padding:16px 0;overflow-y:auto}.nav-section{padding:4px 0}.nav-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;padding:12px 20px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 20px;color:#ffffffd9;cursor:pointer;transition:all .15s;font-size:13.5px;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#f47b2026;color:#fff;border-left-color:var(--c-orange);font-weight:600}.nav-item svg{width:18px;height:18px;flex-shrink:0}.app-main{grid-area:main;overflow-y:auto;padding:24px;background:var(--c-gray-100)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:24px;font-weight:800;color:var(--c-navy);letter-spacing:-.02em}.page-subtitle{color:var(--c-gray-500);font-size:13px;margin-top:2px}.card{background:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--c-gray-200)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--c-gray-200)}.card-title{font-size:15px;font-weight:700;color:var(--c-navy)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:var(--radius-lg);padding:20px;border:1px solid var(--c-gray-200);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-navy)}.kpi-card.kpi-orange:before{background:var(--c-orange)}.kpi-card.kpi-success:before{background:var(--c-success)}.kpi-card.kpi-warn:before{background:var(--c-warn)}.kpi-card.kpi-danger:before{background:var(--c-danger)}.kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-gray-500);margin-bottom:6px}.kpi-value{font-size:28px;font-weight:800;color:var(--c-navy);letter-spacing:-.02em;line-height:1.1}.kpi-unit{font-size:13px;font-weight:500;color:var(--c-gray-500);margin-left:4px}.kpi-trend{margin-top:8px;font-size:12px;display:flex;align-items:center;gap:4px}.kpi-trend svg{width:14px;height:14px;flex-shrink:0}.kpi-trend.up{color:var(--c-success)}.kpi-trend.down{color:var(--c-danger)}.kpi-trend.neutral{color:var(--c-gray-500)}.table-wrap{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--c-gray-200);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--c-navy);color:#fff}thead th{padding:12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}tbody td{padding:12px;border-bottom:1px solid var(--c-gray-100)}tbody tr:hover{background:var(--c-gray-50)}tbody tr:last-child td{border-bottom:none}.t-num{text-align:right;font-variant-numeric:tabular-nums}.t-center{text-align:center}.t-mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:12px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:var(--c-success-bg);color:#065f46}.badge-warn{background:var(--c-warn-bg);color:#92400e}.badge-danger{background:var(--c-danger-bg);color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:var(--c-gray-100);color:var(--c-gray-700)}.eff-cell{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.eff-success{color:#047857}.eff-warn{color:#b45309}.eff-danger{color:#b91c1c}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end}.filters .field{margin-bottom:0;min-width:140px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-full{grid-column:1 / -1}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--c-gray-200)}.field-help{font-size:11px;color:var(--c-gray-500);margin-top:4px}.live-preview{background:linear-gradient(135deg,#f0f9ff,#eff6ff);border:1px solid #BFDBFE;border-radius:var(--radius-lg);padding:16px;margin-top:16px}.preview-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-navy);margin-bottom:10px}.preview-title svg,#membersBlock svg,.card-title svg{width:14px;height:14px;display:inline-block;vertical-align:middle}.preview-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.preview-row strong{font-size:16px;color:var(--c-navy);font-weight:700}.chart-wrap{height:240px;width:100%}.statbar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--c-gray-200);margin-top:6px}.statbar-fill{background:var(--c-success);transition:width .3s}.modal-bg{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;border-radius:var(--radius-lg);padding:24px;max-width:560px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);border-top:4px solid var(--c-orange);animation:modalIn .15s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-title{font-size:18px;font-weight:700;color:var(--c-navy);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.modal-close{background:var(--c-gray-100);border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;color:var(--c-gray-600);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--c-gray-200)}.modal-close svg{width:16px;height:16px}.field input[readonly],.field input:disabled,.field select:disabled{background:var(--c-gray-100);color:var(--c-gray-600);cursor:not-allowed}.action-cell{white-space:nowrap;text-align:right;width:1px}.action-cell .btn-icon{margin-left:4px;background:var(--c-gray-100);border:1px solid var(--c-gray-200)}.action-cell .btn-icon:hover{background:#fff;border-color:var(--c-gray-300)}.action-cell .btn-icon.danger:hover{background:var(--c-danger-bg);border-color:var(--c-danger);color:var(--c-danger)}.action-cell .btn-icon svg{width:16px;height:16px}.toast{position:fixed;bottom:24px;right:24px;background:var(--c-navy-dark);color:#fff;padding:14px 20px;border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:2000;animation:slideIn .2s ease;border-left:4px solid var(--c-success);max-width:360px}.toast.toast-success{border-left-color:var(--c-success)}.toast.toast-warn{border-left-color:var(--c-warn)}.toast.toast-danger{border-left-color:var(--c-danger)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty{text-align:center;padding:60px 20px;color:var(--c-gray-400)}.empty h3{color:var(--c-gray-600);font-weight:600;margin-top:12px;margin-bottom:6px}@media(max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:56px auto 1fr;grid-template-areas:"header" "sidebar" "main"}.app-header{padding:0 12px}.header-brand span,.user-info{display:none}.header-user{gap:8px}.app-sidebar{height:auto;max-height:200px;padding:8px 0}.nav-section{display:inline-block}.form-grid{grid-template-columns:1fr}thead{display:none}tbody td{display:block;padding:6px 16px;border-bottom:none}tbody td:before{content:attr(data-label);display:inline-block;width:110px;font-weight:600;color:var(--c-gray-500);font-size:11px;text-transform:uppercase}tbody tr{display:block;border-bottom:8px solid var(--c-gray-100);padding:8px 0}.filters .field{min-width:auto;flex:1}.grid-2,div[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}.page-title{font-size:20px}}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--c-orange-bright),var(--c-orange));color:#fff;border:none;cursor:pointer;box-shadow:0 6px 20px #f47b2066;display:flex;align-items:center;justify-content:center;z-index:50;transition:transform .15s}.fab:hover{transform:scale(1.05)}.fab svg{width:26px;height:26px}