:root{--color-bg:#0c1017;--color-surface:#131a24;--color-surface-muted:#1a2230;--color-text:#e9edf6;--color-muted:#a7b1c2;--color-border:#293246;--color-primary:#d4af37;--color-primary-strong:#b9921c;--color-danger:#f87171;--color-success:#4ade80;--color-warning:#fbbf24;--font-sans:"Segoe UI","Calibri","Arial",sans-serif;--font-mono:"Cascadia Mono","Consolas",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-sm:0 1px 2px rgba(0,0,0,.35);--shadow-md:0 10px 30px rgba(0,0,0,.38);--shadow-lg:0 20px 50px rgba(0,0,0,.45);--sidebar-width:264px;--topbar-height:62px;--container-max:1440px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-sans);color:var(--color-text);background:radial-gradient(1200px 640px at -10% -20%,rgba(212,175,55,.14) 0,transparent 60%),radial-gradient(1000px 500px at 120% -10%,rgba(66,89,140,.22) 0,transparent 58%),var(--color-bg);line-height:1.35}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}.app-root,.app-shell{min-height:100vh}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr}.app-main{min-height:100vh;display:flex;flex-direction:column}.app-topbar{height:var(--topbar-height);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-5)}.app-content{width:min(100%,var(--container-max));margin:0 auto;padding:var(--space-5);animation:page-enter .19s ease-out}.app-content,.app-sidebar{display:flex;flex-direction:column;gap:var(--space-4)}.app-sidebar{border-right:1px solid var(--color-border);padding:var(--space-5) var(--space-4);background:color-mix(in srgb,var(--color-surface) 94%,transparent)}.sidebar-brand{font-size:20px;font-weight:700;letter-spacing:-.02em}.sidebar-note{color:var(--color-muted);font-size:13px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-link{padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-muted);font-size:14px;font-weight:600}.sidebar-link:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-muted))}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.page-title{font-size:clamp(22px,2.4vw,32px);letter-spacing:-.02em}.page-subtitle{color:var(--color-muted);margin-top:var(--space-1)}.action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.ui-card-title{font-size:18px;font-weight:700}.ui-card-subtitle{margin-top:var(--space-1);color:var(--color-muted);font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.kpi-value{margin-top:var(--space-2);font-size:clamp(24px,2.2vw,38px);font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-3);gap:var(--space-3)}.dense-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;background:var(--color-surface)}.ui-table{width:100%;min-width:980px;border-collapse:collapse;font-size:14px}.ui-table td,.ui-table th{border-bottom:1px solid var(--color-border);padding:10px 12px;vertical-align:middle;text-align:left}.ui-table th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);background:var(--color-surface-muted);position:-webkit-sticky;position:sticky;top:0;z-index:5}.ui-table tr:hover td{background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface-muted))}.filters-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-gap:var(--space-2);gap:var(--space-2);align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--color-muted);font-weight:600}.ui-input,.ui-select,.ui-textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);min-height:40px;padding:8px 10px;font-size:14px}.ui-textarea{min-height:100px;resize:vertical}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 70%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.ui-btn{border:none;border-radius:var(--radius-sm);min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer}.ui-btn-primary{background:linear-gradient(180deg,#e0bf52 0,var(--color-primary) 100%);color:#1a1510}.ui-btn-primary:hover{background:linear-gradient(180deg,#e6c861 0,var(--color-primary-strong) 100%)}.ui-btn-secondary{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text)}.ui-btn-danger{background:hsla(0,91%,71%,.12);color:var(--color-danger);border:1px solid hsla(0,91%,71%,.35)}.ui-badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--color-border);background:var(--color-surface-muted)}.ui-badge-success{color:var(--color-success);border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.14)}.ui-badge-danger{color:var(--color-danger);border-color:hsla(0,91%,71%,.35);background:hsla(0,91%,71%,.14)}.ui-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.muted,.ui-empty{color:var(--color-muted)}.row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.card,.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.btn{min-height:40px;padding:0 14px;border-radius:var(--radius-sm);border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#e0bf52 0,var(--color-primary) 100%);color:#1a1510;font-weight:700}.btn.secondary{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text)}.btn.danger{background:hsla(0,91%,71%,.12);border:1px solid hsla(0,91%,71%,.35);color:var(--color-danger)}.input,input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:40px;padding:8px 10px}.tableWrap{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.table{width:100%;min-width:980px;border-collapse:collapse}.table td,.table th{border-bottom:1px solid var(--color-border);padding:10px 12px}.table th{background:var(--color-surface-muted);position:-webkit-sticky;position:sticky;top:0}.badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--color-border);border-radius:999px;font-size:12px}@media (max-width:1080px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:30;border-right:0;border-bottom:1px solid var(--color-border)}.filters-grid{grid-template-columns:1fr 1fr}.grid-2,.kpi-grid{grid-template-columns:1fr}}@media (max-width:680px){.app-content{padding:var(--space-3)}.app-topbar{padding:0 var(--space-3)}.filters-grid{grid-template-columns:1fr}}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}