*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg-base: #07080c;--bg-elevated: #0e1016;--surface: rgba(18, 20, 28, .72);--surface-solid: #12141c;--border: rgba(255, 255, 255, .075);--border-strong: rgba(255, 255, 255, .12);--text: #f4f6fb;--text-secondary: #9aa3b5;--text-tertiary: #687083;--accent: #7c83ff;--accent-dim: rgba(124, 131, 255, .14);--accent-glow: rgba(124, 131, 255, .35);--success: #3ee8a9;--success-bg: rgba(62, 232, 169, .1);--danger: #ff8b8b;--danger-bg: rgba(255, 139, 139, .1);--warning: #ffc46b;--warning-bg: rgba(255, 196, 107, .12);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 7px;--shadow-lg: 0 24px 48px rgba(0, 0, 0, .45), 0 0 1px rgba(255, 255, 255, .06) inset;--shadow-soft: 0 8px 32px rgba(0, 0, 0, .35);--font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:var(--font-sans);font-size:15px;line-height:1.55;color:var(--text);background-color:var(--bg-base);background-image:radial-gradient(ellipse 100% 80% at 0% -20%,rgba(124,131,255,.18),transparent 55%),radial-gradient(ellipse 70% 50% at 100% -10%,rgba(56,189,248,.08),transparent 50%),radial-gradient(ellipse 60% 40% at 50% 120%,rgba(167,139,250,.07),transparent 45%);background-attachment:fixed}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-dim);color:var(--text)}.app-shell{max-width:1200px;margin:0 auto;padding-top:max(clamp(1rem,4vw,2.5rem),env(safe-area-inset-top,0px));padding-bottom:max(clamp(2rem,6vw,4rem),env(safe-area-inset-bottom,0px));padding-left:max(clamp(.875rem,3vw,1.75rem),env(safe-area-inset-left,0px));padding-right:max(clamp(.875rem,3vw,1.75rem),env(safe-area-inset-right,0px))}.page-dashboard{padding-top:.25rem}.top-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.15rem;padding-bottom:1.05rem;border-bottom:1px solid var(--border)}.brand-lockup{display:flex;align-items:center;gap:.75rem}.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,var(--accent) 0%,#5b63e8 100%);box-shadow:0 4px 20px var(--accent-glow);display:grid;place-items:center;flex-shrink:0}.brand-mark-inner{width:16px;height:16px;border:2.5px solid rgba(255,255,255,.95);border-radius:4px;transform:rotate(-12deg)}.brand-copy{display:flex;flex-direction:column;gap:.1rem}.brand-title{font-weight:700;font-size:1.05rem;letter-spacing:-.025em;margin:0;color:var(--text)}.brand-tagline{margin:0;font-size:.8rem;color:var(--text-tertiary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.admin-tab-strip{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.125rem;margin:0 0 1.6rem;padding:0;border-bottom:1px solid var(--border)}.admin-tab-item{margin:0 0 -1px;padding:.72rem 1.15rem;border-radius:var(--radius-sm) var(--radius-sm) 0 0;text-decoration:none;font-size:.875rem;font-weight:600;letter-spacing:-.02em;color:var(--text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}.admin-tab-item:hover:not(.is-active){color:var(--text);background:#ffffff0a}.admin-tab-item.is-active{color:var(--text);border-bottom-color:var(--accent);background:#7c83ff12}.admin-tab-item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-base),0 0 0 4px #7c83ff73;z-index:1;position:relative}@media (prefers-reduced-motion: reduce){.admin-tab-item{transition-duration:.01ms!important}}.pager-toolbar-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.pager-label{display:inline-flex;align-items:center}.pager-select{font-family:var(--font-sans);font-size:.85rem;color:var(--text);background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.38rem .6rem;cursor:pointer}.gateway-log-table .path-cell{max-width:min(520px,48vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.gateway-log-table td{vertical-align:middle}.card{background:var(--surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,1.65rem);box-shadow:var(--shadow-soft)}.card--inset{background:#ffffff05;border-radius:var(--radius-md);border:1px solid var(--border)}.section-head{margin:0 0 1.25rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem}.section-kicker{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .35rem}.section-title{margin:0;font-size:1.35rem;font-weight:700;letter-spacing:-.03em}.section-desc{margin:.35rem 0 0;max-width:52ch;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.section-desc code{font-family:var(--font-mono);font-size:.88em;font-weight:500;padding:.12rem .42rem;border-radius:5px;background:#00000052;border:1px solid var(--border);white-space:nowrap}h1.page-title-only{font-size:1.5rem}.form-row{display:grid;gap:.45rem}.field-label{font-size:.76rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-tertiary)}.field-hint{margin:-.1rem 0 0;font-size:.78rem;color:var(--text-tertiary)}input,select,textarea{width:100%;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#00000047;color:var(--text);font:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:hover,select:hover,textarea:hover{border-color:#ffffff2e}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239aa3b5' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.25rem}textarea{min-height:96px;resize:vertical}.custom-select{position:relative;width:100%;z-index:1}.custom-select.is-open{z-index:40}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#00000047;color:var(--text);font:inherit;text-align:left;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.custom-select-trigger:hover{border-color:#ffffff2e}.custom-select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.custom-select-trigger.is-open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.custom-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-caret{flex-shrink:0;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text-tertiary);transform:rotate(0);transition:transform .15s ease}.custom-select-trigger.is-open .custom-select-caret{transform:rotate(180deg)}.custom-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:.35rem 0;list-style:none;background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg),0 0 0 1px #ffffff08 inset;max-height:min(260px,50vh);overflow-y:auto}.custom-select-option{display:block;width:100%;padding:.55rem .9rem;border:none;background:transparent;color:var(--text);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;outline:none}.custom-select-option:hover,.custom-select-option:focus-visible{background:#7c83ff1f}.custom-select-option.is-selected{color:var(--accent);font-weight:600;background:#7c83ff14}.custom-select-option.is-selected:hover,.custom-select-option.is-selected:focus-visible{background:#7c83ff29}.btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:none;border-radius:var(--radius-sm);font-family:inherit;font-weight:600;font-size:.875rem;padding:.6rem 1.1rem;touch-action:manipulation;transition:transform .08s ease,background .15s ease,box-shadow .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{color:#0a0b0f;background:linear-gradient(180deg,#a5a9ff 0%,var(--accent) 100%);box-shadow:0 2px 14px #7c83ff59}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{color:var(--text-secondary);background:transparent;border:1px solid var(--border-strong)}.btn-ghost:hover:not(:disabled){background:#ffffff0a;border-color:#ffffff29;color:var(--text)}.btn-danger{color:var(--danger);background:var(--danger-bg);border:1px solid rgba(255,139,139,.35)}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.modal-actions-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin-left:auto}.table-wrap{overflow-x:auto;margin:0 calc(-1*clamp(1.25rem,3vw,1.65rem));padding:0 clamp(1.25rem,3vw,1.65rem)}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.875rem}.data-table thead th{position:sticky;top:0;z-index:1;padding:.65rem .85rem;text-align:left;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);background:#07080cd9;border-bottom:1px solid var(--border);vertical-align:middle}.data-table thead th:first-child{border-radius:var(--radius-sm) 0 0 0}.data-table thead th:last-child{border-radius:0 var(--radius-sm) 0 0}.data-table tbody td{padding:.85rem;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:hover td{background:#ffffff05}.mono{font-family:var(--font-mono);font-size:.8125rem;font-weight:500}.muted{color:var(--text-secondary)}.badge-stack{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge.on{background:var(--success-bg);color:var(--success)}.badge.off{background:var(--danger-bg);color:var(--danger)}.badge.warn{background:var(--warning-bg);color:var(--warning)}.notes-preview{display:block;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem;line-height:1.35}.create-grid{display:grid;gap:1.1rem}@media (min-width: 760px){.create-grid{grid-template-columns:1fr 1fr;align-items:start}.create-grid .span-2{grid-column:span 2}}.create-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.banner{border-radius:var(--radius-md);padding:1rem 1.15rem;margin-bottom:1.25rem;border:1px solid transparent}.banner-success{background:#3ee8a914;border-color:#3ee8a940;color:#b8fce3}.banner-success strong{color:var(--success);font-weight:600}.secret-value{margin-top:.65rem;padding:.75rem 1rem;border-radius:var(--radius-sm);background:#00000059;border:1px solid var(--border-strong);font-family:var(--font-mono);font-size:.8rem;word-break:break-all;line-height:1.55}.error-banner{color:var(--danger);background:var(--danger-bg);border:1px solid rgba(255,139,139,.25);border-radius:var(--radius-sm);padding:.65rem .85rem;margin-bottom:1rem;font-size:.875rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040508b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-modal{width:min(500px,100%);background:var(--surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.35rem;box-shadow:var(--shadow-lg)}.modal-title{margin:0 0 1rem;font-size:1rem;font-weight:700;letter-spacing:-.02em}.modal-actions{display:flex;gap:.55rem;justify-content:flex-end;margin-top:1rem}.login-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(3rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left))}.login-shell{width:100%;max-width:420px}.login-card-badge{text-align:center;margin-bottom:1.5rem}.login-footnote{margin-top:2rem;text-align:center;font-size:.8rem;color:var(--text-tertiary)}.empty-cell{text-align:center;padding:2rem 1rem!important;color:var(--text-tertiary);font-size:.9rem}.align-right{text-align:right}.cm-list-region{margin-bottom:2rem}.list-page-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.page-heading{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.04em}.page-heading-desc{margin:.2rem 0 0;font-size:.88rem;color:var(--text-tertiary)}.btn-cm-add{gap:.35rem;padding-inline:1.05rem;border-radius:999px;color:#03140a;font-weight:700;letter-spacing:.02em;background:linear-gradient(180deg,#4ade80,#22c55e);border:none;box-shadow:0 2px 14px #22c55e59}.btn-cm-add:hover:not(:disabled){filter:brightness(1.07)}.btn-cm-add-icon{font-size:1.25rem;font-weight:400;line-height:1;opacity:.9}.cm-table-card{padding:0;overflow:hidden}.table-inner{overflow-x:auto;-webkit-overflow-scrolling:touch}.cm-data-table{margin:0}.cm-data-table thead th{padding:.75rem 1rem}.cm-data-table tbody td{padding:.85rem 1rem}.th-chevron,.td-chevron{width:36px;padding-inline:.35rem!important}.row-chevron{display:flex;align-items:center;justify-content:center;min-height:1.35rem;font-size:1.35rem;font-weight:300;line-height:1;color:var(--text-tertiary);opacity:.5}.data-row-interactive{cursor:pointer;outline:none}.data-row-interactive:hover td{background:#ffffff09!important}.data-row-interactive:focus-visible td:first-child{box-shadow:inset 3px 0 0 0 var(--accent)}.data-row-interactive:hover .row-chevron{opacity:.9}.data-row-static{cursor:default}.opacity-dim{opacity:.62}.banner-relative{position:relative;padding-right:2.5rem}.banner-dismiss{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;display:grid;place-items:center;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-size:1.35rem;line-height:1;cursor:pointer}.banner-dismiss:hover{background:#ffffff0f;color:var(--text)}.banner-lead{margin:.5rem 0 0;font-size:.875rem;opacity:.92}.banner-lead code{font-family:var(--font-mono);font-size:.85em;padding:.06rem .32rem;border-radius:4px;background:#0000004d}.banner-meta{margin-top:.55rem!important;font-size:.815rem!important}.banner-actions{margin-top:.85rem}.modal-modal--narrow{width:min(440px,100%);padding:0;overflow:visible}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.35rem 1.35rem 0}.modal-head-title{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.03em}.modal-x{flex-shrink:0;width:2rem;height:2rem;margin:-.2rem -.2rem 0 0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:1.5rem;line-height:1;cursor:pointer}.modal-x:hover{background:#ffffff0f;color:var(--text)}.modal-intro{margin:.35rem 1.35rem 1rem;font-size:.865rem;color:var(--text-secondary);line-height:1.48}.modal-form{padding:0 1.35rem 1.35rem;display:flex;flex-direction:column;gap:.15rem;overflow:visible}.modal-modal--narrow .error-banner{margin:0 1.35rem .85rem}.modal-kv{display:grid;gap:.55rem 1rem;grid-template-columns:1fr 1fr;margin:0 1.35rem 1rem;padding:1rem;border-radius:var(--radius-md);background:#00000038;border:1px solid var(--border)}.modal-kv .kv-label{display:block;font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.2rem}.modal-kv .kv-value{font-size:.895rem;font-weight:500}.modal-actions-split{margin-top:1rem;display:flex;width:100%;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.switch-row{display:flex;align-items:flex-start;gap:.75rem;margin-top:.35rem;padding:.85rem;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer}.switch-row:hover{border-color:#ffffff24}.switch-input{width:1.2rem;height:1.2rem;flex-shrink:0;margin-top:.15rem;accent-color:#22c55e}.switch-copy{display:grid;gap:.15rem}.switch-title{font-weight:600;font-size:.895rem}.switch-hint{font-size:.78rem}@media (max-width: 560px){.modal-kv{grid-template-columns:1fr}}.cm-data-table.cm-keys-table{table-layout:fixed;width:100%;min-width:980px}.cm-keys-table .keys-col-prefix{width:14%}.cm-keys-table .keys-col-label{width:12%}.cm-keys-table .keys-col-portal{width:11%}.cm-keys-table .keys-col-notes{width:16%}.cm-keys-table .keys-col-expires{width:11%}.cm-keys-table .keys-col-limit{width:7%}.cm-keys-table .keys-col-last-used{width:13%}.cm-keys-table .keys-col-status{width:8%}.cm-keys-table .keys-col-created{width:13%}.cm-data-table.cm-keys-table thead th{position:static}.cm-data-table.cm-keys-table tbody td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-data-table.cm-keys-table tbody td.keys-cell-datetime{white-space:nowrap;font-size:.8125rem}.cm-data-table.cm-keys-table tbody td .notes-preview{max-width:none}.cm-keys-table .keys-col-chevron{width:36px}.gateway-log-table{min-width:720px}@media (max-width: 640px){.page-heading{font-size:1.35rem;line-height:1.2}.page-heading-desc{font-size:.835rem}.top-nav{flex-direction:column;align-items:stretch;gap:.85rem}.top-nav .btn.btn-ghost{width:100%;min-height:2.75rem;justify-content:center;touch-action:manipulation}.admin-tab-strip{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:0;margin-inline:-4px;padding-bottom:4px;scrollbar-width:thin}.admin-tab-item{flex:1 1 auto;min-width:0;text-align:center;padding:.7rem 1rem;touch-action:manipulation}.list-page-toolbar{flex-direction:column;align-items:stretch}.list-page-toolbar .btn-cm-add{width:100%;min-height:2.75rem;justify-content:center;touch-action:manipulation}.pager-toolbar-controls{width:100%;justify-content:stretch;gap:.5rem}.pager-toolbar-controls .btn{flex:1 1 0;min-height:2.75rem;touch-action:manipulation}.pager-toolbar-controls .pager-meta{flex:1 1 100%;text-align:center;order:-1;font-size:.8rem}.pager-select{min-height:2.75rem;flex:1 1 auto;min-width:0}.notes-preview{max-width:none}.gateway-log-table .path-cell{max-width:min(340px,55vw)}.modal-backdrop{align-items:flex-end;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);background:#040508d9}.modal-modal,.modal-modal--narrow{width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:var(--shadow-lg)}.modal-head{padding-left:max(1.35rem,env(safe-area-inset-left));padding-right:max(1.35rem,env(safe-area-inset-right));padding-top:max(1.2rem,env(safe-area-inset-top));padding-bottom:.85rem;position:sticky;top:0;background:var(--surface-solid);z-index:2;border-bottom:1px solid var(--border);margin:0 -1px}.modal-intro,.modal-modal--narrow .error-banner{padding-left:max(1.35rem,env(safe-area-inset-left));padding-right:max(1.35rem,env(safe-area-inset-right))}.modal-kv{margin-left:max(1.35rem,env(safe-area-inset-left));margin-right:max(1.35rem,env(safe-area-inset-right))}.modal-form{padding-left:max(1.35rem,env(safe-area-inset-left));padding-right:max(1.35rem,env(safe-area-inset-right));padding-bottom:max(1.35rem,env(safe-area-inset-bottom));overflow:visible}.modal-actions-split{flex-direction:column-reverse;align-items:stretch}.modal-actions-buttons{width:100%;margin-left:0}.modal-actions-buttons .btn{flex:1;min-height:2.75rem}.banner-dismiss{width:2.5rem;height:2.5rem}}