:root{--c-primary:#6366f1;--c-primary-hover:#4f46e5;--c-primary-light:#eef2ff;--c-success:#10b981;--c-success-light:#d1fae5;--c-warning:#f59e0b;--c-warning-light:#fef3c7;--c-danger:#ef4444;--c-danger-light:#fee2e2;--c-info:#3b82f6;--c-info-light:#dbeafe;--c-text:#0f172a;--c-text-secondary:#64748b;--c-text-muted:#94a3b8;--c-text-inverse:#fff;--c-bg:#f8fafc;--c-bg-secondary:#f1f5f9;--c-card:#fff;--c-border:#e2e8f0;--c-border-light:#f1f5f9;--c-shadow-sm:0 1px 2px rgba(0,0,0,.05);--c-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--c-shadow-md:0 4px 6px rgba(0,0,0,.07);--c-shadow-lg:0 10px 15px rgba(0,0,0,.1);--c-radius-sm:6px;--c-radius:8px;--c-radius-md:12px;--c-radius-lg:16px;--primary:var(--c-primary);--primary-hover:var(--c-primary-hover);--success:var(--c-success);--warning:var(--c-warning);--danger:var(--c-danger);--text-primary:var(--c-text);--text-secondary:var(--c-text-secondary);--border:var(--c-border);--bg-page:var(--c-bg);--bg-card:var(--c-card);--bg-hover:var(--c-primary-light);--radius:var(--c-radius);--shadow-card:var(--c-shadow);--radius-card:var(--c-radius);--radius-btn:var(--c-radius-sm);--sidebar-w:220px;--c-sidebar:#1e293b;--c-sidebar-active:rgba(99,102,241,.25);--c-sidebar-hover:hsla(0,0%,100%,.08);--topbar-h:56px;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--c-bg);color:var(--c-text)}*{box-sizing:border-box}body{margin:0;background:var(--bg-page);color:var(--text-primary)}a{color:inherit;text-decoration:none}.shell{min-height:100vh}.topbar{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);background:var(--bg-card);padding:12px 20px}.brand{font-size:18px;font-weight:700}.nav{display:flex;gap:8px}.nav-link{padding:6px 10px;border-radius:6px;color:var(--text-primary)}.nav-link.active{background:var(--bg-hover);color:var(--primary)}.whoami{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12px}.content{padding:20px}.page{display:flex;flex-direction:column;gap:16px;background:var(--bg-page);padding:20px 24px}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-card);border:1px solid var(--border)}.page-header{justify-content:space-between;gap:12px}.page-actions,.page-header{display:flex;align-items:center}.page-actions{gap:10px}.linkish{background:transparent;border:none;padding:0;color:var(--text-primary);text-decoration:underline;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(15,23,42,.4);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:50}.modal-card{width:min(720px,100%);background:var(--bg-card);border-radius:10px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.35)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:12px}.form-grid label{display:flex;flex-direction:column;gap:6px}.form-grid textarea{resize:vertical}.form-grid label:last-child{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;margin-top:12px}.tabs{display:flex;gap:8px}.tab,button,input{font:inherit}.tab{border:1px solid var(--border);padding:6px 10px;border-radius:6px 6px 0 0;cursor:pointer;color:var(--text-secondary)}.tab,.tab.active{background:var(--bg-card)}.tab.active{color:var(--primary);border-bottom:2px solid var(--primary)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);-webkit-overflow-scrolling:touch}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th{background:#f7f8fa;font-weight:600;color:var(--text-secondary);line-height:44px;padding:0 12px}.table-wrap td,.table-wrap th{font-size:13px;text-align:left;white-space:nowrap}.table-wrap td{color:var(--text-primary);padding:10px 12px;border-bottom:1px solid var(--border)}.table-wrap tbody tr:hover td{background:var(--bg-hover)}.table-wrap tbody tr:last-child td{border-bottom:none}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap}th{background:#f7f8fa;font-weight:600}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:100%;max-width:420px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);padding:20px}.auth-form{gap:12px}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:6px}input{border:1px solid var(--border);border-radius:6px;padding:8px 10px}button{border:1px solid var(--primary);border-radius:6px;background:var(--primary);color:#fff;padding:8px 12px;cursor:pointer}button:hover{background:var(--primary-hover);border-color:var(--primary-hover)}button:disabled{opacity:.7;cursor:not-allowed}[role=button]:focus-visible,[role=link]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.secondary-btn{border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-primary);padding:4px 8px}.secondary-btn:hover{background:var(--bg-hover)}.button-link{display:inline-block;border:1px solid var(--primary);border-radius:6px;background:var(--primary);color:#fff;padding:8px 12px;width:-moz-fit-content;width:fit-content}.button-link:hover{background:var(--primary-hover)}.button-link.secondary{border-color:var(--border);background:transparent;color:var(--text-primary)}.auth-links{margin:0;font-size:14px;color:var(--text-secondary)}.auth-links a{text-decoration:underline}.muted{color:var(--text-secondary)}.error{color:var(--danger)}.sticky-first-col td:first-child,.sticky-first-col th:first-child{position:sticky;left:0;background:var(--bg-card);z-index:1;box-shadow:1px 0 0 var(--c-border)}.sticky-first-col thead th:first-child{background:#f7f8fa;z-index:2}body,html{overflow-x:hidden;max-width:100vw}.content,.page,main{max-width:100%;overflow-x:hidden}table{min-width:0}@media (max-width:768px){:root{--sidebar-w:0px;--topbar-h:50px}body{overflow-x:hidden!important}input,select,textarea{font-size:16px!important;min-height:44px}input.input-sm,select.input-sm{min-height:36px;font-size:14px!important}.button-link,[role=button],button{min-height:44px}.button-link.btn-sm,button.btn-sm{min-height:32px}.content,.page{padding:12px 16px}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.stat-card{padding:14px 16px!important;min-width:unset!important}.stat-card .stat-value{font-size:1.4rem!important}[style*="repeat(3, 1fr)"], [style*="repeat(3,1fr)"], [style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}[style*="repeat(6, 1fr)"]{grid-template-columns:repeat(3,1fr)!important}.form-grid,[style*="1fr 280px"],[style*="1fr 320px"],[style*="1fr 360px"],[style*="1fr 380px"],[style*="1fr 420px"]{grid-template-columns:1fr!important}.page-actions,.page-header{flex-wrap:wrap!important}.tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.card{padding:14px 16px!important}.modal{padding:0!important;align-items:flex-end!important}.modal-card{width:100%!important;max-width:100%!important;max-height:90vh!important;overflow-y:auto!important;border-radius:12px 12px 0 0!important}[style*="width: 360px"],[style*="width: 380px"],[style*="width: 420px"],[style*="width: 700px"]{width:min(100vw,95%)!important;max-width:95vw!important}.filters{flex-wrap:wrap!important;gap:8px!important}[style*='gridTemplateColumns: "2fr 1fr"']{grid-template-columns:1fr!important}.table-wrap,[data-table-wrap]{overflow-x:auto;-webkit-overflow-scrolling:touch}[data-mobile-hidden=true]{display:none!important}[data-token-banner]{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}}@media (max-width:480px){:root{--topbar-h:48px}.stat-grid,[style*="repeat(3, 1fr)"],[style*="repeat(3,1fr)"],[style*="repeat(4, 1fr)"]{grid-template-columns:1fr!important}[style*="repeat(6, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}.content,.page{padding:8px 12px}.card{padding:12px!important}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}.modal-card{border-radius:0!important;max-height:100vh!important;height:100vh}.page-header{flex-direction:column!important;align-items:stretch!important}}@media (min-width:769px) and (max-width:1024px){:root{--sidebar-w:60px}[style*="repeat(4, 1fr)"]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:740px){.page-header,.topbar,.whoami{align-items:flex-start}.page-header{flex-direction:column}}.btn-primary{background:var(--c-primary,#3b82f6);color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none;text-decoration:none;display:inline-block}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#fff;color:#374151;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid #e5e7eb;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#f9fafb}.btn-danger{background:#dc2626;color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;border:none}.btn-danger:hover{background:#b91c1c}.field-error{color:var(--c-danger);font-size:12px;margin-top:4px}.field-error[role=alert]{display:block}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--c-danger)!important;outline-color:var(--c-danger)}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:16px!important}[data-clickable],a[role=button],button{min-height:44px;min-width:44px}}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.kpi-grid{display:grid;grid-gap:16px;gap:16px}@media (max-width:1024px){.app-shell-sidebar{width:60px}.app-shell-sidebar.expanded{width:220px}.app-shell-main{margin-left:60px}.app-shell-main.sidebar-expanded{margin-left:220px}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.data-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.modal-card,.modal-content{max-width:90vw}}@media (max-width:640px){.app-shell-sidebar{transform:translateX(-100%);transition:transform .2s;z-index:1000;background:#fff}.app-shell-sidebar.mobile-open{transform:translateX(0)}.app-shell-main{margin-left:0!important;padding:12px!important}.kpi-grid{grid-template-columns:1fr!important}.stat-card{padding:12px!important}.data-table.mobile-stack thead{display:none}.data-table.mobile-stack tr{display:block;margin-bottom:12px;border:1px solid #ddd;border-radius:8px;padding:8px;background:var(--c-card)}.data-table.mobile-stack td{display:block;text-align:left;padding:4px 8px;border-bottom:none;white-space:normal}.data-table.mobile-stack td:before{content:attr(data-label) ": ";font-weight:600;color:var(--c-text-secondary);margin-right:6px}.data-table.mobile-stack td[data-label=""]:before{content:""}.modal-content{width:100vw;height:100vh;max-width:100vw;max-height:100vh;border-radius:0}.tabs{overflow-x:auto;white-space:nowrap}}:root{--erp-primary:#2563eb;--erp-primary-light:#eff6ff;--erp-primary-dark:#1d4ed8;--erp-success:#16a34a;--erp-success-light:#f0fdf4;--erp-warning:#d97706;--erp-warning-light:#fffbeb;--erp-danger:#dc2626;--erp-danger-light:#fef2f2;--erp-info:#0891b2;--erp-info-light:#ecfeff;--erp-bg:#fff;--erp-bg-subtle:#f8fafc;--erp-bg-muted:#f1f5f9;--erp-border:#e2e8f0;--erp-border-strong:#cbd5e1;--erp-text:#0f172a;--erp-text-secondary:#475569;--erp-text-muted:#94a3b8;--erp-text-placeholder:#cbd5e1;--erp-up:#16a34a;--erp-up-bg:#f0fdf4;--erp-down:#dc2626;--erp-down-bg:#fef2f2;--erp-flat:#94a3b8;--erp-space-xs:4px;--erp-space-sm:8px;--erp-space-md:12px;--erp-space-lg:16px;--erp-space-xl:24px;--erp-space-2xl:32px;--erp-radius-sm:6px;--erp-radius-md:8px;--erp-radius-lg:12px;--erp-radius-full:9999px;--erp-shadow-sm:0 1px 2px rgba(0,0,0,.05);--erp-shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--erp-shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.04);--erp-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC",sans-serif;--erp-font-mono:"SF Mono","Fira Code","Fira Mono",monospace;--erp-font-size-xs:12px;--erp-font-size-sm:13px;--erp-font-size-md:14px;--erp-font-size-lg:16px;--erp-font-size-xl:20px;--erp-font-size-2xl:24px;--erp-transition:150ms ease}