*{box-sizing:border-box}:root{--color-text:#2c2b2b;--color-text-muted:#8f8f8f;--color-background:#f5f7fb;--color-surface:#ffffff;--color-surface-muted:#f5f5f5;--color-surface-hover:#f8fafc;--color-border:#dddddd;--color-border-light:#eeeeee;--color-danger:#991b1b;--color-warning:#b45309;--color-info:#1d4ed8;--color-accent:#7c3aed;--color-overlay:rgba(15,23,42,0.45);--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-lg:0 20px 50px rgba(0,0,0,0.25)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-text:#e5e7eb;--color-text-muted:#94a3b8;--color-background:#0f1419;--color-surface:#1a2028;--color-surface-muted:#232b36;--color-surface-hover:#26303c;--color-border:#333d4a;--color-border-light:#2a323d;--color-danger:#f87171;--color-warning:#fbbf24;--color-info:#60a5fa;--color-accent:#a78bfa;--color-overlay:rgba(0,0,0,0.6);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-lg:0 20px 50px rgba(0,0,0,0.6)}}:root[data-theme=dark]{--color-text:#e5e7eb;--color-text-muted:#94a3b8;--color-background:#0f1419;--color-surface:#1a2028;--color-surface-muted:#232b36;--color-surface-hover:#26303c;--color-border:#333d4a;--color-border-light:#2a323d;--color-danger:#f87171;--color-warning:#fbbf24;--color-info:#60a5fa;--color-accent:#a78bfa;--color-overlay:rgba(0,0,0,0.6);--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-lg:0 20px 50px rgba(0,0,0,0.6)}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}h1{margin-bottom:8px;font-size:20px;font-weight:600}h2{margin-top:30px}.search-input{transition:border-color .15s ease,box-shadow .15s ease}.search-input:focus{outline:none;border-color:#018253!important;box-shadow:0 0 0 3px rgba(1,130,83,.12)}.combobox-option:hover{background:#f0fdf7}a{color:#018253}a:hover{color:#01412A}button,input,select,textarea{font-family:inherit}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#018253!important;box-shadow:0 0 0 3px rgba(1,130,83,.15)}button{transition:filter .15s ease,opacity .15s ease,transform .05s ease}button:not(:disabled):hover{filter:brightness(.94)}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed}table tbody tr:hover{background:var(--color-surface-hover)}.inv-table-scroll{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.inv-table-scroll::-webkit-scrollbar{height:6px}.inv-table-scroll::-webkit-scrollbar-track{background:transparent}.inv-table-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.inv-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar-nav a{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 14px;color:#ffffff;text-decoration:none;border-radius:7px;font-size:14px;font-weight:600;transition:background .15s ease}.sidebar-nav a:hover{background:rgba(255,255,255,.12);color:#ffffff}.sidebar-nav a.active,.sidebar-nav a.active:hover{background:#018253}.app-backdrop,.app-topbar{display:none}@media (max-width:900px){.app-shell{flex-direction:column}.app-topbar{display:flex;align-items:center;gap:10px;background:#01412A;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:30}.app-backdrop.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:40}.app-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;z-index:50!important;width:82vw!important;max-width:300px!important;transform:translateX(-100%);transition:transform .25s ease}.app-sidebar.open{transform:translateX(0)}.app-sidebar-close{display:flex!important}.app-main{padding:14px!important}h1{margin-bottom:4px!important}h2{font-size:17px!important;margin-top:18px!important}form{padding:14px!important}form label{margin-bottom:4px}form input,form select,form textarea{margin-top:4px!important;margin-bottom:10px!important;padding:8px!important}table td,table th{padding:8px!important;font-size:13px!important}.item-row{padding:8px!important;margin-top:6px!important;margin-bottom:6px!important}}.ops-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:20px;gap:20px;align-items:start}@media (max-width:900px){.ops-grid{grid-template-columns:1fr}}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;top:20px;right:20px;z-index:200;display:flex;align-items:center;gap:12px;background:var(--color-surface);color:var(--color-text);border-radius:8px;box-shadow:var(--shadow-lg);padding:14px 16px;max-width:380px;animation:toast-in .2s ease}@media (max-width:900px){.toast{top:12px;right:12px;left:12px;max-width:none}}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes panel-slide-in{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}.docked-panel{animation:panel-slide-in .22s ease}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-backdrop{animation:modal-backdrop-in .15s ease}.modal-card{animation:modal-card-in .18s ease}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-shimmer{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-surface-hover) 37%,var(--color-surface-muted) 63%);background-size:400px 100%;animation:skeleton-shimmer 1.4s ease infinite}@media (prefers-reduced-motion:reduce){.docked-panel,.modal-backdrop,.modal-card,.skeleton-shimmer{animation:none!important}}