:root{--color-background: #060b14;--color-surface: #0a192f;--color-surface-elevated: #111c31;--color-surface-soft: rgba(255, 255, 255, .04);--color-primary: #00aaff;--color-primary-hover: #00e5ff;--color-secondary: #a5b4fc;--color-success: #27c93f;--color-warning: #ffbd2e;--color-danger: #ff5f56;--color-info: #38bdf8;--color-text: #f8fafc;--color-text-muted: rgba(255, 255, 255, .64);--color-text-subtle: #cbd5e1;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(0, 170, 255, .45);--color-focus: rgba(0, 170, 255, .28);--shadow-overlay: 0 12px 32px rgba(0, 0, 0, .34);--font-ui: Inter, Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, SFMono-Regular, Menlo, monospace;--text-body: .875rem;--text-label: .75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999px;--transition-fast: .16s ease;--bg-main: var(--color-background);--bg-surface: var(--color-surface);--bg-card: var(--color-surface-soft);--brand-primary: var(--color-primary);--brand-accent: var(--color-primary-hover);--text-main: var(--color-text);--text-muted: var(--color-text-muted);--text-details: var(--color-text-subtle);--status-success: var(--color-success);--status-warning: var(--color-warning);--status-danger: var(--color-danger);--border-subtle: var(--color-border)}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;height:100%;background:var(--color-background)}body{width:100%;height:100%;min-width:320px;min-height:100vh;margin:0;overflow:hidden;background:var(--color-background);color:var(--color-text);font-family:var(--font-ui);font-size:var(--text-body);line-height:1.45}button,input,select,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed}h1,h2,h3,h4,h5,h6,p{margin:0}p,small{color:var(--color-text-muted)}a{color:inherit}code,pre,[data-technical=true]{font-family:var(--font-mono)}.bg-main{background:var(--color-background)}.bg-surface{background:var(--color-surface)}.bg-card{background:var(--color-surface-soft)}.text-main{color:var(--color-text)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-primary-hover)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated)}.ui-button,.btn-primary-neon,.btn-outline,.btn-manage,.btn-create,.btn-cancel,.btn-full,.btn-primary,.action-btn,.close-btn,.btn-icon,.btn-circle-outline{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:transparent;color:var(--color-text);font-size:var(--text-body);font-weight:700;line-height:1.2;text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.ui-button:hover:not(:disabled),.btn-primary-neon:hover:not(:disabled),.btn-create:hover:not(:disabled),.btn-primary:hover:not(:disabled){transform:translateY(-1px)}.ui-button:focus-visible,.btn-primary-neon:focus-visible,.btn-outline:focus-visible,.btn-manage:focus-visible,.btn-create:focus-visible,.btn-cancel:focus-visible,.btn-full:focus-visible,.btn-primary:focus-visible,.action-btn:focus-visible,.close-btn:focus-visible,.btn-icon:focus-visible,.btn-circle-outline:focus-visible,.ui-input:focus-visible,.ui-select:focus-visible,.ui-textarea:focus-visible,.system-input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.ui-button:disabled,.btn-primary-neon:disabled,.btn-outline:disabled,.btn-manage:disabled,.btn-create:disabled,.btn-cancel:disabled,.btn-full:disabled,.btn-primary:disabled,.action-btn:disabled,.close-btn:disabled,.btn-icon:disabled,.btn-circle-outline:disabled{opacity:.5;transform:none}.ui-button-primary,.btn-primary-neon,.btn-create,.btn-primary{background:var(--color-primary);color:#03111f}.ui-button-primary:hover:not(:disabled),.btn-primary-neon:hover:not(:disabled),.btn-create:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button-secondary,.btn-outline,.btn-manage,.btn-cancel,.btn-full,.btn-icon,.btn-circle-outline,.action-btn,.close-btn{border-color:var(--color-border);background:var(--color-surface-soft);color:var(--color-text-subtle)}.ui-button-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled),.btn-manage:hover:not(:disabled),.btn-cancel:hover:not(:disabled),.btn-full:hover:not(:disabled),.btn-icon:hover:not(:disabled),.btn-circle-outline:hover:not(:disabled),.action-btn:hover:not(:disabled),.close-btn:hover:not(:disabled){border-color:var(--color-primary);background:#00aaff1a;color:var(--color-primary-hover)}.ui-button-danger{border-color:#ff5f5673;background:#ff5f561f;color:#ffaaa4}.ui-button-danger:hover:not(:disabled){background:#ff5f5638;color:var(--color-text)}.ui-button-icon,.btn-icon,.btn-circle-outline,.action-btn,.close-btn{width:2.5rem;padding:0}.create-action-icon{display:inline-flex;align-items:center;justify-content:center}.ui-input,.ui-select,.ui-textarea,.system-input{width:100%;min-height:2.5rem;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface-soft);color:var(--color-text);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.ui-input::placeholder,.ui-textarea::placeholder,.system-input::placeholder{color:var(--color-text-muted)}.ui-input:hover,.ui-select:hover,.ui-textarea:hover,.system-input:hover,.ui-input:focus,.ui-select:focus,.ui-textarea:focus,.system-input:focus{border-color:var(--color-border-strong);outline:none}.ui-input:focus,.ui-select:focus,.ui-textarea:focus,.system-input:focus{background:#ffffff12;outline:3px solid var(--color-focus);outline-offset:2px}.table-wrapper,.ui-table-container{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.systemlia-table{width:100%;min-width:42rem;border-collapse:collapse;text-align:left}.systemlia-table th,.systemlia-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);vertical-align:middle}.systemlia-table th{background:#ffffff06;color:var(--color-text-muted);font-size:var(--text-label);font-weight:800;letter-spacing:.06em;text-transform:uppercase}.systemlia-table tbody tr:hover{background:#ffffff06}.systemlia-table tbody tr:last-child td{border-bottom:0}.row-actions-inline{display:inline-flex;align-items:center;gap:var(--space-1)}.row-actions-menu{display:none}@media (max-width: 700px){.row-actions-inline{display:none}.row-actions-menu{display:inline-flex}}.page-section{width:100%;min-width:0;padding:var(--space-5)}.page-header,.page-toolbar,.page-actions,.form-actions{display:flex;align-items:center;gap:var(--space-3)}.page-header,.page-toolbar{justify-content:space-between;flex-wrap:wrap}.page-header{margin-bottom:var(--space-5)}.page-actions,.form-actions{flex-wrap:wrap}.page-toolbar{margin-bottom:var(--space-4)}.status-dot,.dot{display:inline-block;width:.5rem;height:.5rem;flex:0 0 .5rem;border-radius:50%;background:var(--color-text-muted)}.status-dot.is-success,.dot.online{background:var(--color-success)}.status-dot.is-danger,.dot.offline,.dot.warning{background:var(--color-danger)}.modal-wrapper{width:min(100% - var(--space-6),44rem);max-height:calc(100dvh - var(--space-6));overflow:auto}.glass-backdrop{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:var(--space-4);background:#030810c7}.animate-fade-in,.animate-in{animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@media (max-width: 700px){.create-action{width:2.75rem;min-width:2.75rem;padding-inline:0}.create-action-label{display:none}}@media (max-width: 768px){.page-section{padding:var(--space-4)}.ui-button,.btn-primary-neon,.btn-outline,.btn-manage,.btn-create,.btn-cancel,.btn-full,.btn-primary{min-height:2.75rem}.table-wrapper,.ui-table-container{border-radius:var(--radius-md)}}@media (max-width: 520px){.page-header,.page-toolbar{align-items:stretch;flex-direction:column}.page-actions,.form-actions{width:100%}.page-actions>*,.form-actions>*{flex:1 1 10rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto;animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}
