:root{--bg:#100d13;--panel:#19141d;--panel2:#211925;--line:#33283a;--text:#f6f1f7;--muted:#a99dac;--pink:#ff4d8d;--pink2:#ff79a9;--violet:#b692ff;--good:#61d69d;--warning:#f4c66b;--danger:#ff6b78;--shadow:0 22px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:radial-gradient(circle at 75% -10%,rgba(255,77,141,.12),transparent 35%),var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{margin-left:250px;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:25px 18px;display:flex;flex-direction:column;background:rgba(18,14,21,.97);border-right:1px solid var(--line);z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 8px 27px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--pink),#9d5cff);box-shadow:0 10px 30px rgba(255,77,141,.25);font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.01em}.brand small{color:var(--muted);font-size:11px;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-radius:10px;color:#c9bdcc;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:var(--panel2);color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--pink)}.sidebar nav a span:not(.live-dot){font-size:11px;background:#35263a;border:1px solid #4c3852;padding:2px 7px;border-radius:999px}.live-dot{font-size:9px;color:#fff;background:var(--pink);padding:3px 6px;border-radius:5px;letter-spacing:.08em}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.link-button{background:none;border:0;color:var(--pink2);padding:0;cursor:pointer}.topbar{height:78px;position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid rgba(74,57,80,.6);background:rgba(16,13,19,.82);backdrop-filter:blur(18px)}.topbar strong,.topbar span{display:block}.topbar strong{font-size:20px}.page{padding:30px 34px 60px;max-width:1500px;margin:auto}.eyebrow{color:var(--pink2);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.16em;margin-bottom:4px}.hero{padding:36px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,77,141,.14),rgba(182,146,255,.06)),var(--panel);border-radius:20px;margin-bottom:20px;box-shadow:var(--shadow)}.hero h1{font-size:34px;margin:5px 0 8px;letter-spacing:-.04em}.hero p{color:var(--muted);margin:0;max-width:760px}.live-hero{background:linear-gradient(115deg,rgba(255,77,141,.2),rgba(182,146,255,.08) 55%,rgba(25,20,29,.8)),var(--panel)}.hero-label{display:flex;align-items:center;gap:10px;color:var(--pink2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero-label span:last-child{color:var(--muted);font-weight:600;margin-left:auto}.signal{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 6px rgba(255,77,141,.12)}.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:32px 0}.live-grid div{border-left:1px solid rgba(255,255,255,.15);padding-left:20px}.live-grid div:first-child{border-left:0;padding-left:0}.live-grid strong,.live-grid span{display:block}.live-grid strong{font-size:34px;letter-spacing:-.04em}.live-grid span{font-size:12px;color:var(--muted);margin-top:5px}.session-strip{display:flex;flex-wrap:wrap;gap:25px;padding:16px 18px;border-radius:12px;background:rgba(10,8,12,.45);color:var(--muted);font-size:12px}.session-strip strong{color:#fff;margin-left:5px}.comparison{display:flex;align-items:baseline;gap:10px;padding-top:16px;color:var(--muted);font-size:12px}.comparison strong{font-size:18px;color:#fff}.comparison span{margin-left:auto}.compact-hero{padding:28px}.compact-hero .live-grid{margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.span-2{grid-column:span 2}.panel{background:rgba(25,20,29,.94);border:1px solid var(--line);border-radius:17px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.14)}.panel h1,.panel h2,.panel h3{margin-top:0}.panel h1{font-size:27px;letter-spacing:-.03em}.panel h2{font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-head h1,.panel-head h2{margin:0}.panel-head>a{color:var(--pink2);font-size:12px}.panel-head>span{color:var(--muted);font-size:12px}.list-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-top:1px solid var(--line)}.list-row:first-of-type{border-top:0}.list-row strong,.list-row span{display:block}.list-row span{font-size:12px;color:var(--muted);margin-top:3px}.list-row time{color:var(--muted);font-size:12px;white-space:nowrap}.list-row b{font-size:13px}.empty{text-align:center;color:var(--muted);padding:30px 10px}.status{display:inline-block;padding:4px 8px;border:1px solid #4b3a52;background:#2b2130;border-radius:999px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#d5c8d8}.status.live,.status.good,.status.published,.status.active{color:var(--good);border-color:rgba(97,214,157,.35);background:rgba(97,214,157,.08)}.status.warning,.status.pending,.status.draft{color:var(--warning);border-color:rgba(244,198,107,.35);background:rgba(244,198,107,.08)}.status.failed,.status.critical{color:var(--danger);border-color:rgba(255,107,120,.35);background:rgba(255,107,120,.08)}.facts{margin:0}.facts div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.facts div:first-child{border-top:0}.facts dt{color:var(--muted);font-size:12px}.facts dd{margin:0;text-align:right;font-size:12px;font-weight:700}.facts.inline{display:flex;gap:28px}.facts.inline div{display:block;border:0}.alert-row{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between}.alert-row span{font-size:11px;color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 14px;border-top:1px solid var(--line);font-size:12px}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;border-top:0}td a{color:var(--pink2);font-weight:700}.conversation-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.conversation-row:first-of-type{border-top:0}.conversation-row strong,.conversation-row span{display:block}.conversation-row span,.conversation-row time{color:var(--muted);font-size:11px}.avatar{width:40px;height:40px;border-radius:13px;background:#31243a;display:grid;place-items:center;color:var(--pink2);font-weight:900}.conversation-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.message-stream{max-height:68vh;overflow:auto;padding-right:6px}.message-bubble{margin:12px 0;padding:14px;border:1px solid var(--line);background:#161119;border-radius:13px}.message-bubble.private{border-color:rgba(182,146,255,.35);background:rgba(182,146,255,.06)}.message-bubble.tip{border-color:rgba(255,77,141,.42);background:rgba(255,77,141,.08)}.message-bubble>div{display:flex;justify-content:space-between}.message-bubble time{font-size:10px;color:var(--muted)}.message-bubble p{margin:9px 0 0;line-height:1.5}.tip-pill{display:inline-block;margin-top:10px;padding:4px 8px;background:rgba(255,77,141,.18);color:var(--pink2);border-radius:999px;font-size:11px;font-weight:800}.privacy-note{font-size:11px;line-height:1.5;color:var(--muted)}.calendar-row{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.calendar-row>time strong,.calendar-row>time span,.calendar-row>div strong,.calendar-row>div span{display:block}.calendar-row>time span,.calendar-row>div span{font-size:11px;color:var(--muted)}.campaign-row{display:grid;grid-template-columns:minmax(200px,1fr) auto 90px 70px;gap:18px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.campaign-row strong,.campaign-row span,.campaign-row b,.campaign-row small{display:block}.campaign-row span,.campaign-row small{font-size:11px;color:var(--muted)}.content-card{display:grid;grid-template-columns:minmax(220px,1fr) 1.3fr;gap:20px;padding:16px 0;border-top:1px solid var(--line)}.content-card h3{margin:7px 0 3px}.content-card p{margin:0;color:var(--muted);font-size:12px}.variant-list>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--line)}.variant-list>div:first-child{border-top:0}.variant-list span{color:var(--muted);font-size:11px}.variant-list b{color:var(--good);font-size:10px;margin-left:auto}.variant-list form{margin-left:auto}.alert-card{display:flex;justify-content:space-between;gap:20px;padding:16px;border-left:3px solid var(--violet);border-top:1px solid var(--line)}.alert-card.warning{border-left-color:var(--warning)}.alert-card.critical{border-left-color:var(--danger)}.alert-card h3{margin:7px 0}.alert-card p{margin:0;color:var(--muted)}.alert-card time{font-size:11px;color:var(--muted);white-space:nowrap}.stacked-form p{margin:14px 0}.stacked-form label{display:block;color:var(--muted);font-size:11px;font-weight:700}.stacked-form input,.stacked-form select,.stacked-form textarea{width:100%;margin-top:6px;padding:10px 11px;border:1px solid #46364c;border-radius:9px;color:#fff;background:#120e15;outline:none}.stacked-form input:focus,.stacked-form select:focus,.stacked-form textarea:focus{border-color:var(--pink)}.stacked-form textarea{min-height:90px;resize:vertical}.stacked-form ul{color:var(--muted);font-size:11px;padding-left:18px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:9px;padding:10px 15px;cursor:pointer;font-weight:800}.primary{background:linear-gradient(135deg,var(--pink),#e9397b);color:white;box-shadow:0 8px 20px rgba(255,77,141,.2)}.secondary{color:var(--pink2);border:1px solid #563547;background:#21161f}.compact{padding:7px 11px;font-size:11px}.top-gap{margin-top:20px}.narrow{max-width:600px}.secret-display{display:block;padding:15px;border:1px solid var(--line);background:#0e0b10;border-radius:10px;word-break:break-all;color:var(--pink2)}.wrap{white-space:normal;word-break:break-all}.tabs{display:flex;gap:6px}.tabs a{padding:6px 9px;border-radius:8px;background:#281e2c;color:var(--muted);font-size:11px}.flash-stack{position:fixed;right:24px;top:91px;z-index:20;width:min(380px,calc(100vw - 48px))}.flash{padding:13px 15px;border:1px solid rgba(97,214,157,.3);background:#173126;border-radius:11px;margin-bottom:8px;box-shadow:var(--shadow);font-size:13px}.flash.error{background:#35191e;border-color:rgba(255,107,120,.35)}.auth-body{display:grid;place-items:center;padding:20px}.auth-card{width:min(440px,100%);padding:34px;border:1px solid var(--line);border-radius:20px;background:rgba(25,20,29,.96);box-shadow:var(--shadow)}.auth-brand{padding-left:0}.auth-card h1{font-size:31px;letter-spacing:-.04em;margin-bottom:6px}.auth-card>p{color:var(--muted);line-height:1.5}.nav-toggle,.menu-button{display:none}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.live-grid{grid-template-columns:repeat(2,1fr)}.live-grid div:nth-child(3){border-left:0;padding-left:0}.conversation-layout{grid-template-columns:1fr}}
@media(max-width:760px){main{margin-left:0}.sidebar{transform:translateX(-100%);transition:transform .2s}.nav-toggle:checked~.sidebar{transform:translateX(0)}.menu-button{display:inline-block;color:var(--pink2);font-size:12px}.topbar{padding:0 18px}.page{padding:20px 14px 45px}.topbar .primary{display:none}.dashboard-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.hero{padding:24px}.hero h1{font-size:27px}.live-grid{gap:15px}.live-grid strong{font-size:27px}.campaign-row,.content-card{grid-template-columns:1fr}.session-strip{gap:12px}.comparison{display:block}.comparison span{display:block;margin-top:6px}.sidebar{box-shadow:30px 0 80px rgba(0,0,0,.55)}.nav-toggle:checked~main:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9;pointer-events:none}}