:root{--bg-primary: #0a0a1a;--bg-secondary: rgba(255, 255, 255, .05);--bg-hover: rgba(255, 255, 255, .1);--accent-cyan: #00d4ff;--accent-cyan-glow: rgba(0, 212, 255, .2);--accent-red: #ff3366;--accent-red-glow: rgba(255, 51, 102, .2);--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(0, 212, 255, .5);--glass-blur: blur(12px);--sidebar-width: 250px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.no-scrollbar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}.content-container{padding:20px}@media (max-width: 768px){.content-container{padding:10px 6px!important}.mobile-stack{flex-direction:column!important;align-items:stretch!important;width:100%!important}.mobile-full{width:100%!important;min-width:100%!important}.mobile-wrap-tabs{flex-wrap:wrap!important;overflow-x:visible!important}.ai-desktop-table-container{display:none!important}.ai-mobile-cards-container{display:flex!important;flex-direction:column;gap:12px}.console-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-bottom:14px!important}.console-metrics-card{padding:10px!important}.console-metrics-title{font-size:.7rem!important}.console-metrics-val{font-size:1.1rem!important}.console-metrics-sub{font-size:.65rem!important}.console-log-row{flex-direction:column!important;gap:4px!important;padding:8px 6px!important;background:#ffffff05;border-radius:6px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)!important}.console-log-meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.console-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:12px!important}.console-filter-group{flex-direction:column!important;width:100%!important;gap:8px!important}.console-search-input-wrap{width:100%!important}.console-btn-group{width:100%!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.message-card{padding:12px 14px!important;margin-bottom:10px!important}.message-card-header{gap:4px!important;margin-bottom:6px!important}.messages-header-row{margin-bottom:10px!important}.messages-search-bar-wrap{width:100%!important;max-width:100%!important}.audit-desktop-table{display:none!important}.audit-mobile-cards{display:flex!important;flex-direction:column!important;gap:8px!important}.audit-log-card{padding:12px 14px!important;border-radius:8px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;display:flex!important;flex-direction:column!important;gap:8px!important}.channels-desktop-table{display:none!important}.channels-mobile-cards{display:flex!important;flex-direction:column!important;gap:10px!important}.channel-mobile-card{padding:12px 14px!important;border-radius:10px!important;background:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;display:flex!important;flex-direction:column!important;gap:10px!important}.channels-stat-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.channels-stat-card{padding:8px 6px!important;flex-direction:column!important;text-align:center!important;gap:4px!important}.channels-stat-icon,.channels-toolbar-view-toggle{display:none!important}}.audit-desktop-table{display:block}.audit-mobile-cards{display:none}.channels-desktop-table{display:block}.channels-mobile-cards{display:none}.console-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin-bottom:20px}.console-log-row{display:flex;gap:12px;padding:6px 4px;border-bottom:1px solid rgba(255,255,255,.03);line-height:1.4;word-break:break-word}.console-log-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}@media (min-width: 769px){.ai-desktop-table-container{display:block!important}.ai-mobile-cards-container{display:none!important}}.glass-panel{background:var(--bg-secondary);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:12px}.hover-border{transition:border-color .3s ease,box-shadow .3s ease}.hover-border:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-glow)}.text-gradient{background:linear-gradient(90deg,#fff,var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}input,button,select{font-family:inherit}input:focus,button:focus,select:focus{outline:none}button{cursor:pointer}.btn-primary{background:var(--accent-cyan);color:var(--bg-primary);border:none;padding:10px 20px;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px var(--accent-cyan-glow)}.btn-primary:active{transform:translateY(1px)}.btn-danger{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red);padding:8px 16px;border-radius:8px;font-weight:500;transition:all .2s}.btn-danger:hover{background:var(--accent-red-glow)}.btn-secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease-in-out;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow);color:var(--accent-cyan)}.btn-accent{background:#00d4ff1a;color:var(--accent-cyan);border:1px solid rgba(0,212,255,.3);padding:8px 16px;border-radius:8px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease-in-out}.btn-accent:hover{background:#00d4ff33;border-color:var(--accent-cyan);box-shadow:0 0 12px var(--accent-cyan-glow)}.input-field{background:#0f172a99;border:1px solid var(--border-color);color:#fff;padding:10px 14px;border-radius:8px;width:100%;transition:border-color .3s,background-color .3s}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan-glow)}select.input-field option,select option{background-color:#0f172a!important;color:#f8fafc!important;padding:12px 16px!important;font-size:.95rem!important}.layout-container{display:flex;min-height:100vh}.mobile-header{display:none}.mobile-menu-btn{background:transparent;border:none;color:var(--text-primary);padding:4px}.mobile-overlay{display:none}.sidebar{width:var(--sidebar-width);padding:20px;margin:20px;display:flex;flex-direction:column;flex-shrink:0}.sidebar-brand{margin-bottom:40px}.main-content{flex:1;padding:20px 20px 20px 0;display:flex;flex-direction:column;min-width:0}.top-header{padding:20px;margin-bottom:20px;display:flex;justify-content:flex-end}@media (max-width: 768px){.layout-container{flex-direction:column}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:10px;position:sticky;top:0;z-index:100;border-radius:12px}.top-header{display:none!important}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;margin:0;border-radius:0 16px 16px 0;z-index:200;transform:translate(-100%);transition:transform .3s ease;background:#0a0a1afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow-y:auto}.sidebar-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:150}.main-content{padding:10px;min-height:calc(100vh - 70px)}h1{font-size:1.4rem}.glass-panel{overflow-x:auto}table{min-width:600px}.input-field{min-width:0!important}.btn-primary{padding:10px 14px;font-size:.9rem}}@media (max-width: 480px){.mobile-header{margin:6px;padding:10px 14px}.main-content{padding:6px}h1{font-size:1.2rem}.glass-panel{border-radius:8px}.btn-primary{padding:8px 12px;font-size:.85rem}}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:20px}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr!important}}.mobile-fixed-save-bar{display:none}@media (max-width: 768px){.mobile-hide,.desktop-save-btn{display:none!important}.mobile-fixed-save-bar{display:flex!important;position:fixed;bottom:16px;left:16px;right:16px;z-index:1000;align-items:center;justify-content:space-between;padding:12px 18px;background:#0f172aeb;border:1px solid rgba(56,189,248,.4);border-radius:16px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px #0009,0 0 15px #38bdf833}.mobile-wrap-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:8px!important;margin-bottom:16px!important}.mobile-wrap-tabs::-webkit-scrollbar{display:none}.settings-header-sticky{padding:10px 0!important;margin-bottom:15px!important}.glass-panel{padding:18px 14px!important;margin-bottom:16px!important;border-radius:14px!important}}.ai-logs-desktop-table{display:table!important}.ai-logs-mobile-cards{display:none!important}@media (max-width: 768px){.ai-logs-desktop-table{display:none!important}.ai-logs-mobile-cards{display:flex!important;flex-direction:column;gap:12px}}