:root{color-scheme:dark;font-family:Inter,Segoe UI,system-ui,sans-serif;--bg-0: #050816;--bg-1: #070a12;--bg-2: #0b1020;--surface: rgb(255 255 255 / 6%);--surface-strong: rgb(255 255 255 / 8%);--border: rgb(120 140 255 / 28%);--border-soft: rgb(120 140 255 / 18%);--text-main: #f3f6ff;--text-muted: #9ca9c9;--accent: #8d7dff;--accent-2: #5a8dff;--success: #74d5a5;--warning: #e3c179;--danger: #f09aaa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 800px at 18% -10%,rgb(90 105 255 / 18%),transparent 60%),radial-gradient(1200px 900px at 90% 0%,rgb(141 125 255 / 15%),transparent 60%),linear-gradient(180deg,var(--bg-0),var(--bg-1) 40%,var(--bg-2));color:var(--text-main)}.app{min-height:100vh}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:20px 16px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,#ffffff0d,#ffffff05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:12px;height:100vh;position:sticky;top:0;overflow:hidden;min-height:0}.sidebarNav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;display:flex;flex-direction:column;gap:2px}.sidebarFooter{flex-shrink:0;margin-top:0;padding-top:12px;border-top:1px solid var(--border-soft);display:grid;gap:8px}.sidebar h1{margin:0;font-size:18px;flex-shrink:0}.navBtn{width:100%;text-align:left;margin:2px 0;background:transparent;color:var(--text-muted);border:1px solid transparent;padding:10px 12px;border-radius:10px;cursor:pointer}.navBtn.active,.navBtn:hover{background:linear-gradient(135deg,#8d7dff38,#5a8dff29);color:var(--text-main);border-color:var(--border);box-shadow:0 0 0 1px #8d7dff1f inset}.content{padding:24px;display:grid;gap:16px}.topBar{display:flex;align-items:center;justify-content:space-between;gap:10px}.topMeta{display:inline-flex;align-items:center;gap:6px}.miniHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.miniHeaderLeft{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.miniChip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border-soft);border-radius:999px;padding:4px 8px;font-size:12px;background:#ffffff08}.envBadge{border-radius:999px;padding:5px 10px;font-size:12px;border:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em}.envBadge.staging{color:var(--warning);border-color:#e3c1797a}.envBadge.prod{color:var(--danger);border-color:#f09aaa7a}.envBadge.local{color:var(--accent);border-color:#7dd3fc66}.card{background:linear-gradient(180deg,var(--surface),rgb(255 255 255 / 4%));border:1px solid var(--border-soft);border-radius:16px;padding:14px;box-shadow:0 10px 30px #04081857,0 0 0 1px #8d7dff0f inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.metric{min-height:96px}.cardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.metricValue{margin-top:10px;font-size:26px;font-weight:700}.metric.good{border-color:#74d5a573}.metric.warn{border-color:#e3c17973}.metric.bad{border-color:#f09aaa73}.muted{color:var(--text-muted)}.error{color:var(--danger)}.toast{margin:0;border:1px solid var(--border);border-radius:12px;padding:10px 12px;width:fit-content;background:#ffffff0a}.toast.ok{color:var(--success);border-color:#74d5a573}.toast.bad{color:var(--danger);border-color:#f09aaa73}button,input,select{font:inherit}button{background:linear-gradient(135deg,#8d7dff52,#5a8dff47);color:var(--text-main);border:1px solid var(--border);border-radius:12px;padding:8px 12px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #5a8dff2e}button:disabled{opacity:.45;cursor:not-allowed}input,select{width:100%;margin-top:4px;background:#ffffff0a;color:var(--text-main);border:1px solid var(--border-soft);border-radius:12px;padding:8px 10px}.filters{display:grid;grid-template-columns:repeat(2,minmax(180px,300px));gap:12px}.metricsFilters{grid-template-columns:repeat(4,minmax(150px,260px));align-items:end}.tableWrap{overflow:auto}.dataTable{width:100%;border-collapse:collapse;font-size:13px}.dataTable th,.dataTable td{text-align:left;padding:10px;border-top:1px solid var(--border-soft);vertical-align:top}.dataTable thead th{border-top:none;color:#afc0ea;font-weight:600}.badge{border-radius:999px;padding:3px 10px;font-size:12px;border:1px solid var(--border);background:#ffffff08}.badge.good{color:var(--success);border-color:#74d5a573}.badge.warn{color:var(--warning);border-color:#e3c17973}.badge.bad{color:var(--danger);border-color:#f09aaa73}.rowActions{display:flex;flex-wrap:wrap;gap:6px}.sectionHead{display:flex;justify-content:space-between;align-items:center}.healthRow{display:flex;gap:12px;flex-wrap:wrap}.drawer{position:fixed;top:0;right:0;width:min(780px,95vw);height:100vh;overflow:auto;background:linear-gradient(180deg,#090e1ff0,#080c1af2);border-left:1px solid var(--border);padding:16px;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawer header{display:flex;justify-content:space-between;align-items:center}.drawerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(460px,100%);display:grid;gap:12px}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040cad;display:grid;place-items:center;z-index:20}.modal{width:min(480px,90vw)}.settingsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.topStatusBar{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:12px}.emptyCell{color:var(--text-muted);text-align:center;padding:18px!important}.skeletonWrap{display:grid;gap:10px}.skeletonLine,.skeletonCard{background:linear-gradient(90deg,#ffffff0d,#ffffff1c,#ffffff0d);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:12px}.skeletonLine{height:14px}.skeletonLine.short{width:45%}.skeletonGrid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.skeletonCard{height:72px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1080px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border-soft);height:auto;max-height:min(70vh,520px);position:relative}.sidebarNav{max-height:min(42vh,360px)}.topStatusBar{grid-template-columns:1fr}.topBar,.miniHeader{flex-wrap:wrap}}.banner{border-radius:12px;padding:10px 14px;border:1px solid var(--border);background:#ffffff0a}.banner.warn{border-color:#e3c17973;color:var(--warning)}.badgeRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-soft);color:var(--text-muted)}.kpiRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.smallNote{font-size:12px;margin-top:8px}.emptyHint{padding:12px 0}.barChart{display:flex;align-items:flex-end;gap:4px;height:140px;margin-top:12px;overflow-x:auto;padding-bottom:4px}.barCell{flex:0 0 10px;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.barFill{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:.85}.barLabel{font-size:9px;color:var(--text-muted);margin-top:4px;writing-mode:horizontal-tb}.compactList{margin:6px 0 0;padding-left:16px;font-size:12px;color:var(--text-muted)}.dangerAction{color:var(--danger);font-weight:600}.broadcast-card .broadcast-message-area{width:100%;min-height:180px;resize:vertical;font-size:14px;line-height:1.5}.broadcast-filters{align-items:flex-end}.broadcast-actions{align-items:flex-end;flex-wrap:wrap}.broadcast-test-field{flex:1 1 220px}.broadcast-test-field input{width:100%}.broadcast-confirm{display:grid;gap:10px}.broadcast-confirm-field input{width:100%;max-width:420px}.broadcast-inline-alert{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid rgb(240 120 140 / 35%);background:#f0788c1f;color:var(--danger);font-size:14px;line-height:1.45}.broadcast-preview-root{display:grid;gap:14px}.broadcast-preview-heading .broadcast-preview-title{margin:0 0 4px;font-size:17px}.broadcast-preview-sub{margin:0;font-size:13px}.broadcast-preview-meta{font-size:13px;display:grid;gap:8px}.broadcast-preview-warnings ul{margin:6px 0 0;padding-left:18px;color:var(--warning)}.broadcast-preview-placeholder{padding:18px 16px;border-radius:14px;border:1px dashed var(--border-soft);background:#ffffff08;font-size:14px;line-height:1.5}.broadcast-preview-chat{border-radius:18px;padding:18px 16px 20px;background:radial-gradient(420px 180px at 12% 0%,rgb(141 125 255 / 18%),transparent 65%),linear-gradient(165deg,#0c1224f2,#080c18fa);border:1px solid var(--border-soft);box-shadow:0 12px 40px #00000059}.broadcast-preview-chat-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.broadcast-preview-bot-dot{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 4px 14px #5a69ff59}.broadcast-preview-bot-name{font-weight:600;font-size:15px}.broadcast-preview-bot-caption{font-size:12px}.broadcast-preview-bubble-wrap{display:flex;justify-content:flex-start}.broadcast-preview-bubble{max-width:min(100%,520px);padding:14px 16px;border-radius:16px 16px 16px 6px;background:linear-gradient(180deg,#ffffff1f,#ffffff12);border:1px solid rgb(255 255 255 / 12%);color:var(--text-main);font-size:15px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.broadcast-subheading{margin:16px 0 8px;font-size:15px}.broadcast-attachment-panel{margin:12px 0 16px;padding:14px 14px 16px;border-radius:14px;border:1px solid var(--border-soft);background:#ffffff0a}.broadcast-attachment-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.broadcast-file-pick input[type=file]{max-width:100%}.broadcast-upload-hint{margin:8px 0 0}.broadcast-uploaded-card{margin-top:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.broadcast-remove-btn{background:transparent;border:1px solid rgb(240 120 140 / 45%);color:var(--danger);border-radius:10px;padding:8px 12px;cursor:pointer}.broadcast-test-hint{margin-bottom:8px}.broadcast-preview-media-shell{margin-bottom:12px;border-radius:14px;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);background:#00000059}.broadcast-preview-album-shell{padding:10px;background:#00000073}.broadcast-preview-album-grid{display:grid;gap:6px;width:100%}.broadcast-preview-album-grid--2,.broadcast-preview-album-grid--4{grid-template-columns:repeat(2,1fr)}.broadcast-preview-album-grid--many{grid-template-columns:repeat(3,1fr)}.broadcast-preview-album-cell{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);background:#ffffff0a}.broadcast-preview-album-img{width:100%;height:100%;object-fit:cover;display:block}.broadcast-preview-album-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:14px}.broadcast-album-summary{margin-top:8px}.broadcast-album-file-list{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.broadcast-album-file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border-soft);background:#ffffff08;font-size:13px}.broadcast-preview-media-img{display:block;width:100%;max-height:280px;object-fit:contain}.broadcast-preview-media-video{display:block;width:100%;max-height:280px}.broadcast-preview-doc-card{padding:14px 16px}.broadcast-preview-doc-title{font-weight:600}.broadcast-preview-doc-meta{font-size:12px;margin-top:4px}.broadcast-preview-caption-empty{font-size:13px;margin-top:8px}