@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,500&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-app:#0c0f14;--bg-elevated:#141922;--bg-card:#1a202c;--border:#ffffff14;--text:#e8edf5;--text-muted:#8b98a8;--accent:#3b82f6;--accent-hover:#60a5fa;--accent-dim:#3b82f626;--danger:#f87171;--success:#4ade80;--radius:12px;--radius-sm:8px;--shadow:0 24px 48px #00000073;--font:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*,:before,:after{box-sizing:border-box}body{font-family:var(--font);background:var(--bg-app);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}#root{min-height:100vh}.auth-screen{background:var(--bg-app);grid-template-columns:1fr minmax(320px,420px);min-height:100vh;display:grid}@media (width<=840px){.auth-screen{grid-template-columns:1fr}}.auth-visual{background:radial-gradient(80% 60% at 20% 30%,#3b82f640,#0000),radial-gradient(60% 50% at 80% 70%,#10b9811f,#0000),linear-gradient(165deg,#0a0d12 0%,#121826 50%,#0c1018 100%);position:relative}.auth-visual:after{content:"";opacity:.6;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.auth-panel{background:var(--bg-elevated);border-left:1px solid var(--border);flex-direction:column;justify-content:center;padding:2.5rem 2rem;display:flex}@media (width<=840px){.auth-panel{border-left:none;border-top:1px solid var(--border);min-height:55vh}}.auth-brand{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.auth-logo{background:var(--accent-dim);width:48px;height:48px;color:var(--accent-hover);border:1px solid var(--border);border-radius:14px;place-items:center;font-size:1.35rem;display:grid}.auth-title{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.auth-sub{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.field-block{flex-direction:column;gap:.35rem;display:flex}.field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.75rem;font-weight:600}.field-inline{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}input,select,textarea{font:inherit;color:var(--text);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}input::placeholder{color:var(--text-muted);opacity:.7}.mono{font-family:var(--font-mono);font-size:.8rem}.error-banner{color:var(--danger);border-radius:var(--radius-sm);background:#f8717114;border:1px solid #f8717133;margin:0;padding:.5rem .65rem;font-size:.875rem}.success-banner{color:var(--success);margin:0 0 1rem;font-size:.875rem}.muted{color:var(--text-muted);font-size:.9rem;line-height:1.5}.lead{color:var(--text-muted);margin:0 0 1.25rem;font-size:.95rem;line-height:1.55}.btn-primary,.btn-secondary,.btn-ghost{font:inherit;border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.btn-primary{background:var(--accent);color:#fff;padding:.55rem 1rem}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-wide{width:100%;margin-top:.25rem;padding:.65rem 1rem}.btn-secondary{color:var(--text);border-color:var(--border);background:0 0;padding:.55rem 1rem}.btn-secondary:hover{background:#ffffff0a}.btn-ghost{color:var(--accent-hover);background:0 0;border:none;padding:.35rem .5rem}.btn-ghost:hover{text-decoration:underline}.page-stack{flex-direction:column;gap:1.25rem;display:flex}.page-stack.narrow-form{max-width:520px}.page-lead{color:var(--text-muted);max-width:52rem;margin:-.5rem 0 0;font-size:.9rem;line-height:1.45}.text-muted{color:var(--text-muted)}.subtle-head{margin:0;font-size:.875rem}.toolbar-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.toolbar-row select{min-width:280px}.toolbar-row--statements{align-items:flex-end}.onec-url-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.85rem;max-width:56rem;padding:1rem 1.15rem;display:flex}.onec-url-block{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding-top:.35rem;display:flex}.onec-url-block:first-of-type{border-top:none;padding-top:0}.onec-url-block-title{color:var(--text-muted);font-size:.8125rem;font-weight:600}.onec-url-panel .field-block{margin:0}.url-preview-wrap{border-radius:var(--radius-sm);border:1px solid var(--border);background:#00000040;padding:.65rem .85rem;overflow-x:auto}.url-preview{font-family:var(--font-mono);word-break:break-all;white-space:pre-wrap;color:var(--text);font-size:.78rem;line-height:1.45}.onec-url-hint{margin:0;font-size:.8125rem;line-height:1.5}.pager{align-items:center;gap:1rem;display:flex}.pager button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text);cursor:pointer;padding:.4rem .85rem;font-family:inherit;font-size:.875rem}.pager button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-hover)}.pager button:disabled{opacity:.45;cursor:not-allowed}.purpose-cell{white-space:nowrap;text-overflow:ellipsis;max-width:22rem;overflow:hidden}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-header h1{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.stack-form{flex-direction:column;gap:1rem;max-width:480px;display:flex}.data-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-scroll{max-width:100%;overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem 1rem}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#0003;font-size:.65rem;font-weight:600}.data-table tbody tr:hover td{background:#ffffff05}.empty-cell{color:var(--text-muted);text-align:center;padding:2rem!important}.col-actions{white-space:nowrap;text-align:right;width:1%}.col-actions .action-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:inline-flex}.modal-root{z-index:1000;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#000000a6;border:none;position:absolute;inset:0}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,480px);max-height:min(90vh,720px);box-shadow:var(--shadow);padding:1.5rem;position:relative;overflow:auto}.modal-panel h2{margin:0 0 1rem;font-size:1.1rem}.modal-form{flex-direction:column;gap:.85rem;display:flex}.modal-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}.layout{align-items:flex-start;min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:linear-gradient(#111620 0%,#0c1018 100%);flex-direction:column;flex-shrink:0;gap:.75rem;width:280px;height:100vh;min-height:0;padding:1.25rem 1rem;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;padding:.25rem .35rem;font-size:1.05rem;font-weight:700}.role-pill{text-transform:uppercase;letter-spacing:.06em;background:var(--accent-dim);color:var(--accent-hover);border:1px solid #3b82f640;border-radius:999px;align-self:flex-start;padding:.3rem .55rem;font-size:.7rem;font-weight:600}.sidebar nav{flex-direction:column;flex:1;gap:.2rem;min-height:0;margin-top:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.sidebar a{color:var(--text-muted);border-radius:var(--radius-sm);flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar a .nav-table{font-size:.65rem;font-weight:500;font-family:var(--font-mono,ui-monospace, monospace);color:#8b98a8d9;letter-spacing:.02em;line-height:1.2}.sidebar a:hover{color:var(--text);background:#ffffff0d}.sidebar a.active{background:var(--accent-dim);color:var(--accent-hover);border:1px solid #3b82f633}.logout{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font:inherit;background:0 0;margin-top:auto;padding:.55rem .75rem;font-size:.875rem}.logout:hover{color:var(--text);border-color:#ffffff26}.content{background:radial-gradient(ellipse 70% 50% at 100% 0%, #3b82f60f, transparent), var(--bg-app);flex:1;min-width:0;padding:1.75rem 2rem 2.5rem;overflow:auto}.content h1{margin-top:0}.table-wrap{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:.8125rem}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid var(--border);padding:.55rem .85rem}.table-wrap th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#0003;font-size:.65rem;font-weight:600}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}