:root{--color-bg:#f5f6f8;--color-surface:#fff;--color-border:#d7dbe0;--color-text:#1c2126;--color-text-muted:#5b6470;--color-primary:#1f5fa8;--color-primary-text:#fff;--color-danger:#b3261e;--color-danger-bg:#fdecea;--color-success:#1e7a34;--sidebar-width:220px;--radius:6px;--gap:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--color-text);background:var(--color-bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--color-primary)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"sidebar header""sidebar main";min-height:100vh;display:grid}.app-header{padding:0 var(--gap);background:var(--color-surface);border-bottom:1px solid var(--color-border);grid-area:header;justify-content:space-between;align-items:center;height:56px;display:flex}.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--gap);grid-area:sidebar}.app-sidebar nav{flex-direction:column;gap:4px;display:flex}.app-sidebar a{border-radius:var(--radius);color:var(--color-text);padding:8px 10px;text-decoration:none;display:block}.app-sidebar a.active,.app-sidebar a:hover{background:var(--color-bg)}.app-main{grid-area:main;max-width:1100px;padding:24px}.centered-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.form-grid{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.field input,.field select,.field textarea{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding:8px 10px}.field-error{color:var(--color-danger);font-size:.8rem}.checkbox-field{align-items:center;gap:6px;display:flex}.checkbox-field label{color:var(--color-text);font-weight:400}fieldset{border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--gap)}button{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:8px 14px}button.primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}button.danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger)}button:disabled{opacity:.6;cursor:not-allowed}.actions-row{flex-wrap:wrap;gap:8px;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:8px 10px;font-size:.9rem}th{color:var(--color-text-muted);font-weight:600}tr:hover td{background:var(--color-bg)}.alert{border-radius:var(--radius);margin-bottom:var(--gap);padding:10px 12px}.alert-error{background:var(--color-danger-bg);color:var(--color-danger)}.muted{color:var(--color-text-muted);font-size:.85rem}.section{margin-bottom:24px}.section h2{margin-bottom:8px}