:root{--bg:#f6f7f9;--surface:#fff;--surface-soft:#eef3f7;--border:#d8dee7;--text:#18202f;--muted:#637083;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#b42318;--nav:#16202e;--nav-soft:#202d3d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);letter-spacing:0;margin:0;font-family:Arial,Hiragino Sans,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.6}.signin-shell{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#16202ee6,#16202eb8),url(https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:minmax(280px,1fr) 420px;align-items:center;gap:48px;min-height:100vh;padding:56px;display:grid}.signin-shell h1{margin:0;font-size:48px;line-height:1.05}.signin-panel{width:100%;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:18px;padding:24px;display:grid}.password-form,.ops-form{gap:12px;display:grid}.field{gap:6px;display:grid}.field label,.checkbox-row{color:var(--muted);font-size:13px}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:10px 12px}textarea{resize:vertical;min-height:88px}.primary-action,.secondary-action,.icon-text-button,.ops-form button,.inline-form button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.primary-action,.ops-form button,.inline-form button{background:var(--accent);color:#fff}.secondary-action,.icon-text-button{border:1px solid var(--border);color:var(--text);background:#fff}.form-error{color:var(--danger);margin:0}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--nav);color:#fff;height:100vh;padding:18px;position:sticky;top:0}.brand{align-items:center;gap:10px;margin-bottom:22px;font-weight:800;display:flex}.brand-mark{background:var(--accent);border-radius:8px;place-items:center;width:38px;height:38px;font-size:13px;display:grid}.nav-list{gap:4px;display:grid}.nav-list a{color:#dbe5ef;border-radius:6px;align-items:center;gap:10px;min-height:40px;padding:0 10px;display:flex}.nav-list a:hover{background:var(--nav-soft)}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 28px;display:flex}.topbar div{gap:2px;display:grid}.topbar span{color:var(--muted);font-size:12px}.workspace{gap:22px;padding:28px;display:grid}.page-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.page-header h1{margin:2px 0 0;font-size:28px}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:16px;padding:18px;display:grid}.panel h2{margin:0;font-size:18px}.metric-grid,.split-grid,.form-grid,.role-grid{gap:14px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid article,.role-grid article{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:8px;padding:16px;display:grid}.metric-grid span,.role-grid span{color:var(--muted);font-size:12px}.metric-grid strong{font-size:24px}.split-grid{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.form-grid,.role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-row{align-items:center;gap:8px;display:flex}.checkbox-row input{width:auto}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:11px 12px;font-size:14px}th{background:var(--surface-soft);color:var(--muted);font-size:12px;font-weight:800}td span{color:var(--muted);margin-top:2px;font-size:12px;display:block}tr:last-child td{border-bottom:0}.inline-form{align-items:center;gap:8px;display:flex}.inline-form select{min-width:120px}.inline-form button{min-height:34px}@media (max-width:920px){.signin-shell,.app-shell,.split-grid{grid-template-columns:1fr}.signin-shell{padding:28px}.signin-shell h1{font-size:34px}.sidebar{height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid,.form-grid,.role-grid{grid-template-columns:1fr}}