@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg:#07111e;--bg-elevated:#0a182ae0;--panel:#0a182aeb;--panel-strong:#0c1e34f5;--border:#89abdc2e;--border-strong:#89abdc47;--text:#eef5ff;--muted:#94a6c7;--muted-strong:#bac8e4;--accent:#43c8ff;--accent-strong:#00ffb6;--danger:#ff5f6d;--amber:#ffbf5a;--blue-soft:#43c8ff1f;--green-soft:#00ffb624;--amber-soft:#ffbf5a29;--danger-soft:#ff5f6d29;--shadow:0 26px 70px #00000057}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#43c8ff2e,#0000 32%),radial-gradient(circle at 100% 0,#00ffb61f,#0000 24%),linear-gradient(135deg,#04101d 0%,#07111e 36%,#09182c 100%);margin:0;font-family:Manrope,sans-serif}body:before{content:"";pointer-events:none;background-image:linear-gradient(#557fc414 1px,#0000 1px),linear-gradient(90deg,#557fc414 1px,#0000 1px);background-size:56px 56px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 95%);mask-image:linear-gradient(#000000e6,#0000 95%)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#05111fb8;border-radius:16px;outline:none;padding:13px 14px;transition:border-color .2s,transform .2s,background .2s}input:focus,select:focus,textarea:focus{background:#071423e0;border-color:#43c8ff8c}textarea{resize:vertical;min-height:110px}code{color:#bce9ff;word-break:break-all;font-family:IBM Plex Mono,Consolas,monospace}h1,h2,h3,strong{font-family:Space Grotesk,sans-serif}.appShell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#050e1af5,#081322e0);flex-direction:column;flex:0 0 292px;gap:22px;width:292px;height:100vh;padding:28px 24px;display:flex;position:sticky;top:0}.brandBlock,.profileCard,.opsBadge,.navButton,.statusPill,.loginBadge,.heroPoints span,.statCard,.profilePill,.iconButton,.primaryButton,.secondaryButton,.ghostButton,.dangerButton,.toggleField,.tabButton{align-items:center;display:inline-flex}.brandBlock{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.brandIcon,.profileIcon,.statIcon,.platformIcon,.emptyIcon,.loginBadge svg,.opsBadge svg{width:42px;height:42px;color:var(--accent);background:linear-gradient(135deg,#43c8ff33,#00ffb61f);border:1px solid #43c8ff2e;border-radius:14px;place-items:center;display:grid}.brandBlock h2,.profileCard strong{margin:0}.brandBlock p,.profileCard span,.sectionHeader p,.panelHeader p,.platformTop p,.channelTop p,.consoleMeta span,.logRow span,.detailList span,.infoBlock span,.profilePill span,.statCard span,.toggleField small,.emptyState p,.loginCard p{color:var(--muted)}.profileCard{border:1px solid var(--border);background:#0d1c30ad;border-radius:22px;gap:12px;width:100%;padding:14px}.navStack{flex-direction:column;gap:8px;display:flex}.navButton{width:100%;color:var(--muted-strong);background:0 0;border:1px solid #0000;border-radius:18px;justify-content:flex-start;gap:12px;padding:14px 15px;transition:transform .18s,border-color .18s,background .18s}.navButton:hover,.navButton.active{color:var(--text);background:linear-gradient(135deg,#43c8ff29,#00ffb614);border-color:#43c8ff47;transform:translate(3px)}.sidebarFoot{flex-direction:column;gap:14px;margin-top:auto;display:flex}.opsBadge{color:#b7ffe9;background:#00ffb614;border:1px solid #00ffb629;border-radius:18px;gap:10px;padding:12px 14px}.pageContent{flex:1;padding:34px;overflow:auto}.sectionHeader,.panelHeader,.modalHeader,.channelTop,.cardActions,.panelActions,.buttonGroup,.headerActions,.rowActions,.consoleMessage,.platformTop,.profileCard,.heroPoints,.tabRow{display:flex}.sectionHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.eyebrow{color:#8fe5ff;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-block}.sectionHeader h1,.panelHeader h2,.modalHeader h2,.channelTop h3,.emptyState h3{margin:0}.sectionHeader h1{font-size:38px;line-height:1.04}.headerActions,.panelActions,.buttonGroup,.cardActions,.rowActions,.tabRow{flex-wrap:wrap;gap:10px}.summaryGrid,.metricRow,.channelGrid,.platformGrid,.dualGrid,.infoGrid,.toggleGrid{gap:18px;display:grid}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.statCard{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow);border-radius:22px;gap:14px;padding:18px}.statCard strong{margin-top:5px;font-size:26px;line-height:1.05;display:block}.statCard.green{background:linear-gradient(135deg,#00ffb61f,#0a182aeb)}.statCard.amber{background:linear-gradient(135deg,#ffbf5a24,#0a182aeb)}.panel,.channelCard,.modalPanel,.loginCard,.loadingCard{border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px}.panel{margin-bottom:22px;padding:24px}.panelHeader,.modalHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.messageBanner{color:#d7f7ff;background:#43c8ff1f;border:1px solid #43c8ff38;border-radius:16px;margin-bottom:18px;padding:12px 16px}.messageBanner.error{color:#ffd9dd;background:#ff5f6d24;border-color:#ff5f6d3d}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formGrid.twoCol{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.fourCol{grid-template-columns:repeat(4,minmax(0,1fr))}.formGrid label,.toggleField{flex-direction:column;gap:8px;display:flex}.formGrid span,.toggleField strong{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.fullSpan{grid-column:1/-1}.toggleGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.toggleField{border:1px solid var(--border);background:#07142394;border-radius:18px;flex-direction:row;align-items:flex-start;gap:12px;padding:14px}.toggleField input{width:18px;height:18px;margin-top:3px}.primaryButton,.secondaryButton,.ghostButton,.dangerButton,.iconButton{color:var(--text);border:1px solid #0000;border-radius:16px;gap:8px;padding:12px 16px;transition:transform .18s,border-color .18s,opacity .18s}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover,.dangerButton:hover,.iconButton:hover,.tabButton:hover{transform:translateY(-1px)}.primaryButton{background:linear-gradient(135deg,#1db7ff,#1f86ff)}.secondaryButton{background:linear-gradient(135deg,#43c8ff29,#43c8ff14);border-color:#43c8ff2e}.ghostButton,.iconButton{border-color:var(--border);background:#081422ad}.dangerButton,.dangerInline{background:linear-gradient(135deg,#ff5f6de6,#ff7b58e6)}.fullWidth{justify-content:center;width:100%}.channelCard{background:linear-gradient(#0b1c30f2,#081422f0);padding:22px}.channelTop{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.channelTitleRow{align-items:center;gap:10px;margin-bottom:6px;display:flex}.previewVideo,.videoPlaceholder{background:linear-gradient(135deg,#020b14f5,#071525f5);border:1px solid #6386be2e;border-radius:22px;width:100%;height:264px;margin-bottom:16px}.previewVideo{object-fit:cover;display:block}.videoPlaceholder{color:var(--muted);place-items:center;gap:12px;display:grid}.metricRow{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.infoGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.infoBlock,.detailList div{border:1px solid var(--border);background:#040e198c;border-radius:18px;gap:8px;padding:14px;display:grid}.detailList,.stackList{gap:12px;display:grid}.detailList strong,.detailList code{line-height:1.45;display:block}.profileGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.profilePill{background:#43c8ff14;border:1px solid #43c8ff29;border-radius:18px;justify-content:space-between;padding:12px 14px}.cardActions{align-items:center}.platformGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.platformCard{border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(#091729f5,#06121fe6);border-radius:24px;padding:20px}.platformTop{align-items:flex-start;gap:14px;margin-bottom:16px}.statusPill{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.statusPill.green{background:var(--green-soft);color:#9fffdc}.statusPill.red{background:var(--danger-soft);color:#ffc1c7}.statusPill.blue{background:var(--blue-soft);color:#b7edff}.statusPill.amber{background:var(--amber-soft);color:#ffd7a0}.modalBackdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;background:#030810c7;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.modalPanel{width:min(860px,96vw);max-height:calc(100vh - 56px);padding:26px;overflow:auto}.modalPanel.wide{width:min(1240px,96vw)}.tabRow{margin-bottom:18px}.tabButton{border:1px solid var(--border);color:var(--muted-strong);background:#0714239e;border-radius:14px;padding:10px 14px}.tabButton.active{color:var(--text);background:linear-gradient(135deg,#43c8ff29,#00ffb61f);border-color:#43c8ff5c}.modalSection{gap:18px;display:grid}.dualGrid{grid-template-columns:1.2fr 1fr}.tableWrap{border:1px solid var(--border);border-radius:22px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #89abdc1f;padding:14px 16px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#091729eb;font-size:12px;position:sticky;top:0}.rowActions{align-items:center}.emptyState{text-align:center;padding:38px 14px}.emptyIcon{margin:0 auto 12px}.logRow,.consoleRow{border:1px solid var(--border);background:#0714238f;border-radius:18px;padding:14px}.logRow{justify-content:space-between;align-items:center}.logRow div,.consoleMeta{flex-direction:column;gap:4px;display:flex}.consoleRow{gap:12px;display:grid}.consoleMessage{align-items:flex-start;gap:12px}.consoleMessage p{color:var(--muted-strong);margin:0}.chartWrap{height:320px}.loadingShell,.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loadingCard{align-items:center;gap:12px;padding:24px 28px;display:inline-flex}.loginCard{background:radial-gradient(circle at 100% 0,#43c8ff29,#0000 32%),linear-gradient(#0a192bf5,#07121efa);width:min(560px,100%);padding:34px}.loginBadge{color:#d6f8ff;gap:10px;margin-bottom:18px}.loginBadge svg{width:32px;height:32px}.loginCard h1{margin:0 0 10px;font-size:42px;line-height:1.02}.heroPoints{flex-wrap:wrap;gap:10px;margin:22px 0}.heroPoints span{border:1px solid var(--border);background:#43c8ff14;border-radius:999px;padding:10px 14px}.formStack{gap:14px;display:grid}.uploadButton{position:relative;overflow:hidden}.uploadButton input{opacity:0;cursor:pointer;position:absolute;inset:0}@media (width<=1180px){.summaryGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.formGrid.fourCol,.dualGrid{grid-template-columns:1fr}}@media (width<=980px){.appShell{flex-direction:column}.sidebar{flex:initial;width:100%;height:auto;position:relative}.pageContent{padding:22px}.channelGrid,.platformGrid,.toggleGrid,.summaryGrid,.metricRow,.infoGrid,.profileGrid,.formGrid,.formGrid.twoCol{grid-template-columns:1fr}.modalBackdrop{padding:12px}.modalPanel,.modalPanel.wide{width:100%}}@media (width<=620px){.sectionHeader h1{font-size:30px}.loginCard{padding:24px}.headerActions,.buttonGroup,.cardActions,.tabRow{flex-direction:column;align-items:stretch}}.brandText{flex:1;min-width:0}.brandTextStack{gap:6px;display:grid}.brandTextStack h2{font-size:34px;line-height:1}.brandTextStack p{color:var(--muted-strong);margin:0;font-size:14px}.brandLogoHero{width:100%;min-height:60px;box-shadow:none;background:0 0;border:0;justify-content:flex-start;align-items:center;padding:0;display:flex}.brandLogoHero img{object-fit:contain;max-width:210px;max-height:64px}.brandLogoHero span{color:#f5fbff;font-size:28px;font-weight:800}.channelGrid{grid-template-columns:1fr}.channelCard{background:linear-gradient(#0b192cf5,#050f1bf5);gap:18px;padding:24px;display:grid}.channelWorkbench{grid-template-columns:minmax(360px,520px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.channelPreviewColumn,.channelMetaColumn,.infoPanel,.placementMeta,.assetPreviewPanel,.libraryCard,.analyticsCard{min-width:0}.channelMetaColumn{gap:18px;display:grid}.monitorFrame{background:linear-gradient(#07121ffa,#050d18f0);border:1px solid #5888c52e;border-radius:28px;width:min(100%,520px);padding:12px;box-shadow:inset 0 1px #ffffff0a,0 20px 55px #00000047}.monitorFrame .previewVideo,.monitorFrame .videoPlaceholder{aspect-ratio:16/9;border-radius:20px;height:auto;min-height:0;margin-bottom:0}.monitorFrame .previewVideo{background:#000}.cardStatsRow{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,520px);margin-top:14px;display:grid}.miniStatCard{background:#071423b8;border:1px solid #6691cd29;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.miniStatCard span,.miniStatCard small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.miniStatCard strong{font-size:18px}.infoPanel{background:#07121fc2;border:1px solid #6691cd26;border-radius:24px;padding:18px;box-shadow:inset 0 1px #ffffff0a}.panelHeader.compact{margin-bottom:14px}.compactList{grid-template-columns:repeat(2,minmax(0,1fr))}.compactProfiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:0}.linkStack{gap:12px;display:grid}.linkCard{background:#040e19a3;border:1px solid #6691cd29;border-radius:18px;padding:14px 16px}.linkCardTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.linkCardTop span{color:var(--muted-strong);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.linkCard code{color:#d7ecff;overflow-wrap:anywhere;font-size:13px;line-height:1.45;display:block}.linkValue{color:#d7ecff;text-overflow:ellipsis;background:0 0;border:0;width:100%;padding:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.45;overflow:hidden}.linkValue:focus{outline:none}.smallButton{padding:9px 12px;font-size:13px}.searchField{border:1px solid var(--border);background:#06121fd1;border-radius:18px;align-items:center;gap:10px;min-width:240px;padding:0 14px;display:flex}.searchField svg{color:var(--accent-strong);flex:none}.searchField input{background:0 0;border:0;padding:13px 0}.searchField input:focus{background:0 0}.compactSearch{min-width:min(360px,100%)}.platformLogo{background:#091421eb;border:1px solid #7a9fd62e;border-radius:18px;place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.platformLogo img{width:100%;height:100%}.platformLogo span{letter-spacing:.12em;color:#cff6ff;font-size:22px;font-weight:800}.platformPlacementGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.placementCard{box-shadow:var(--shadow);background:linear-gradient(#081422eb,#050e18e6);border:1px solid #759cd629;border-radius:24px;align-items:center;gap:14px;padding:18px;display:flex}.placementMeta{gap:8px;display:grid}.placementMeta h3,.libraryCard h3,.analyticsCard h3{margin:0}.placementMeta p,.libraryCard p,.analyticsCard p{color:var(--muted);margin:0}.assetControls{margin-top:14px}.assetUploadRow{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.assetPreviewPanel{background:#07121fc7;border:1px solid #759cd629;border-radius:24px;padding:20px}.logoEditorGrid{align-items:stretch}.assetPreviewCard{background:linear-gradient(#081422d1,#060e19b3);border:1px dashed #43c8ff47;border-radius:20px;gap:18px;padding:18px;display:grid}.largePreviewLogo{width:180px!important;height:110px!important}.logoEditorPreview{justify-content:center;min-height:280px}.editorPreviewLogo{width:min(100%,320px)!important;height:180px!important}.logoEditorMeta h3{margin:0 0 8px}.logoEditorMeta p{color:var(--muted);margin:0}.platformLibraryGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px;display:grid}.compactLibrary{align-content:start}.libraryCard,.analyticsCard{box-shadow:var(--shadow);background:linear-gradient(#081422eb,#050e18e6);border:1px solid #759cd629;border-radius:22px;padding:18px}.analyticsCardGrid,.scteMonitorGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.analyticsCard .detailList,.libraryCard .detailList{margin-top:14px}.statusFootNote{color:var(--muted);letter-spacing:.02em;margin-top:10px;font-size:12px}@media (width<=1320px){.channelWorkbench{grid-template-columns:1fr}.monitorFrame,.cardStatsRow{width:100%}}@media (width<=980px){.compactList,.cardStatsRow,.platformPlacementGrid,.platformLibraryGrid,.analyticsCardGrid,.scteMonitorGrid{grid-template-columns:1fr}.searchField,.compactSearch{width:100%;min-width:0}}@media (width<=620px){.brandLogoHero img{max-width:180px}.channelCard,.platformCard,.libraryCard,.analyticsCard,.placementCard{padding:18px}.monitorFrame{padding:10px}}