:root{color-scheme:light;--background:#f6f7f9;--surface:#ffffff;--surface-muted:#eef3f1;--text:#17201c;--muted:#5d6862;--line:#d8dfdb;--accent:#0f8f6f;--accent-strong:#09664f;--danger:#b42318}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;cursor:pointer}.login-page{display:grid;min-height:100vh;place-items:center;padding:24px}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:24px;gap:24px;max-width:440px;padding:28px;width:100%}.brand-kicker{color:var(--accent-strong);font-size:13px;font-weight:700;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.page-title{font-size:28px;line-height:1.15;margin:0}.muted{color:var(--muted)}.form-stack{display:grid;grid-gap:14px;gap:14px}.field{display:grid;grid-gap:6px;gap:6px}.field span{color:var(--muted);font-size:14px}.field input,.field select,.filter-row select{background:#ffffff;border:1px solid var(--line);border-radius:6px;color:var(--text);min-height:42px;padding:9px 11px;width:100%}.danger-button,.primary-button,.secondary-button{align-items:center;border-radius:6px;display:inline-flex;font-weight:700;justify-content:center;min-height:42px;padding:9px 14px}.primary-button{background:var(--accent);color:#ffffff}.primary-button:disabled{background:#8abaae;cursor:wait}.secondary-button{background:var(--surface-muted);color:var(--text)}.danger-button{background:#fff1f0;color:var(--danger)}.danger-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55}.error-text{color:var(--danger);margin:0}.success-text{color:var(--accent-strong);margin:0}.field-error{color:var(--danger);font-size:13px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#17201c;color:#ffffff;display:flex;flex-direction:column;gap:24px;padding:22px}.sidebar-title{display:grid;grid-gap:4px;gap:4px}.sidebar-title strong{font-size:18px}.sidebar-title span{color:#c7d8d2;font-size:13px}.nav-list{display:grid;grid-gap:6px;gap:6px}.nav-link{border-radius:6px;color:#e9f2ef;padding:10px 12px}.nav-link:hover{background:#24342e}.shell-footer{margin-top:auto}.main-area{display:grid;grid-gap:22px;gap:22px;padding:28px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between}.content-section{display:grid;grid-gap:18px;gap:18px}.section-heading-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}.section-title{font-size:20px;line-height:1.2;margin:0}.form-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;display:grid;grid-gap:18px;gap:18px;padding:18px}.form-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.action-row,.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.metric-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-item,.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:8px}.metric-item{display:grid;grid-gap:8px;gap:8px;padding:18px}.metric-item span{color:var(--muted);font-size:14px}.metric-item strong{font-size:26px}.filter-row{align-items:end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;min-width:760px;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--line);padding:12px 14px;text-align:left;white-space:nowrap}.data-table th{color:var(--muted);font-size:13px;font-weight:700}.data-table .table-actions{min-width:260px}.empty-state,.loading-state{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}.pagination-summary{color:var(--muted);font-size:14px}.pagination-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.main-area{padding:20px}}