@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono","Fira Code",monospace;--bg:#f7f6f3;--surface:#fff;--surface-2:#f0ede8;--border:#e2ded8;--border-2:#ccc8c0;--text-1:#1a1917;--text-2:#5a574f;--text-3:#9a9790;--accent:#1a1917;--accent-fg:#fff;--green:#1a7a4a;--green-bg:#edf7f1;--amber:#92500a;--amber-bg:#fef3e2;--red:#9b1c1c;--red-bg:#fef2f2;--blue:#1e40af;--blue-bg:#eff6ff;--purple:#5b21b6;--purple-bg:#f5f3ff;--teal:#0f766e;--teal-bg:#f0fdfa;--coral:#9f3a1a;--coral-bg:#fff1ed;--radius-sm:4px;--radius-md:7px;--radius-lg:11px;--shadow-sm:0 1px 2px rgba(0,0,0,.06);--shadow-md:0 2px 8px rgba(0,0,0,.08)}html{font-size:14px}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}h1{font-size:1.35rem;letter-spacing:-.02em}h1,h2{font-weight:500}h2{font-size:1.1rem;letter-spacing:-.01em}h3{font-size:.95rem;font-weight:500}.btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:32px;font-family:var(--font-sans);font-size:13px;font-weight:400;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-1);cursor:pointer;white-space:nowrap;transition:background .1s,border-color .1s}.btn:hover{background:var(--surface-2);border-color:var(--border-2)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{opacity:.88;background:var(--accent)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--surface-2);border-color:var(--border)}.btn-sm{height:26px;padding:0 9px;font-size:12px}.btn-danger{color:var(--red);border-color:#fca5a5}.btn-danger:hover{background:var(--red-bg)}input[type=date],input[type=email],input[type=search],input[type=text],select,textarea{font-family:var(--font-sans);font-size:13px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-1);padding:0 10px;height:32px;transition:border-color .15s,box-shadow .15s;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-2);box-shadow:0 0 0 3px rgba(0,0,0,.06)}select{padding-right:28px;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239a9790' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.sys-sel,select{cursor:pointer;-moz-appearance:none;appearance:none}.sys-sel{font-family:var(--font-mono);font-size:11px;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-2);min-width:0;width:auto;text-align:center;text-align-last:center;-webkit-appearance:none;background-image:none}.data-table td.sys-td{text-align:center;padding:4px 6px}.sys-sel.filled{background:var(--green-bg);color:var(--green);border-color:#a7f3d0}.sys-sel.empty{color:var(--text-3)}.badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:11px;font-weight:500;font-family:var(--font-mono);letter-spacing:.02em}.badge-role{background:var(--surface-2);color:var(--text-2);border:1px solid var(--border)}.badge-tl{background:var(--amber-bg);color:var(--amber)}.badge-perm{background:var(--blue-bg);color:var(--blue)}.badge-contract{background:var(--red-bg);color:var(--red)}.badge-uk{background:var(--purple-bg);color:var(--purple)}.badge-admin{background:var(--accent);color:var(--accent-fg)}.badge-user{background:var(--surface-2);color:var(--text-2)}.badge-user,.card{border:1px solid var(--border)}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:var(--bg);padding:6px 10px;font-size:11px;font-weight:500;color:var(--text-3);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);letter-spacing:.03em;text-transform:uppercase;position:-webkit-sticky;position:sticky;top:0;z-index:2}.data-table th.sys-th{white-space:normal;text-align:center;line-height:1.3;vertical-align:bottom;padding-bottom:6px}.data-table th.group{background:var(--surface-2);color:var(--text-2);text-transform:none;font-size:11px;letter-spacing:0;text-align:center}.data-table td,.data-table th.group{border-bottom:1px solid var(--border)}.data-table td{padding:5px 10px;vertical-align:middle;white-space:nowrap}.data-table tr:hover td{background:#faf9f7}.data-table tr:last-child td{border-bottom:none}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.stat-val{font-size:1.6rem;font-weight:300;line-height:1;letter-spacing:-.03em}.stat-lbl{font-size:11px;color:var(--text-3);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.cl-item{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--border)}.cl-item:last-child{border-bottom:none}.cl-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:5px}.cl-dot-blue{background:var(--blue)}.cl-dot-amber{background:var(--amber)}.cl-dot-red{background:var(--red)}.cl-meta{font-size:11px;color:var(--text-3);margin-top:3px;font-family:var(--font-mono)}.cl-val-old{color:var(--red)}.cl-val-new,.cl-val-old{font-family:var(--font-mono);font-size:12px}.cl-val-new{color:var(--green)}.mono{font-family:var(--font-mono)}.text-2{color:var(--text-2)}.text-3{color:var(--text-3)}.text-green{color:var(--green)}.text-amber{color:var(--amber)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.flag-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:20px;font-size:11px;background:var(--amber-bg);color:var(--amber)}.toolbar{gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.toolbar,.toolbar-right{display:flex;align-items:center}.toolbar-right{margin-left:auto;gap:6px}.section-label{font-size:10px;font-weight:500;color:var(--text-3);letter-spacing:.07em;text-transform:uppercase;padding:10px 16px 4px}@media (max-width:767px){.col-level{display:none}.matrix-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.matrix-scroll table td,.matrix-scroll table th{position:static!important;z-index:auto!important;box-shadow:none!important}.toolbar{flex-wrap:wrap}.toolbar-right{margin-left:0;width:100%;flex-wrap:wrap}}.group-amber{border-top:2px solid #f59e0b}.group-purple{border-top:2px solid #8b5cf6}.group-teal{border-top:2px solid #14b8a6}.group-coral{border-top:2px solid #fb7185}.group-blue{border-top:2px solid #3b82f6}.group-green{border-top:2px solid #22c55e}.group-gray{border-top:2px solid #9ca3af}