:root{--bg-void: #000000;--bg-primary: #07090f;--bg-secondary: #0d1117;--bg-tertiary: #141a24;--bg-card: #0d1117;--bg-elevated: #141a24;--bg-hover: #18202c;--bg-active: #1c2533;--gold: #ffa500;--gold-bright: #ffb733;--gold-dim: #cc8400;--cyan: #ffa500;--cyan-bright: #ffc14d;--cyan-dim: #cc8400;--cyan-glow: rgba(255, 165, 0, .45);--blue: #3b82f6;--blue-bright: #60a5fa;--green: #22c55e;--green-dim: #16a34a;--green-glow: rgba(34, 197, 94, .45);--orange: #ff6b35;--orange-dim: #cc5500;--orange-glow: rgba(255, 107, 53, .45);--red: #ef4444;--red-bright: #ff4444;--red-dim: #cc2257;--red-glow: rgba(239, 68, 68, .45);--teal: #14b8a6;--purple: #8b5cf6;--yellow: #fbbf24;--text-primary: #e2e8f0;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--border-color: rgba(255, 255, 255, .07);--border-bright: rgba(255, 255, 255, .14);--border-active: rgba(255, 165, 0, .5);--accent-03: rgba(255, 165, 0, .03);--accent-05: rgba(255, 165, 0, .05);--accent-08: rgba(255, 165, 0, .08);--accent-10: rgba(255, 165, 0, .1);--accent-12: rgba(255, 165, 0, .12);--accent-15: rgba(255, 165, 0, .15);--accent-20: rgba(255, 165, 0, .2);--accent-25: rgba(255, 165, 0, .25);--accent-40: rgba(255, 165, 0, .4);--accent-50: rgba(255, 165, 0, .5);--accent-60: rgba(255, 165, 0, .6);--accent-80: rgba(255, 165, 0, .8);--glass-1: rgba(255, 255, 255, .025);--glass-2: rgba(255, 255, 255, .04);--glass-bg: rgba(13, 17, 23, .72);--glass-bg-strong: rgba(13, 17, 23, .86);--glass-border: rgba(255, 255, 255, .07);--glass-highlight: rgba(255, 255, 255, .05);--glass-blur: blur(20px);--panel-bg: rgba(13, 17, 23, .62);--glow-sm: 0 0 10px rgba(255, 165, 0, .25);--glow-md: 0 0 15px rgba(255, 165, 0, .25), 0 0 30px rgba(255, 165, 0, .1);--glow-lg: 0 0 20px rgba(255, 165, 0, .3), 0 0 40px rgba(255, 165, 0, .12);--glow-orange: 0 0 20px rgba(255, 165, 0, .15);--shadow: 0 4px 20px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .6);--shadow-deep: 0 8px 40px rgba(0, 0, 0, .4);--shadow-card: 0 2px 20px rgba(0, 0, 0, .3);--grid-color: rgba(255, 255, 255, .02);--grid-size: 40px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Space Mono", "JetBrains Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--sidebar-width: 228px;--sidebar-collapsed-width: 60px;--accent: #ffa500;--accent-strong: #ff8c00;--danger: #ef4444;--warning: #fbbf24;--border: rgba(255, 255, 255, .07);--border-subtle: rgba(255, 255, 255, .04)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-primary);background-color:var(--bg-primary);background-image:linear-gradient(#07090f47,#07090f1f 45%,#07090f61),url(/assets/ttac-backdrop.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--gold);text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}::selection{background:#ffa5004d;color:#fff}.mono{font-family:var(--font-mono)}select option,select optgroup{background:#111827;color:var(--text-primary)}table{border-collapse:collapse;width:100%}th{text-align:left;padding:12px 16px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);border-bottom:1px solid var(--border-color);background:#ffffff05}td{padding:12px 16px;font-size:13px;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.04)}tr:hover td{background:#ffffff06}.glass-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card),inset 0 1px 0 var(--glass-highlight)}.conn-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:20px;font-size:.6rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.conn-badge:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.conn-badge.online{background:#00c8531f;border:1px solid rgba(0,200,83,.25);color:#00c853}.conn-badge.online:before{background:#00c853;box-shadow:0 0 6px #00c853;animation:conn-pulse 2s infinite}.conn-badge.offline{background:#ff44441a;border:1px solid rgba(255,68,68,.2);color:#f44}.conn-badge.offline:before{background:#f44}.conn-badge.checking{background:#ffa5001a;border:1px solid rgba(255,165,0,.2);color:var(--gold)}.conn-badge.checking:before{background:var(--gold)}@keyframes conn-pulse{0%,to{opacity:1;box-shadow:0 0 6px #00c853}50%{opacity:.6;box-shadow:0 0 12px #00c853}}.content-area .page-container,.content-area .tab-panel,.content-area .data-table-container,.content-area .card,.content-area .panel,.content-area .widget{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card),inset 0 1px 0 var(--glass-highlight)}.content-area .page-header,.content-area .header,.content-area .toolbar{border:1px solid var(--glass-border);background:var(--panel-bg);border-radius:12px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-card),inset 0 1px 0 var(--glass-highlight)}.content-area button,.content-area .btn{border-radius:9px}.content-area input,.content-area select,.content-area textarea{border:1px solid var(--glass-border);background:var(--glass-2);color:var(--text-primary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.content-area input:focus,.content-area select:focus,.content-area textarea:focus{border-color:#ffa50059;outline:none;box-shadow:0 0 0 3px #ffa50014}.phone-issue{display:block;margin-top:.3rem;font-size:.74rem;line-height:1.35;color:#fbbf24}.phone-issue.is-error{color:#fda4af}input.phone-invalid{border-color:#f43f5ea6!important}.phone-flag{margin-left:.3rem;color:#fbbf24;font-size:.95em;vertical-align:-1px;cursor:help}