:root{font-family:system-ui,-apple-system,sans-serif;color:#1b1830;background:#f6f5fa;--purple:#5533bf;--line:#e7e3ef;--muted:#645e76}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{border:1px solid var(--line);background:white;border-radius:9px;padding:.62rem .85rem;color:inherit}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8e6fff;outline-offset:2px}.rail{background:#201735;color:#fff;padding:26px 17px;display:flex;flex-direction:column;gap:26px}.brand{display:flex;gap:10px;align-items:center;font-weight:850;letter-spacing:.06em}.brand span{background:#c9ff73;color:#241a38;border-radius:10px;padding:9px 8px;font-size:19px;letter-spacing:-.09em}.brand small,.rail-foot small{display:block;color:#c4b8dc;font-size:10px;letter-spacing:.12em}.edition{font-size:10px;letter-spacing:.12em;color:#d1c5e4;border:1px solid #4c3c63;border-radius:10px;padding:12px}.edition strong{display:block;color:white;font-size:15px;letter-spacing:0;margin-top:4px}nav{display:grid;gap:5px}nav button{background:transparent;border:0;color:#ded6ed;text-align:left}nav button[aria-current=true]{background:#453262;color:white;font-weight:700}.rail-foot{margin-top:auto;font-size:11px;color:#ddd3ef;letter-spacing:.12em}main{width:100%;max-width:1360px;margin:auto;padding:24px clamp(18px,4vw,55px);align-self:start}header,.hero,.panel-head,.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--purple)}.role{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}.role select,input,textarea,form select{border:1px solid var(--line);border-radius:8px;padding:9px;color:#1b1830;background:white}.demo{margin:20px 0;color:#554776;background:#eee9fa;border-radius:8px;padding:10px 13px;font-size:13px}.hero{padding:10px 0 20px}h1{font-size:clamp(30px,4vw,48px);margin:6px 0;letter-spacing:-.06em}p{margin:4px 0;color:var(--muted)}h2{margin:0;font-size:21px;letter-spacing:-.025em}.primary{background:var(--purple);color:white;border-color:transparent;font-weight:700}.stats,.hierarchy{display:grid;gap:12px;margin-bottom:15px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.hierarchy{grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}.metric,.responsible,.panel{background:#fff;border:1px solid var(--line);border-radius:14px}.metric,.responsible{padding:14px}.metric strong{display:block;font-size:27px;letter-spacing:-.05em}.metric span,.responsible span{font-size:12px;color:var(--muted)}.responsible strong{display:block;font-size:14px;margin-top:4px}.panel-head,.filters{padding:14px 16px}.filters{display:flex;gap:7px;flex-wrap:wrap;padding-top:0}.filters button{font-size:12px}.filters button[aria-pressed=true]{color:#4927a8;background:#efe9ff;border-color:#e3d7ff;font-weight:700}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:610px;text-align:left;font-size:13px}th,td{padding:11px 15px;border-top:1px solid var(--line);vertical-align:middle}th{background:#faf9fd;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}td small{display:block;color:var(--muted);margin-top:4px}.badge{display:inline-block;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:700;background:#eee9fa;color:#4e337b}.badge.confirmed{background:#e3f5e7;color:#245934}.badge.pending{background:#fff0cd;color:#79510b}.badge.returned{background:#ffebec;color:#882e42}dialog{width:min(470px,calc(100% - 30px));border:1px solid var(--line);border-radius:16px;padding:22px;color:inherit}dialog::backdrop{background:#1b122991}form label{display:grid;gap:5px;margin:12px 0;font-weight:650;font-size:13px}#error{color:#9a1b33}.modal-actions{justify-content:flex-end;margin-top:16px}.sr-only{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}[hidden]{display:none!important}@media(max-width:750px){body{display:block}.rail{padding:12px 16px;gap:10px}.edition,.rail-foot{display:none}nav{display:flex;overflow:auto;gap:3px}nav button{white-space:nowrap}main{padding:15px}.hero{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head{align-items:flex-start;flex-direction:column}.search,.search input{width:100%}header{flex-wrap:wrap}}

#access{grid-column:1/-1;align-self:center}
.login{max-width:470px;margin:auto;padding:clamp(18px,5vw,36px)}
.login h1{font-size:clamp(28px,5vw,42px)}
.login button{margin-top:10px}
button:disabled{opacity:.55;cursor:wait}
