:root{--blue:#0065f2;--blue-dark:#0a3aa0;--blue-soft:#ebf2ff;--green:#077c39;--green-soft:#e2f4ea;--red:#c62828;--red-dark:#9b1c1c;--red-soft:#fce9e9;--amber:#a35703;--amber-soft:#fbf0dc;--ink:#0a1b3c;--muted:#5a6a8a;--bg:#f2f5fc;--card:#fff;--field:#edf2fa;--border:#dde6f3;--border-strong:#c4d2e7;--neutral-soft:#eef2f9;--radius:12px;--shadow:0 1px 2px #0a1b3c0f, 0 4px 16px #0a1b3c0f;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-secondary{background:var(--card);border-color:var(--border-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--field)}.btn-danger{background:var(--card);border-color:var(--red);color:var(--red)}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-sm{border-radius:8px;padding:6px 12px;font-size:13px}.field{margin-bottom:14px;display:block}.field-label{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-input,.field-select{border:1px solid var(--border-strong);background:var(--card);width:100%;font:inherit;color:var(--ink);border-radius:10px;padding:10px 12px}.field-input:focus,.field-select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #0065f21f}.field-hint{color:var(--muted);margin-top:6px;font-size:12px}.badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-blue{background:var(--blue-soft);color:var(--blue-dark)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-neutral{background:var(--neutral-soft);color:var(--muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--field);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafcff}.row-inactive td:not(.cell-actions){opacity:.55}.cell-actions{text-align:right;white-space:nowrap}.cell-actions .btn+.btn{margin-left:6px}.cell-title{font-weight:600}.cell-sub{color:var(--muted);font-size:13px}.app-header{background:var(--card);border-bottom:1px solid var(--border);z-index:10;position:sticky;top:0}.app-header-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:1140px;min-height:60px;margin:0 auto;padding:0 20px;display:flex}.brand{color:var(--blue);letter-spacing:-.02em;font-size:18px;font-weight:800}.nav{gap:4px;margin-inline-start:auto;display:flex}.nav-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 14px;font-weight:600}.nav-btn:hover{background:var(--field)}.nav-btn.active{background:var(--blue-soft);color:var(--blue-dark)}.app-main{max-width:1140px;margin:0 auto;padding:24px 20px 64px}.page-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-head h1{font-size:22px}.page-head-actions{flex-wrap:wrap;gap:8px;margin-inline-start:auto;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .field-input,.toolbar .field-select{width:auto;min-width:160px}.toolbar-search{flex:220px;min-width:180px!important}.state{text-align:center;color:var(--muted);padding:48px 20px}.banner{border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:14px}.banner-error{background:var(--red-soft);color:var(--red-dark);border:1px solid #f2c9c9}.banner-ok{background:var(--green-soft);color:var(--green);border:1px solid #bfe3ce}.pager{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:12px;padding:14px 16px;font-size:14px;display:flex}.pager-spacer{margin-inline-start:auto}.modal-backdrop{z-index:100;background:#0a1b3c73;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border-radius:14px;width:100%;max-width:440px;padding:24px;box-shadow:0 12px 40px #0a1b3c3d}.modal h2{margin-bottom:6px;font-size:18px}.modal-sub{color:var(--muted);margin:0 0 18px;font-size:13px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--card);box-shadow:var(--shadow);border-radius:16px;width:100%;max-width:380px;padding:32px}.login-brand{color:var(--blue);letter-spacing:-.02em;font-size:26px;font-weight:800}.login-sub{color:var(--muted);margin:4px 0 24px;font-size:14px}.login-card .btn{width:100%;margin-top:6px}@media (width<=640px){.app-header-inner{padding:10px 16px}.nav{order:3;width:100%;margin-inline-start:0}.app-main{padding:16px 12px 48px}th,td{padding:10px 12px}}