:root{--ink: #0b0b0b;--paper: #f7f5f0;--card: #ffffff;--line: #dcd8cf;--orange: #ff5b02;--orange-dim: #c94a05;--mut: #57544d;--ok: #1d9e75;--bad: #e24b4a;--mono: "IBM Plex Mono", monospace;--sans: "IBM Plex Sans", sans-serif;--disp: "Archivo", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}#root{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;background:#f7f5f0f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar-in{max-width:1080px;margin:0 auto;padding:0 20px;height:58px;display:flex;align-items:center;gap:26px}.logo{color:var(--ink);display:flex;align-items:center;gap:10px}.login-logo{margin-bottom:4px}.login-logo span{font-family:var(--disp);font-weight:900;font-size:24px;letter-spacing:-.01em}.tabs{display:flex;gap:4px;flex:1}.tabs button{font-family:var(--mono);font-size:12px;letter-spacing:.05em;padding:7px 13px;border:1px solid transparent;background:none;cursor:pointer;color:var(--mut)}.tabs button.active{border-color:var(--ink);background:var(--ink);color:#fff}.whoami{font-family:var(--mono);font-size:11.5px;color:var(--mut);display:flex;gap:12px;align-items:center}.whoami button{font-family:var(--mono);font-size:11px;border:1px solid var(--line);background:none;padding:4px 10px;cursor:pointer}.wrap{max-width:1080px;margin:0 auto;padding:34px 20px 80px}.pagehead{margin-bottom:26px}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange-dim)}h1{font-family:var(--disp);font-weight:900;font-size:30px;letter-spacing:-.01em;margin-top:4px}.sub{color:var(--mut);font-size:14px;max-width:60ch}.card{background:var(--card);border:1px solid var(--line);padding:22px;margin-bottom:18px}.card h3{font-family:var(--disp);font-size:16px;font-weight:700;margin-bottom:12px}.field{margin-bottom:14px}.field label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}.field input,.field select{width:100%;padding:9px 11px;border:1px solid var(--line);background:#fff;font-family:var(--sans);font-size:14px}.field input:focus,.field select:focus{outline:2px solid var(--orange);outline-offset:-1px}.hint{font-size:12px;color:var(--mut);margin-top:4px}.btn{display:inline-block;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;padding:10px 18px;border:1.5px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.btn:hover{background:var(--orange);border-color:var(--orange)}.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:#fff}.btn.danger{border-color:var(--bad);background:transparent;color:var(--bad)}.btn.danger:hover{background:var(--bad);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.error{border-left:3px solid var(--bad);background:#fdf3f3;padding:10px 14px;font-size:13.5px;margin-bottom:14px}.notice{border-left:3px solid var(--orange);background:var(--card);padding:10px 14px;font-size:13.5px;margin-bottom:14px}.login-box{max-width:400px;margin:12vh auto 0}.login-box .logo{font-size:30px;margin-bottom:4px}.login-box .sub{margin-bottom:26px}.mrow{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px dashed var(--line)}.mrow:last-child{border-bottom:none}.mid{font-family:var(--mono);font-size:11px;color:var(--mut);word-break:break-all}.scopes{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0}.scope-chip{font-family:var(--mono);font-size:11px;padding:2px 9px;border:1px solid var(--ink);background:var(--card)}.kv{font-size:13px;color:var(--mut)}.kv b{color:var(--ink)}.st{display:inline-block;padding:1px 9px;font-family:var(--mono);font-size:10.5px;letter-spacing:.06em}.st.valid,.st.active{background:#e1f5ee;color:#085041}.st.revoked{background:#fcebeb;color:#791f1f}.st.disputed{background:#faeeda;color:#633806}.st.settled{background:#eeedfe;color:#3c3489}table.tape{width:100%;border-collapse:collapse;font-size:13.5px}table.tape th{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}table.tape td{padding:10px;border-bottom:1px dashed var(--line);vertical-align:top}table.tape a{color:var(--orange-dim);font-family:var(--mono);font-size:12px}.empty{color:var(--mut);font-family:var(--mono);font-size:12.5px;border:1px dashed var(--line);padding:26px;text-align:center}.inline-ceiling{display:flex;align-items:center;gap:10px;margin-top:8px}.inline-ceiling input[type=number]{width:110px;padding:6px 9px;border:1px solid var(--line);font-family:var(--mono);font-size:13px}.inline-ceiling button{font-family:var(--mono);font-size:11px;padding:6px 12px;border:1px solid var(--ink);background:none;cursor:pointer}.inline-ceiling button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.st.hold{background:#faeeda;color:#633806}.inline-ceiling button.approve{border-color:var(--ok);color:var(--ok)}.inline-ceiling button.approve:hover{background:var(--ok);border-color:var(--ok);color:#fff}.st.blocked{background:#fcebeb;color:#791f1f}.scope-chip.toggle{cursor:pointer;font-family:var(--mono)}.scope-chip.toggle.off{border-style:dashed;border-color:#b5b1a7;color:#8a867d;background:transparent;text-decoration:line-through}.scope-chip.toggle.on{border-color:var(--orange);color:var(--orange-dim)}.st.rejected{background:#fcebeb;color:#791f1f}
