:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#162033;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f6f8fb}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-.035em;margin-bottom:10px}h2{font-size:26px;letter-spacing:-.03em;margin-bottom:6px}h3{font-size:18px;margin:10px 0}.muted{color:#667085}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:800;color:#637083;margin-bottom:5px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 15%,#e6edf8,transparent 35%),radial-gradient(circle at 85% 80%,#e9edf5,transparent 35%),#f8fafc}.login-card{width:min(470px,100%);background:#fff;border:1px solid #dfe5ee;border-radius:18px;padding:34px;box-shadow:0 18px 55px #0f172a17}.login-mark{width:48px;height:48px;display:grid;place-items:center;background:#172033;color:#fff;border-radius:13px;margin-bottom:22px}.login-form{display:grid;gap:16px;margin-top:26px}.login-form label,.form-grid label{display:grid;gap:7px;color:#3a4658;font-size:13px;font-weight:700}.login-form input,.form-grid input,.form-grid select,.key-create-card select{border:1px solid #ccd4df;background:#fff;padding:10px 12px;border-radius:9px;outline:none;min-height:40px}.login-form input:focus,.form-grid input:focus,.form-grid select:focus{border-color:#66758a;box-shadow:0 0 0 3px #64748b1f}.login-key-field{display:flex;align-items:center;border:1px solid #ccd4df;border-radius:9px;padding-left:11px;color:#7a8799}.login-key-field input{border:0;flex:1;box-shadow:none!important}.app-shell{min-height:100vh}.app-header{height:66px;background:#101827;color:#fff;display:flex;align-items:center;padding:0 22px;gap:24px;position:sticky;top:0;z-index:40;box-shadow:0 1px #ffffff0f}.brand{display:flex;align-items:center;gap:10px;min-width:210px}.brand-mark{width:33px;height:33px;display:grid;place-items:center;border:1px solid #39445a;border-radius:9px;background:#182236}.brand strong,.brand span{display:block;font-size:13px;line-height:1.05}.brand span{color:#9ba8bb;margin-top:3px;font-size:11px}.top-nav{display:flex;align-self:stretch;gap:4px}.top-nav button{border:0;background:transparent;color:#aeb9ca;padding:0 12px;display:flex;align-items:center;gap:7px;border-bottom:2px solid transparent}.top-nav button:hover{color:#fff}.top-nav button.active{color:#fff;border-bottom-color:#fff;background:#ffffff0a}.session-area{margin-left:auto;display:flex;align-items:center;gap:10px}.identity-chip{display:flex;align-items:center;gap:8px;border:1px solid #354155;border-radius:9px;padding:6px 9px}.identity-chip strong,.identity-chip span{display:block;font-size:11px;line-height:1.15}.identity-chip span{color:#96a3b7;margin-top:2px;text-transform:capitalize}.content-area{padding:28px}.page-section{max-width:1500px;margin:0 auto}.workspace-page{max-width:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}.heading-with-back{display:flex;gap:12px;align-items:flex-start}.center-state{min-height:320px;display:flex;align-items:center;justify-content:center;gap:10px;color:#667085}.primary-btn,.secondary-btn,.danger-ghost-btn,.icon-btn{border-radius:8px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s ease;white-space:nowrap}.primary-btn{background:#172033;border:1px solid #172033;color:#fff;padding:7px 12px;font-weight:750}.primary-btn:hover:not(:disabled){background:#263249}.secondary-btn{background:#fff;border:1px solid #cfd7e3;color:#344054;padding:7px 11px;font-weight:700}.secondary-btn:hover:not(:disabled){border-color:#9ba8ba;background:#f9fafb}.danger-ghost-btn{background:#fff;border:1px solid #efc8c8;color:#a13636;padding:7px 11px;font-weight:700}.danger-ghost-btn:hover:not(:disabled){background:#fff7f7}.icon-btn{width:30px;height:30px;min-height:30px;padding:0;background:transparent;border:1px solid #d6dde7;color:#536176}.icon-btn:hover{background:#f2f4f7}.app-header .icon-btn{color:#d5dbe5;border-color:#354155}.app-header .icon-btn:hover{background:#1c273a}.icon-btn.big{width:36px;height:36px}.compact{min-height:30px;padding:5px 8px;font-size:12px}.wide{width:100%}.alert{border-radius:9px;padding:11px 13px;margin-bottom:16px;font-size:13px}.error-alert{color:#8b2c2c;background:#fff3f3;border:1px solid #f2cccc}.major-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:14px}.major-card{background:#fff;border:1px solid #dce3ec;border-radius:13px;padding:17px;box-shadow:0 2px 7px #0f172a06}.major-card.owned{border-color:#aab8cc;box-shadow:inset 0 3px #263449}.major-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.code-chip{display:inline-flex;align-items:center;background:#edf1f6;border:1px solid #dae1ea;color:#324056;font-family:SFMono-Regular,Consolas,monospace;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:800}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:750}.status-pill.available{background:#eef8f0;color:#317447}.status-pill.mine{background:#eef2f8;color:#334f78}.status-pill.claimed{background:#fff4e8;color:#8a5a20}.status-pill.revoked{background:#f4f4f5;color:#6b7280}.major-meta{display:grid;gap:8px;border-top:1px solid #edf0f4;padding-top:12px;margin:12px 0 15px}.major-meta div{display:flex;justify-content:space-between;gap:8px}.major-meta dt{color:#7a8798;font-size:11px}.major-meta dd{margin:0;color:#344054;font-size:11px;text-align:right}.major-actions{display:flex;gap:8px;justify-content:flex-end}.table-shell{width:100%;overflow:auto;border:1px solid #dbe2eb;border-radius:12px;background:#fff}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.wide-table{min-width:2200px}.linked-table{min-width:2050px}.data-table th{position:sticky;top:0;z-index:4;text-align:left;background:#f5f7fa;color:#536176;font-size:10px;text-transform:uppercase;letter-spacing:.055em;padding:10px;border-bottom:1px solid #dbe2eb;white-space:nowrap}.data-table td{padding:8px 10px;border-bottom:1px solid #edf0f4;vertical-align:middle;min-width:100px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#fbfcfd}.data-table td.sticky-id,.data-table th:first-child{position:sticky;left:0;z-index:3;background:#fff;min-width:74px}.data-table th:first-child{z-index:6;background:#f5f7fa}.data-table td.sticky-sub{position:sticky;left:74px;z-index:3;background:#fff;min-width:105px}.data-table .sticky-sub small{display:block;color:#7a8798;margin-top:3px}.current-row td{background:#f8fafc}.tiny-pill{display:inline-block;margin-left:6px;padding:2px 5px;border-radius:999px;background:#dde7f4;color:#355274;font-size:9px;text-transform:uppercase;font-weight:800}.current-code{display:block;margin-top:6px;color:#637083}.unlinked-span{color:#8995a5;text-align:center}.unlinked-span span{display:inline-flex;align-items:center;gap:6px}.row-actions{display:flex;gap:6px}.field-wrap{position:relative;min-width:125px;display:flex;align-items:center;gap:4px}.cell-input,.cell-select{width:100%;min-width:85px;height:30px;border:1px solid transparent;border-radius:6px;padding:4px 7px;background:transparent;color:#253247;outline:none}.cell-input:hover,.cell-select:hover{border-color:#d9e0e9;background:#fff}.cell-input:focus,.cell-select:focus{border-color:#aab6c6;background:#fff;box-shadow:0 0 0 2px #64748b1a}.cell-input.input-error{border-color:#df9d9d}.field-action{flex:0 0 28px}.field-icon-static{position:absolute;right:34px;color:#7a8798}.number-input{width:68px;min-width:68px}.numeric-field{min-width:72px}.datetime-field{display:flex;gap:4px;min-width:205px;align-items:center}.datetime-input{min-width:168px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#0d14209e;display:flex;align-items:stretch;justify-content:center;padding:24px}.panel-modal{background:#fff;width:min(1800px,100%);border-radius:14px;box-shadow:0 24px 80px #0000004d;display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:18px 20px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e1e6ed}.panel-header h3{margin:2px 0 4px}.panel-header p{margin-bottom:0;font-size:12px}.modal-table-shell{border:0;border-radius:0;flex:1}.key-create-card{background:#fff;border:1px solid #dbe2eb;border-radius:12px;padding:15px;margin-bottom:14px}.form-grid{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.form-grid label{min-width:150px}.form-grid label.grow{flex:1;min-width:220px}.form-submit{min-height:40px}.new-key-box{background:#fffaf0;border:1px solid #ead8ac;border-radius:12px;padding:14px;margin-bottom:14px;display:grid;gap:12px}.new-key-box>div:first-child{display:flex;gap:10px;color:#795925}.new-key-box p{margin:2px 0 0;font-size:12px}.new-key-value{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e4d4ad;border-radius:8px;padding:8px 10px}.new-key-value code{flex:1;overflow-wrap:anywhere}.role-pill{display:inline-flex;gap:5px;align-items:center;text-transform:capitalize}.switch-label{display:inline-flex;gap:7px;align-items:center}.details-code{display:block;max-width:480px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085}@media(max-width:1150px){.major-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}.brand{min-width:auto}.brand>div:last-child{display:none}.top-nav button{padding:0 8px}}@media(max-width:760px){.app-header{padding:0 10px;gap:8px}.top-nav{overflow-x:auto}.top-nav button{font-size:0;padding:0 10px}.top-nav button svg{width:18px;height:18px}.identity-chip div{display:none}.content-area{padding:18px 12px}.major-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.modal-backdrop{padding:8px}}.full-height{min-height:100vh}
