:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f2ee;--surface:#fffdfa;--surface-strong:#fff;--ink:#17231e;--muted:#637167;--line:#d8ded2;--primary:#0d6b57;--primary-ink:#fff;--accent:#b96832;--danger:#9d3f35;--ok:#216b3d}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);letter-spacing:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.loading-screen,.login-screen{place-items:center;min-height:100vh;padding:20px;display:grid}.loading-screen{color:var(--muted);gap:10px}.login-panel{border:1px solid var(--line);background:var(--surface-strong);width:min(440px,100%);padding:24px}.app-shell{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);color:#f7fbf7;background:#19352e;flex-direction:column;gap:28px;min-height:100vh;padding:24px;display:flex}.brand-block{align-items:center;gap:12px;display:flex}.brand-mark{background:#ffffff1a;border:1px solid #ffffff3d;flex:none;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.login-panel .brand-mark{border-color:var(--line);color:#fff;background:#19352e}.brand-block h1,.topbar h2,.panel h3{letter-spacing:0;margin:0}.brand-block h1{font-size:18px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.sidebar .eyebrow{color:#f1b77f}.nav-list{gap:6px;display:grid}.nav-item{color:#dce8df;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.workspace{flex-direction:column;gap:20px;min-width:0;padding:24px;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.topbar h2{font-size:clamp(28px,4vw,42px);line-height:1.05}.user-box{color:var(--muted);align-items:center;gap:10px;display:flex}.user-box span{color:var(--ink);font-weight:700}.icon-button,.primary-button{border:1px solid var(--line);justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.icon-button{background:var(--surface-strong);width:42px;color:var(--ink)}.primary-button{background:var(--primary);color:var(--primary-ink);padding:0 14px}.primary-button:disabled{cursor:not-allowed;opacity:.65}.metric-grid,.content-grid,.crud-grid{gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric{border:1px solid var(--line);background:var(--surface-strong);align-content:space-between;min-height:112px;padding:16px;display:grid}.metric svg,.panel-header svg{color:var(--primary)}.metric span{color:var(--muted);font-size:14px}.metric strong{font-size:34px;line-height:1}.content-grid,.crud-grid{grid-template-columns:minmax(0,1fr) minmax(360px,1fr);align-items:start}.panel{border:1px solid var(--line);background:var(--surface);padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.stack-form,.grid-form{gap:12px;display:grid}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-form .primary-button,.stack-form .primary-button{width:max-content}label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}input,select{border:1px solid var(--line);background:var(--surface-strong);width:100%;min-height:40px;color:var(--ink);padding:8px 10px}input:focus,select:focus,button:focus-visible{outline:2px solid color-mix(in srgb, var(--primary), white 45%);outline-offset:2px}.data-list{gap:8px;display:grid}.data-row{border:1px solid var(--line);background:var(--surface-strong);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 12px;display:flex}.data-row span{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}th{color:var(--muted);text-transform:uppercase;font-size:12px}td{font-size:14px}.empty-state,.form-error,.notice{border:1px solid var(--line);background:var(--surface-strong);margin:0;padding:10px 12px;font-size:14px}.empty-state{color:var(--muted)}.form-error{border-color:color-mix(in srgb, var(--danger), white 60%);color:var(--danger)}.notice{border-color:color-mix(in srgb, var(--ok), white 60%);color:var(--ok)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.nav-list{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid,.content-grid,.crud-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.workspace,.sidebar,.login-panel{padding:16px}.topbar,.user-box{flex-direction:column;align-items:flex-start}.metric-grid,.content-grid,.crud-grid,.grid-form,.nav-list{grid-template-columns:1fr}}