:root{--apex-bg:#0a0d12;--apex-panel:#12161d;--apex-panel-alt:#171c25;--apex-border:#232a36;--apex-text:#e8ecf1;--apex-text-dim:#8993a4;--apex-red:#e10600;--apex-amber:#ffb400;--apex-green:#00c853;--apex-blue:#2ea1ff;--font-mono:"JetBrains Mono", "Space Mono", monospace;--font-sans:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at 20% 0%, #161c26 0%, var(--apex-bg) 55%);color:var(--apex-text);font-family:var(--font-sans);background-attachment:fixed;margin:0}a{color:inherit}.apex-shell{min-height:100vh;display:flex}.apex-sidebar{background:var(--apex-panel);border-right:1px solid var(--apex-border);flex-direction:column;flex-shrink:0;gap:32px;width:220px;padding:24px 16px;display:flex}.apex-logo{font-family:var(--font-mono);letter-spacing:1px;align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.apex-logo svg{flex-shrink:0}.apex-nav{flex-direction:column;gap:4px;display:flex}.apex-nav a{color:var(--apex-text-dim);border-left:2px solid #0000;border-radius:6px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.apex-nav a:hover{background:var(--apex-panel-alt);color:var(--apex-text)}.apex-nav a.active{color:var(--apex-text);background:var(--apex-panel-alt);border-left-color:var(--apex-red)}.apex-main{flex:1;max-width:1200px;padding:32px 40px}.apex-page-title{margin:0 0 4px;font-size:24px;font-weight:700}.apex-page-subtitle{color:var(--apex-text-dim);margin:0 0 28px;font-size:14px}.apex-panel{background:var(--apex-panel);border:1px solid var(--apex-border);border-radius:10px;padding:20px}.apex-table{border-collapse:collapse;width:100%;font-size:14px}.apex-table th{text-align:left;color:var(--apex-text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--apex-border);padding:10px 12px;font-size:12px;font-weight:600}.apex-table td{border-bottom:1px solid var(--apex-border);padding:12px}.apex-table tr:last-child td{border-bottom:none}.apex-table tbody tr{cursor:pointer;transition:background .15s}.apex-table tbody tr:hover{background:var(--apex-panel-alt)}.apex-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.apex-badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.apex-badge--active{color:var(--apex-green);background:#00c8531f;border-color:#00c8534d}.apex-badge--soft_locked{color:var(--apex-amber);background:#ffb4001f;border-color:#ffb4004d}.apex-badge--destroyed,.apex-badge--revoked{color:var(--apex-red);background:#e106001f;border-color:#e106004d}.apex-product-chip{font-family:var(--font-mono);background:var(--apex-panel-alt);border:1px solid var(--apex-border);color:var(--apex-text-dim);border-radius:4px;margin-right:6px;padding:3px 8px;font-size:11px;font-weight:700}.apex-btn{font-family:var(--font-sans);cursor:pointer;background:var(--apex-red);color:#fff;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:filter .15s}.apex-btn:hover{filter:brightness(1.1)}.apex-btn--ghost{border:1px solid var(--apex-border);color:var(--apex-text);background:0 0}.apex-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.apex-field label{color:var(--apex-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.apex-field input,.apex-field select{background:var(--apex-panel-alt);border:1px solid var(--apex-border);color:var(--apex-text);font-size:14px;font-family:var(--font-sans);border-radius:6px;padding:10px 12px}.apex-field input:focus,.apex-field select:focus{border-color:var(--apex-red);outline:none}.apex-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.apex-mono{font-family:var(--font-mono)}.apex-dim{color:var(--apex-text-dim)}.apex-modal-backdrop{z-index:50;background:#05070ab3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.apex-modal{background:var(--apex-panel);border:1px solid var(--apex-border);border-radius:10px;width:420px;padding:24px}.apex-modal h2{margin-top:0;font-size:18px}.apex-modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}