:root{--bg:#f6f4f0;--surface:#fffdf9;--side-bg:#f0f3f2;--line:#dce3e1;--text:#24333d;--muted:#68757c;--primary:#1c6673;--accent:#2e8b75;--input-bg:#fff;--callout-bg:#eef7f5;--callout-border:#d3ebe5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#131c21;--surface:#1b262d;--side-bg:#162026;--line:#293841;--text:#e7eff2;--muted:#8ea1ab;--primary:#2c8594;--accent:#3fae95;--input-bg:#1b262d;--callout-bg:#1a2c2b;--callout-border:#274844;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,Cairo,system-ui,sans-serif}.staff{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.side{background:var(--side-bg);border-inline-end:1px solid var(--line);flex-direction:column;padding:24px;display:flex}.brand{letter-spacing:.08em;margin-bottom:28px;font-weight:800}.nav{gap:8px;display:grid}.nav a{color:var(--text);border-radius:10px;padding:11px 12px;text-decoration:none}.nav a:hover{background:color-mix(in srgb, var(--primary) 10%, transparent)}.main{min-width:0}.top{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex}.content{max-width:1200px;padding:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 7px 24px #1e323c0d}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.wide{grid-column:1/-1}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 14px}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.listrow{border-bottom:1px solid var(--line);text-align:start;grid-template-columns:2fr 1fr 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.muted{color:var(--muted)}.callout{background:var(--callout-bg);border:1px solid var(--callout-border);border-radius:12px;margin-top:18px;padding:14px}.input,.select,.textarea{border:1px solid var(--line);background:var(--input-bg);width:100%;color:var(--text);font:inherit;border-radius:9px;padding:10px 12px}@media (max-width:900px){.staff{grid-template-columns:1fr}.side{display:none}.content{padding:18px}.grid,.listrow{grid-template-columns:1fr}}.staff-loading{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;font-family:Inter,system-ui,sans-serif;display:grid}