*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--color-background-primary: #ffffff;--color-background-secondary: #f8f8f7;--color-background-tertiary: #f0efed;--color-background-success: #ecf5e3;--color-background-danger: #fdf0f0;--color-background-warning: #fdf5e6;--color-background-info: #edf4fc;--color-background-purple: #f3f0ff;--color-text-primary: #111110;--color-text-secondary: #64635e;--color-text-tertiary: #9c9b95;--color-text-success: #2d7a0e;--color-text-danger: #c53030;--color-text-warning: #b45309;--color-text-info: #1d6fbe;--color-text-purple: #5b49c4;--color-border-tertiary: rgba(0,0,0,.07);--color-border-secondary: rgba(0,0,0,.13);--color-border-primary: rgba(0,0,0,.22);--color-border-success: rgba(45,122,14,.25);--color-border-danger: rgba(197,48,48,.25);--color-border-warning: rgba(180,83,9,.25);--color-border-info: rgba(29,111,190,.25);--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);--shadow-xl: 0 16px 48px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);--sidebar-width: 200px;--sidebar-collapsed: 56px;--header-height: 52px}@media (prefers-color-scheme: dark){:root{--color-background-primary: #1a1a19;--color-background-secondary: #222221;--color-background-tertiary: #2a2a28;--color-background-success: #142804;--color-background-danger: #3d1111;--color-background-warning: #352002;--color-background-info: #0a2440;--color-background-purple: #1e1640;--color-text-primary: #f0ece4;--color-text-secondary: #b0aea6;--color-text-tertiary: #7a7974;--color-text-success: #a8d574;--color-text-danger: #f49090;--color-text-warning: #f5be5a;--color-text-info: #8ec4f0;--color-text-purple: #b8a9f0;--color-border-tertiary: rgba(255,255,255,.07);--color-border-secondary: rgba(255,255,255,.12);--color-border-primary: rgba(255,255,255,.2);--color-border-success: rgba(168,213,116,.22);--color-border-danger: rgba(244,144,144,.22);--color-border-warning: rgba(245,190,90,.22);--color-border-info: rgba(142,196,240,.22);--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 2px 8px rgba(0,0,0,.25), 0 1px 2px rgba(0,0,0,.15);--shadow-lg: 0 8px 24px rgba(0,0,0,.3), 0 2px 6px rgba(0,0,0,.15);--shadow-xl: 0 16px 48px rgba(0,0,0,.35), 0 4px 12px rgba(0,0,0,.2)}}html,body,#root{height:100%;background:var(--color-background-tertiary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea{font-family:var(--font-sans);font-size:13px;color:var(--color-text-primary);background:var(--color-background-primary);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:7px 10px;outline:none;transition:border-color .15s,box-shadow .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-text-info);box-shadow:0 0 0 3px #1d6fbe1a}input::placeholder{color:var(--color-text-tertiary)}select{cursor:pointer}button{font-family:var(--font-sans);font-size:13px;color:var(--color-text-primary);background:transparent;border:1px solid var(--color-border-secondary);border-radius:var(--border-radius-md);padding:6px 14px;cursor:pointer;transition:background .12s,border-color .12s,transform .08s,box-shadow .12s}button:hover{background:var(--color-background-secondary);border-color:var(--color-border-primary)}button:active{transform:scale(.97)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}tbody tr{transition:background .1s}tbody tr:hover{background:var(--color-background-secondary)}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 14px;border-radius:var(--border-radius-md);font-size:13px;font-weight:400;color:var(--color-text-secondary);cursor:pointer;transition:background .12s,color .12s;border:none;width:100%;text-align:left;white-space:nowrap}.nav-item:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.nav-item.active{background:var(--color-background-info);color:var(--color-text-info);font-weight:500}.stat-card{background:var(--color-background-primary);border-radius:var(--border-radius-lg);padding:1rem 1.125rem;border:1px solid var(--color-border-tertiary);box-shadow:var(--shadow-sm);transition:box-shadow .15s,border-color .15s}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-secondary)}.panel{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.table-wrap{background:var(--color-background-primary);border:1px solid var(--color-border-tertiary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}thead tr{background:var(--color-background-secondary)}thead th{font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:11px!important}tfoot tr{background:var(--color-background-secondary)}.l-2{display:grid;grid-template-columns:var(--l-tpl, 1fr 1fr);gap:var(--l-gap, 1.25rem)}.l-kpi{display:grid;grid-template-columns:var(--l-tpl, repeat(var(--l-cols, 4), minmax(0, 1fr)));gap:var(--l-gap, 10px)}@media (max-width: 1023px){.l-2{grid-template-columns:1fr;gap:1rem}.l-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 639px){.l-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}.l-form{display:grid;grid-template-columns:var(--l-tpl, 1fr 1fr);gap:var(--l-gap, 0 1rem)}@media (max-width: 639px){.l-form{grid-template-columns:1fr}}.table-scroll{overflow-x:auto;background:linear-gradient(to right,var(--color-background-primary) 30%,transparent),linear-gradient(to left,var(--color-background-primary) 30%,transparent) 100% 0,linear-gradient(to right,rgba(0,0,0,.1),transparent 12px),linear-gradient(to left,rgba(0,0,0,.1),transparent 12px) 100% 0;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}@media (max-width: 1023px){.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;z-index:1;background:var(--color-background-primary)}.table-scroll thead th:first-child,.table-scroll tfoot td:first-child{background:var(--color-background-secondary)}}@media (hover: none) and (pointer: coarse){.table-scroll button,.row-actions button{min-height:36px;padding-inline:12px}.row-actions{display:flex;flex-wrap:wrap;gap:6px}}.app-shell{font-family:var(--font-sans);min-height:100vh;display:flex}.app-sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--color-background-primary);border-right:1px solid var(--color-border-tertiary);display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.app-main{flex:1;padding:1.5rem 2rem;min-width:0;max-width:1400px;box-sizing:border-box}.app-topbar,.app-backdrop{display:none}@media (max-width: 1023px){.app-shell{display:block}.app-topbar{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--color-background-primary);border-bottom:1px solid var(--color-border-tertiary);position:sticky;top:0;z-index:30}.app-sidebar{position:fixed;top:0;left:0;z-index:40;transform:translate(-100%);transition:transform .16s ease;box-shadow:var(--shadow-lg, 0 8px 32px rgba(0, 0, 0, .25))}.app-sidebar.is-open{transform:translate(0)}.app-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073;border:0;padding:0}.app-main{padding:1rem;max-width:none}}@media (prefers-reduced-motion: reduce){.app-sidebar{transition:none}}