:root{--indigo-900:#14112b;--indigo-800:#1e1a42;--indigo-700:#2b2560;--indigo-600:#3a3277;--indigo-500:#4b4291;--indigo-400:#6c63ac;--indigo-300:#9b94c9;--indigo-200:#c9c4e3;--indigo-100:#edebf6;--gold-800:#7a5910;--gold-700:#967013;--gold-600:#b78a19;--gold-500:#d9a831;--gold-400:#e0b94f;--gold-300:#eacd7e;--gold-200:#f3e1af;--gold-100:#fbf3dc;--neutral-900:#211d18;--neutral-800:#383129;--neutral-700:#534a40;--neutral-600:#6e6459;--neutral-500:#8c8175;--neutral-400:#a99e90;--neutral-300:#c7bcac;--neutral-200:#e2d8c7;--neutral-100:#f1e9db;--neutral-50:#faf6ee;--white:#fff;--success-600:#1a8a55;--success-100:#e2f5eb;--warning-600:#b8791a;--warning-100:#fbf0de;--error-600:#c23b3b;--error-100:#fbe6e6;--color-primary:var(--indigo-700);--color-primary-hover:var(--indigo-800);--color-accent:var(--gold-500);--color-accent-hover:var(--gold-600);--text-heading:var(--indigo-900);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-on-dark:var(--white);--text-on-dark-muted:var(--indigo-200);--text-link:var(--gold-700);--text-link-hover:var(--gold-800);--surface-page:var(--white);--surface-alt:var(--neutral-50);--surface-card:var(--white);--surface-dark:var(--indigo-700);--surface-dark-deep:var(--indigo-900);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-on-dark:#ffffff2e;--focus-ring:var(--gold-500);--font-display:"Playfair Display", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;--fs-display:clamp(2.5rem, 4vw, 3.75rem);--fs-h1:clamp(2rem, 3vw, 2.75rem);--fs-h2:clamp(1.5rem, 2.2vw, 2rem);--fs-h3:1.5rem;--fs-h4:1.25rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-body-sm:.9375rem;--fs-caption:.8125rem;--fs-eyebrow:.8125rem;--lh-tight:1.1;--lh-heading:1.25;--lh-body:1.6;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--ls-eyebrow:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #14112b0f;--shadow-md:0 4px 16px #14112b14;--shadow-lg:0 12px 32px #14112b1f;--ease-standard:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-base:.2s;--container-max:1200px}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-body);background:var(--neutral-100);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-heading);font-weight:var(--fw-bold);line-height:var(--lh-heading);margin:0}a{color:var(--text-link);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--text-link-hover);text-decoration:underline}#root{min-height:100vh}button,input,select{font-family:var(--font-sans)}.card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-base) var(--ease-standard);background:#fff;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:2px solid var(--border-subtle);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}td{color:var(--text-body);border-bottom:1px solid var(--border-subtle);white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard);padding:12px 14px;font-size:13px}tr:hover td{background:var(--neutral-50)}td.num,th.num{font-family:var(--font-mono);text-align:right}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border-radius:8px;font-size:13px;font-weight:600;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, var(--indigo-600), var(--indigo-700));color:#fff;border:1px solid var(--indigo-800);padding:9px 18px;box-shadow:0 1px 3px #14112b2e,inset 0 1px #ffffff14}.btn-primary:hover{background:linear-gradient(135deg, var(--indigo-700), var(--indigo-800));transform:translateY(-1px);box-shadow:0 3px 8px #14112b38,inset 0 1px #ffffff14}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #14112b2e}.btn-secondary{color:var(--color-primary);border:1px solid var(--border-default);background:#fff;padding:9px 18px;box-shadow:0 1px 2px #0000000a}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--indigo-300);transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.btn-secondary:active{transform:translateY(0)}.btn-export{color:var(--text-body);border:1px solid var(--border-default);background:#fff;padding:6px 12px;font-size:12px;box-shadow:0 1px 2px #0000000a}.btn-export:hover{background:var(--neutral-50);border-color:var(--indigo-200);color:var(--color-primary)}.btn-action{color:var(--color-primary);border:1px solid var(--border-default);transition:all var(--duration-fast) var(--ease-standard);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.btn-action:hover{background:var(--indigo-100);border-color:var(--indigo-300)}.btn-action-danger{color:var(--error-600);border:1px solid var(--border-default);transition:all var(--duration-fast) var(--ease-standard);background:0 0;border-radius:6px;padding:5px 10px;font-size:12px}.btn-action-danger:hover{background:var(--error-100);border-color:var(--error-600)}.field-select,.field-input{border:1px solid var(--border-default);font-size:13px;font-family:var(--font-sans);color:var(--text-body);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);background:#fff;border-radius:8px;padding:9px 12px}.field-select:focus,.field-input:focus{border-color:var(--indigo-400);outline:none;box-shadow:0 0 0 3px #6b63ac26}.field-label{color:var(--text-heading);flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.field-label input,.field-label select{border:1px solid var(--border-default);font-size:14px;font-family:var(--font-sans);transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border-radius:8px;padding:10px 12px}.field-label input:focus,.field-label select:focus{border-color:var(--indigo-400);outline:none;box-shadow:0 0 0 3px #6b63ac26}.pagination-row{color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:6px;font-size:12px;display:flex}.pagination-row select{border:1px solid var(--border-default);border-radius:6px;padding:5px 8px;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);background:#fff;border-radius:14px;padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg, var(--indigo-500), var(--gold-400));border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-card .metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.metric-card .metric-value{font-size:26px;font-weight:800;font-family:var(--font-mono);color:var(--text-heading);letter-spacing:-.02em;margin-top:8px}.card-heading-row{justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-heading);font-size:15px;font-weight:700}.toolbar-row{align-items:flex-end;gap:10px;display:flex}.filters-row{flex-wrap:wrap;gap:10px;display:flex}.export-actions{gap:8px;display:flex}.row-actions{gap:6px;display:flex}.sidebar{background:linear-gradient(180deg, var(--indigo-900) 0%, #120f28 100%);border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:264px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border-on-dark);align-items:center;gap:11px;padding:22px 20px;text-decoration:none;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 10px;display:flex;overflow:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.nav-item{color:var(--text-on-dark);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0f;text-decoration:none}.nav-item.active{color:var(--gold-300);background:#ffffff1a;font-weight:600}.nav-item.active:before{content:"";background:var(--gold-400);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.nav-item-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-item.active .nav-item-icon{opacity:1}.nav-sub-item{color:#ffffffa6;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 12px 9px 40px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-sub-item:hover{color:#ffffffe6;background:#ffffff0f;text-decoration:none}.nav-sub-item.active{color:var(--gold-300);background:#ffffff1a;font-weight:600}.nav-section-btn{color:#ffffff59;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;width:100%;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:10.5px;font-weight:700;display:flex}.nav-section-btn:hover{color:#ffffff8c}.nav-section-chevron{transition:transform var(--duration-fast) var(--ease-standard);font-size:10px}.nav-section-chevron.open{transform:rotate(90deg)}.phone-shell{background:var(--surface-alt);max-width:430px;min-height:100vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex}@media (width<=480px){.phone-shell{box-shadow:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-standard)}.animate-slide-up{animation:slideUp .3s var(--ease-standard)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible){outline:none}::selection{background:var(--indigo-200);color:var(--indigo-900)}