:root{--bg: #0b0c10;--bg-elevated: #0f1016;--surface: #13141b;--surface-2: #1a1b24;--surface-3: #22232e;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--text: #e8e9ef;--text-muted: #9a9cac;--text-faint: #6b6d7c;--primary: #3dd68c;--primary-dark: #2bbf78;--primary-soft: rgba(61, 214, 140, .16);--accent: #b57bff;--accent-soft: rgba(181, 123, 255, .14);--ok: #3dd68c;--ok-soft: rgba(61, 214, 140, .14);--warn: #d4b06a;--warn-soft: rgba(212, 176, 106, .12);--danger: #d48a8a;--danger-soft: rgba(212, 138, 138, .12);--info: #b57bff;--info-soft: rgba(181, 123, 255, .14);--radius: 10px;--radius-sm: 7px;--shadow-sm: 0 1px 0 rgba(255, 255, 255, .03);--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .28);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--sidebar-bg: #090a0e;--sidebar-bg-deep: #06070a;--sidebar-bg-active: rgba(61, 214, 140, .12);--sidebar-bg-hover: rgba(255, 255, 255, .04);--sidebar-border: rgba(255, 255, 255, .06);--sidebar-text: rgba(232, 233, 239, .72);--sidebar-text-muted: rgba(232, 233, 239, .38);--sidebar-text-strong: #e8e9ef;--sidebar-accent: #3dd68c;--sidebar-brand-bg: rgba(61, 214, 140, .16);--sidebar-brand-border: rgba(181, 123, 255, .35);--sidebar-w: 248px;--font: "DM Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#app{height:100%}body{font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(ellipse 70% 45% at 20% -10%,rgba(61,214,140,.12),transparent 55%),radial-gradient(ellipse 55% 40% at 95% 0%,rgba(181,123,255,.1),transparent 50%);background-attachment:fixed;color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}input::placeholder,textarea::placeholder{color:var(--text-faint)}@media(max-width:920px){input,select,textarea{font-size:16px}}h1{font-size:21px;font-weight:700;letter-spacing:-.02em}h2{font-size:16px;font-weight:600;letter-spacing:-.01em}h3{font-size:15px;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#fff3;background-clip:padding-box}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.mono{font-family:var(--mono)}.nowrap{white-space:nowrap}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:500;transition:background .12s,border-color .12s,transform .04s,color .12s}.btn:hover{background:var(--surface-3);border-color:#ffffff2e}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--primary-soft)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#0b100e;font-weight:600}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#0b100e}.btn-danger{background:transparent;border-color:#f8717159;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.tag{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-muted);font-size:11.5px;font-weight:500;white-space:nowrap;border:1px solid var(--border)}.tag-ok{background:var(--ok-soft);color:var(--ok);border-color:#3dd68c59}.tag-warn{background:var(--warn-soft);color:var(--warn);border-color:#d4b06a47}.tag-accent{background:var(--accent-soft);color:var(--accent);border-color:#b57bff59}.tag-muted{background:#ffffff0a;color:var(--text-faint)}.spinner{display:inline-block;width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.panel-head h2{font-size:14px;font-weight:600}.panel-body{padding:16px 18px}.page{display:flex;flex-direction:column;gap:18px}.page-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.page-stats-5{grid-template-columns:repeat(5,minmax(0,1fr))}.search-field{display:flex;align-items:center;gap:8px;min-width:0}.search-field input{width:100%;max-width:360px;padding:7px 11px;font-size:13px}.data-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:10px 18px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 18px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-row{cursor:pointer;transition:background .1s}.data-row:hover,.data-row:focus-visible{background:var(--surface-2);outline:none}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.fld{display:flex;flex-direction:column;gap:5px}.fld-k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:600}.fld input,.fld select,.fld textarea{padding:9px 11px;width:100%}.fld textarea{min-height:96px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:span 2}@media(max-width:1100px){.page-stats,.page-stats-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.panel-head{flex-wrap:wrap;align-items:flex-start;gap:8px}.panel-head .head-actions,.panel-head .hint-txt{width:100%;flex-wrap:wrap}.search-field input{max-width:none}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}@media(max-width:760px){.hide-sm{display:none!important}}@media(max-width:620px){.page-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.data-table th,.data-table td{padding-left:14px;padding-right:14px}}