:root{--bg:#eafaf8;--surface:#fff;--surface-muted:#e3f4f1;--deco:#c8f0ec;--deco-soft:#d6f5f1;--primary:#0e7c78;--ink:#0a3442;--ink-soft:#3c6470;--ink-faint:#5f8088;--done:#2ca6a4;--done-text:#1f6e6a;--warm:#ffc845;--warm-soft:#fff4d6;--warm-soft-text:#5c3d00;--disabled:#d3e9e7;--danger:#b42318;--danger-soft:#fdecea;--danger-border:#f1c4bf;--font-sans:"Alexandria", system-ui, sans-serif}*,:after,:before{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6,legend{font-weight:600}main{width:100%;max-width:420px;margin:0 auto;padding:24px 16px}form,main{gap:16px}fieldset,form,label,main{flex-direction:column;display:flex}label{gap:8px}input,select,textarea{border:1px solid var(--ink-faint);background:var(--surface);color:inherit}button,input,select,textarea{width:100%;font:inherit;border-radius:20px;padding:12px}button{background:var(--primary);color:var(--surface);border:0;font-weight:600}button.secondary{background:var(--surface);color:var(--primary)}button.danger{background:var(--surface);color:var(--danger)}button:disabled{opacity:.6}a{color:var(--done-text)}fieldset{background:var(--surface-muted);border:0;border-radius:20px;gap:12px;margin:0;padding:16px}legend{float:right;width:100%;margin-bottom:8px}label.check{flex-direction:row;align-items:center}label.check input{width:20px;height:20px;accent-color:var(--primary);margin:0;padding:0}.error,.field-error{color:var(--danger)}.field-error{font-size:12px}.staff-shell{--bg:#f3f6f7;--surface:#fff;--surface-2:#f7fafa;--border:#dbe5e6;--text:#0a3442;--text-2:#4a6670;--primary:#0e7c78;--on-primary:#fff;--primary-text:#0b6e6a;--primary-soft:#e2f4f1;--warm:#ffc845;--warm-bg:#fff4d6;--warm-text:#6b4a00;--danger:#b42318;--danger-text:#b42318;--danger-bg:#fdecea;--sidebar:#0a3442;--sidebar-text:#c6dde0;--sidebar-active:#134b5c;--accent:#2ca6a4;box-sizing:border-box;background:var(--bg);min-height:100dvh;color:var(--text);flex-wrap:wrap;font-family:inherit;font-size:13px;display:flex}.staff-shell[data-theme=dark]{--bg:#0b1a1f;--surface:#11252c;--surface-2:#0f2127;--border:#1f3a42;--text:#e6f1f2;--text-2:#a9c1c6;--primary:#2ca6a4;--on-primary:#04201f;--primary-text:#5fd0cc;--primary-soft:#123b38;--warm:#ffc845;--warm-bg:#3a2f10;--warm-text:#ffd873;--danger:#c0392b;--danger-text:#ff8a7a;--danger-bg:#3b1714;--sidebar:#06141a;--sidebar-text:#b8d0d4;--sidebar-active:#0e3a44;--accent:#2ca6a4}.staff-shell *,.staff-shell :after,.staff-shell :before{box-sizing:border-box}.staff-shell aside{background:var(--sidebar);min-width:260px;height:100dvh;color:var(--sidebar-text);flex-direction:column;flex:0 0 260px;gap:20px;padding:20px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.staff-shell .staff-logo{align-items:center;gap:10px;padding:0 6px;display:flex}.staff-shell .staff-logo-mark{flex:0 0 40px;width:40px;height:auto}.staff-shell .staff-logo-copy,.staff-shell nav{flex-direction:column;display:flex}.staff-shell .staff-logo-copy strong{color:#fff;font-size:14px;font-weight:600}.staff-shell .staff-footer small,.staff-shell .staff-logo-copy span{font-size:11px}.staff-shell nav{gap:2px}.staff-shell nav a{min-height:40px;color:var(--sidebar-text);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-size:13px;text-decoration:none;display:flex;position:relative}.staff-shell nav a[aria-current=page]{border-right:3px solid var(--accent);background:var(--sidebar-active);color:#fff;font-weight:600}.staff-shell nav svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.staff-shell .staff-badge{background:var(--warm);color:#0a3442;border-radius:6px;margin-right:auto;padding:1px 8px;font-size:11px;font-weight:700}.staff-shell .staff-footer{border-top:1px solid #c6dde033;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:10px;display:flex}.staff-shell .staff-avatar{background:var(--sidebar-active);color:#fff;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.staff-shell .staff-footer-label{color:#fff;white-space:nowrap;flex-direction:column;display:flex}.staff-shell .staff-logout{min-height:34px;color:var(--sidebar-text);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #c6dde059;border-radius:8px;padding:0 10px}.staff-shell main{flex-direction:column;flex:999 560px;gap:0;min-width:0;max-width:none;margin:0;padding:0;display:flex}.staff-shell header{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 24px;display:flex}.staff-shell h1{color:var(--text);margin:0;font-size:18px;font-weight:600}.staff-shell .staff-theme-toggle{border:1px solid var(--border);background:var(--surface-2);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:12px;display:inline-flex}.staff-shell .staff-theme-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.staff-shell .staff-content{width:100%;padding:20px 24px}.staff-shell .staff-empty,.staff-shell .staff-error{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:10px;padding:16px}.staff-shell .staff-error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger-text)}.staff-shell button{background:var(--primary);width:auto;min-height:40px;color:var(--on-primary);cursor:pointer;border:0;border-radius:8px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600}.staff-shell button:disabled{cursor:not-allowed}.staff-shell fieldset{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;margin:0;padding:12px;display:block}.staff-shell legend{float:none;width:auto;color:var(--text);margin:0 0 8px;padding:0;font-size:13px;font-weight:600}.staff-shell input[type=checkbox],.staff-shell input[type=radio]{width:16px;height:16px;accent-color:var(--primary);flex:none;margin:0;padding:0}.staff-shell .field-error{color:var(--danger-text)}.staff-shell a{color:var(--primary-text)}@media (width<=600px){.staff-shell{align-content:flex-start}.staff-shell aside{flex-basis:100%;min-width:0;height:auto;position:static;overflow-y:visible}.staff-shell main{flex-basis:100%}.staff-shell header{padding-inline:16px}.staff-shell .staff-content{padding:16px}}