:root{color-scheme:dark;--bg: #080b0a;--bg-raised: #0d1210;--panel: rgba(17, 23, 20, .88);--panel-solid: #111714;--control: #0b100e;--border: #29332e;--border-strong: #3b4942;--text: #f1f5f2;--text-muted: #9daaa3;--accent: #a8ff3e;--accent-strong: #bdff70;--accent-ink: #091006;--cyan: #48d9eb;--amber: #f4c95d;--danger: #ff6b78;--success: #83e58d;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--control-height: 42px;--sidebar-width: 244px;--mobile-header-height: 56px;--shadow-panel: 0 18px 54px rgba(0, 0, 0, .34)}*{box-sizing:border-box;letter-spacing:0}html{min-width:320px;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--text);background-color:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}button,input{font:inherit}select,textarea{width:100%;min-height:var(--control-height);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 12px;color:var(--text);background:var(--control)}textarea{min-height:150px;resize:vertical}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}legend{color:var(--text-muted);font-size:13px}.page-stack{display:grid;gap:16px;min-width:0}.toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.toolbar>label{color:var(--text-muted);font-size:12px}.toolbar-search{min-width:min(320px,100%);flex:1}.toolbar-search label{display:block;color:var(--text-muted);font-size:12px;margin-bottom:4px}.toolbar button,.detail-heading button{display:inline-flex;align-items:center;gap:6px}.table-scroll{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:0}th,td{padding:12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--text-muted);font-size:12px;font-weight:600}tr:last-child td{border-bottom:0}.table-empty{padding:32px;color:var(--text-muted);text-align:center;border:1px solid var(--border);border-radius:var(--radius-md)}.truncate{display:inline-block;max-width:320px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.status{display:inline-flex;padding:2px 8px;border-radius:var(--radius-md);font-size:12px}.status-active{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.status-disabled{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.panel,.editor-panel,.metric-tile{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-panel)}.panel{padding:16px;min-height:180px}.editor-panel{max-width:720px;padding:20px}.editor-panel form{display:grid;gap:16px}.segmented{display:flex;gap:8px}.segmented{flex-wrap:wrap;min-width:0}.segmented label{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.toggle{display:flex;align-items:center;gap:8px}.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.notice strong{overflow-wrap:anywhere}.secondary-button{width:auto;margin:0}.dialog-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:center;padding:16px;background:#000000ad}.dialog{width:min(100%,640px);max-height:min(90vh,760px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;background:var(--panel-solid)}.dialog-heading,.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.dialog form{display:grid;gap:12px}.batch-results{display:grid;gap:8px;margin-top:16px}.batch-results>div{display:flex;flex-wrap:wrap;gap:8px;padding:8px;border-radius:var(--radius-sm)}.batch-success{color:var(--success);background:color-mix(in srgb,var(--success) 8%,transparent)}.batch-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent)}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metric-tile{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;padding:14px;min-height:96px}.metric-tile svg{color:var(--accent);grid-row:span 2}.metric-tile span{color:var(--text-muted);font-size:12px}.metric-tile strong{font-size:24px}.chart-panel{min-height:180px}.chart-panel svg{width:100%;height:160px;display:block}.chart-labels{display:flex;justify-content:space-between;color:var(--text-muted);font-size:11px}.distribution{display:grid;gap:10px}.distribution-row{display:grid;grid-template-columns:minmax(70px,100px) 1fr 36px;align-items:center;gap:8px}.distribution-bar{height:8px;background:var(--control);border-radius:999px;overflow:hidden}.distribution-bar i{display:block;height:100%;background:var(--cyan)}.flow-grid,.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.chart-grid{grid-template-columns:2fr 1fr}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.detail-grid>div{padding:12px;border:1px solid var(--border);border-radius:var(--radius-md)}.detail-grid dt{color:var(--text-muted);font-size:12px}.detail-grid dd{margin:6px 0 0;overflow-wrap:anywhere}.row-actions{display:flex;gap:4px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;color:var(--text-muted)}.pagination button{min-height:34px;padding:0 10px}.panel ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.panel li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding:8px 0}.panel time{color:var(--text-muted);white-space:nowrap}@media(max-width:960px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-grid{grid-template-columns:1fr}}@media(max-width:640px){.metrics-grid,.detail-grid,.chart-grid{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.detail-heading{align-items:flex-start;flex-direction:column}.toolbar{align-items:stretch}.toolbar button,.toolbar select{flex:1}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}button,a{-webkit-tap-highlight-color:transparent}button{min-height:var(--control-height);border:1px solid transparent;border-radius:var(--radius-md);padding:0 16px;color:var(--accent-ink);background:var(--accent);font-weight:700;cursor:pointer}button:hover:not(:disabled){background:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.icon-button{display:inline-grid;width:var(--control-height);min-width:var(--control-height);height:var(--control-height);place-items:center;padding:0;color:var(--text-muted);border-color:var(--border);background:var(--control)}.icon-button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--bg-raised)}.icon-button svg,button svg,nav svg{width:18px;height:18px;flex:0 0 18px}h1,h2,p{margin-top:0}h1{margin-bottom:22px;font-size:24px;line-height:1.25}.auth-page{display:grid;min-height:100vh;place-items:center;padding:24px 16px}.auth-panel{width:min(100%,440px);padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-panel form,.field{display:grid;gap:8px}.auth-panel form{gap:16px}.auth-panel label{color:var(--text-muted);font-size:13px;font-weight:650}input{width:100%;height:var(--control-height);min-width:0;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:0 12px;color:var(--text);background:var(--control)}input:hover{border-color:#516159}input[aria-invalid=true]{border-color:var(--danger)}.password-control{display:grid;grid-template-columns:minmax(0,1fr) var(--control-height);gap:8px}.field-error,[role=alert]{margin:0;color:var(--danger);font-size:13px}.notice{padding:10px 12px;border:1px solid color-mix(in srgb,var(--success) 48%,var(--border));border-radius:var(--radius-md);color:var(--success);background:color-mix(in srgb,var(--success) 8%,transparent)}.password-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:-2px 0 2px;padding:0;color:var(--text-muted);font-size:12px;list-style:none}.password-requirements li{display:flex;min-width:0;align-items:center;gap:5px}.password-requirements li svg{width:14px;height:14px;color:var(--danger)}.password-requirements li[data-valid=true]{color:var(--success)}.password-requirements li[data-valid=true] svg{color:var(--success)}.secondary-button{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:12px;color:var(--text-muted);border-color:var(--border);background:transparent}.secondary-button:hover:not(:disabled){color:var(--text);border-color:var(--border-strong);background:var(--control)}.app-shell{min-height:100vh;padding-left:var(--sidebar-width)}.desktop-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:var(--sidebar-width);min-width:var(--sidebar-width);flex-direction:column;border-right:1px solid var(--border);background:#0a0e0cf0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.product-mark,.drawer-heading{display:flex;min-height:64px;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--border)}.product-mark svg{width:20px;color:var(--accent)}.desktop-sidebar nav,.mobile-drawer nav{display:grid;gap:3px;padding:12px}.desktop-sidebar nav a,.mobile-drawer nav a{display:flex;min-height:38px;align-items:center;gap:11px;border:1px solid transparent;border-radius:var(--radius-md);padding:0 10px;color:var(--text-muted);text-decoration:none}.desktop-sidebar nav a:hover,.mobile-drawer nav a:hover{color:var(--text);background:var(--bg-raised)}.desktop-sidebar nav a.active,.mobile-drawer nav a.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 24%,var(--border));background:color-mix(in srgb,var(--accent) 7%,var(--control))}.sidebar-user{display:grid;gap:10px;margin-top:auto;padding:14px;border-top:1px solid var(--border);color:var(--text-muted);overflow-wrap:anywhere}.sidebar-user button,.drawer-logout{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);border-color:var(--border);background:var(--control)}.sidebar-user button:hover:not(:disabled),.drawer-logout:hover:not(:disabled){color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,var(--border));background:var(--bg-raised)}.mobile-header{display:none}.app-content{width:min(100%,1440px);min-height:100vh;padding:24px 28px}.content-heading{display:flex;min-height:48px;align-items:center;border-bottom:1px solid var(--border)}.content-heading h1{margin:0;font-size:20px}.app-content>section{padding:22px 0;color:var(--text-muted)}.placeholder{border-bottom:1px solid var(--border)}.drawer-layer{position:fixed;z-index:50;inset:0}.drawer-overlay{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#000000ad}.mobile-drawer{position:absolute;inset:0 auto 0 0;display:flex;width:min(304px,calc(100vw - 40px));max-width:min(88vw,320px);height:100dvh;max-height:100dvh;flex-direction:column;overflow-y:auto;border-right:1px solid var(--border-strong);background:var(--panel-solid);box-shadow:16px 0 44px #00000075}.drawer-heading{justify-content:space-between}.drawer-actions{display:grid;gap:8px;margin-top:auto;padding:0 12px 16px}@media(max-width:760px){.app-shell{padding-top:var(--mobile-header-height);padding-left:0}.desktop-sidebar{display:none}.mobile-header{position:fixed;z-index:30;inset:0 0 auto;display:grid;height:var(--mobile-header-height);grid-template-columns:var(--control-height) minmax(0,1fr) minmax(0,auto);align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--border);background:#0a0e0cf5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-header strong,.mobile-user{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-user{max-width:112px;color:var(--text-muted);font-size:12px}.app-content{width:100%;min-width:0;padding:18px 16px}.auth-panel{padding:22px 18px}}@media(max-width:380px){.password-requirements{grid-template-columns:1fr}.mobile-user{max-width:76px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.responsive-content{min-width:0;width:min(100%,1440px);margin-inline:auto}.responsive-sidebar{min-height:100dvh}.app-content{overflow-x:clip}.page-stack,.panel,.editor-panel,.metric-tile,.detail-heading,.detail-heading>div,.toolbar,.field,.form-grid{min-width:0}.panel,.editor-panel,.metric-tile{overflow:hidden}.editor-panel{width:min(100%,720px)}.editor-panel form>button{width:100%}.field>label,.panel>label,.editor-panel legend{overflow-wrap:anywhere}.toolbar{align-items:end}.toolbar>label,.toolbar>.field,.toolbar>input,.toolbar>select{flex:1 1 150px;min-width:0}.toolbar-search{flex:2 1 240px;min-width:min(320px,100%)}.toolbar-group,.toolbar-primary,.toolbar-bulk,.detail-actions,.dialog-actions{display:flex;min-width:0;flex-wrap:wrap;align-items:end;gap:10px}.toolbar-group>*,.toolbar-primary>*,.toolbar-bulk>*,.detail-actions>*,.dialog-actions>*{min-width:0}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.form-grid .field{min-width:0}.table-scroll{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.table-scroll table{min-width:680px}.table-scroll th,.table-scroll td{max-width:360px}.table-scroll td .truncate,.table-scroll td code{max-width:min(360px,42vw);overflow-wrap:anywhere;white-space:normal}.row-actions{flex-wrap:wrap;min-width:124px}.dialog{max-width:100%;max-height:min(90dvh,760px);overscroll-behavior:contain}.detail-heading{align-items:flex-start}.detail-heading a{display:block;max-width:100%;overflow-wrap:anywhere}@media(max-width:960px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.app-content{padding:18px 16px}.toolbar-group,.toolbar-primary,.toolbar-bulk,.detail-actions,.dialog-actions{width:100%}.toolbar-group>*,.toolbar-primary>*,.toolbar-bulk>*,.detail-actions>*,.dialog-actions>*{flex:1 1 160px}.toolbar-search,.toolbar>.field,.toolbar>label,.toolbar>input,.toolbar>select{flex-basis:100%}.detail-actions{align-items:stretch}.detail-actions>button,.dialog-actions>button{justify-content:center}.table-scroll table{min-width:620px}}.links-filter-bar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(120px,1fr)) repeat(2,minmax(140px,1fr)) auto;align-items:end;gap:12px}.filter-field{display:grid;min-width:0;gap:6px}.filter-field label{color:var(--text-muted);font-size:12px;font-weight:650}.filter-actions,.filter-bulk{display:flex;min-width:0;align-items:center;gap:8px}.filter-actions button{white-space:nowrap}.filter-bulk{grid-column:1 / -1;justify-content:flex-end;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border)}.filter-bulk input{width:min(220px,100%)}@media(max-width:1200px){.links-filter-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-search{grid-column:span 2}.filter-actions{grid-column:span 2;justify-content:flex-end}}@media(max-width:768px){.links-filter-bar{grid-template-columns:minmax(0,1fr)}.filter-search,.filter-actions,.filter-bulk{grid-column:auto}.filter-actions,.filter-bulk{width:100%}.filter-actions>*,.filter-bulk>*{flex:1 1 160px}}@media(max-width:360px){.app-content{padding-inline:12px}.form-grid,.metrics-grid,.detail-grid,.flow-grid,.chart-grid{grid-template-columns:1fr}.toolbar,.toolbar-group,.toolbar-primary,.toolbar-bulk,.detail-actions,.dialog-actions{align-items:stretch;flex-direction:column}.toolbar>*,.toolbar-group>*,.toolbar-primary>*,.toolbar-bulk>*,.detail-actions>*,.dialog-actions>*{width:100%;flex:1 1 auto}.pagination{align-items:stretch;flex-direction:column}.pagination button{width:100%}.panel,.editor-panel,.dialog{padding:14px}.table-scroll table{min-width:560px}.table-scroll td .truncate,.table-scroll td code{max-width:220px}}.dialog-wide{width:min(100%,980px)}.editor-panel{width:min(100%,920px);max-width:920px}.link-editor-form{display:grid;gap:18px}.editor-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.editor-form-grid>.field,.editor-form-grid>.editor-fieldset,.editor-form-grid>.toggle{min-width:0}.editor-form-grid .field-span-2{grid-column:1 / -1}.editor-fieldset{min-width:0;margin:0}.editor-fieldset .segmented{min-height:var(--control-height)}.link-editor-form>button{width:auto;min-width:180px;justify-self:end}@media(max-width:768px){.editor-form-grid{grid-template-columns:minmax(0,1fr)}.editor-form-grid .field-span-2{grid-column:auto}.link-editor-form>button{width:100%}}
