:root{--bg:#090b10;--bg2:#0f1219;--panel:#121620;--panel2:#171c27;--panel3:#1d2330;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.12);--text:#f5f7fb;--muted:#8992a6;--muted2:#667085;--accent:#8d7cff;--accent2:#5a9cff;--good:#41d69b;--warn:#ffca68;--bad:#ff6b7c;--bubble:#202737;--mine:#725ff3;--shadow:0 20px 60px rgba(0,0,0,.35);--r:18px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:#9f96ff}.brand-mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#a398ff,#6555ea);box-shadow:0 10px 30px rgba(112,95,243,.35);font-weight:900}.brand-mark.big{width:52px;height:52px;border-radius:17px;font-size:20px;margin-bottom:20px}.login-shell{height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(118,96,255,.14),transparent 32%),radial-gradient(circle at 82% 85%,rgba(73,147,255,.10),transparent 35%),#090b10}.login-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.25}.glow-a{width:420px;height:420px;background:#745eff;left:-160px;top:-180px}.glow-b{width:380px;height:380px;background:#3c99ff;right:-140px;bottom:-160px}.login-card{position:relative;width:min(410px,calc(100vw - 34px));padding:42px;border:1px solid var(--line2);border-radius:28px;background:rgba(18,22,32,.88);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.login-card h1{font-size:32px;margin:7px 0 8px}.login-card p{margin:0 0 30px}.login-card label{display:block;font-size:12px;font-weight:700;color:#afb7c8;margin:15px 0 7px}.login-card input{width:100%;border:1px solid var(--line2);background:#0c0f16;color:var(--text);padding:13px 14px;border-radius:12px;outline:none}.login-card input:focus{border-color:#7d6ff2;box-shadow:0 0 0 3px rgba(125,111,242,.12)}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#8776ff,#6454ec);box-shadow:0 10px 24px rgba(100,84,236,.24)}.wide{width:100%;margin-top:20px}.form-error{min-height:18px;color:#ff8793;font-size:12px;margin-top:10px}.secure-note{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.good{background:var(--good)}.app{height:100%;display:grid;grid-template-columns:68px 1fr;overflow:hidden}.rail{background:#090b10;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:14px 0;z-index:20}.rail-nav{display:flex;flex-direction:column;gap:7px;margin-top:36px}.rail-btn{width:42px;height:42px;border:0;background:transparent;border-radius:13px;color:#727d92;font-size:20px;cursor:pointer;transition:.18s}.rail-btn:hover{background:var(--panel2);color:#dbe0ea}.rail-btn.active{background:#171a2d;color:#afa6ff;box-shadow:inset 0 0 0 1px rgba(140,124,255,.14)}.rail-bottom{margin-top:auto;display:flex;align-items:center;flex-direction:column;gap:14px}.status-orb{width:10px;height:10px;border-radius:50%;background:#6b7280;box-shadow:0 0 0 4px rgba(107,114,128,.12)}.status-orb.online{background:var(--good);box-shadow:0 0 0 4px rgba(65,214,155,.12),0 0 18px rgba(65,214,155,.4)}.workspace{min-width:0;min-height:0;position:relative}.view{display:none;height:100%}.active-view{display:grid}.inbox-layout{grid-template-columns:330px minmax(420px,1fr) 300px}.conversation-pane,.detail-pane,.chat-pane{min-width:0;min-height:0;background:var(--bg2)}.conversation-pane{border-right:1px solid var(--line);display:flex;flex-direction:column}.pane-head{display:flex;align-items:flex-end;justify-content:space-between;padding:24px 20px 15px}.pane-head h2{margin:4px 0 0;font-size:22px}.count-pill{font-size:10px;font-weight:800;color:#bdb7ff;background:rgba(127,109,255,.12);padding:7px 9px;border-radius:999px}.search-wrap{margin:0 14px 11px;height:40px;border:1px solid var(--line);background:#0b0e14;border-radius:12px;display:flex;align-items:center;padding:0 11px;color:#707a8d}.search-wrap input{border:0;background:transparent;color:var(--text);width:100%;outline:0;padding:0 8px;font-size:12px}.filters{display:flex;gap:6px;overflow:auto;padding:0 14px 12px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid var(--line);background:transparent;color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:750;cursor:pointer}.filter.active{color:#c9c4ff;background:rgba(127,109,255,.11);border-color:rgba(127,109,255,.23)}.conversation-list{overflow:auto;padding:0 8px 15px}.conversation-item{display:grid;grid-template-columns:44px 1fr auto;gap:11px;padding:12px;border-radius:14px;cursor:pointer;transition:.16s;border:1px solid transparent}.conversation-item:hover{background:#141923}.conversation-item.active{background:#181d29;border-color:var(--line)}.avatar{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#242b3b,#171c27);display:grid;place-items:center;font-weight:900;color:#aaa2ff;flex:none}.avatar.xl{width:68px;height:68px;border-radius:22px;font-size:23px}.conversation-copy{min-width:0}.conversation-top{display:flex;justify-content:space-between;gap:8px}.conversation-name{font-size:13px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-time{font-size:9px;color:var(--muted)}.conversation-preview{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.unread{align-self:center;min-width:20px;height:20px;border-radius:999px;background:var(--accent);font-size:9px;font-weight:900;display:grid;place-items:center;padding:0 6px}.chat-pane{display:flex;position:relative;background:radial-gradient(circle at 50% -10%,rgba(123,102,255,.055),transparent 32%),#0c0f15}.empty-chat{margin:auto;text-align:center;color:var(--muted);padding:30px}.empty-icon{width:64px;height:64px;border-radius:22px;background:#141823;margin:0 auto 14px;display:grid;place-items:center;color:#8d80f6;font-size:25px}.empty-chat h3{color:#e7eaf0;margin:4px 0}.empty-chat p{font-size:12px}.chat-active{height:100%;width:100%;display:grid;grid-template-rows:68px 1fr auto 66px;min-height:0}.chat-head{border-bottom:1px solid var(--line);padding:0 18px;display:flex;align-items:center;background:rgba(12,15,21,.8);backdrop-filter:blur(14px)}.chat-title{min-width:0;margin-left:11px}.chat-title h3{font-size:14px;margin:0 0 3px}.subline{font-size:10px;color:var(--muted)}.chat-head-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.window-badge{font-size:9px;border-radius:999px;padding:6px 8px;background:rgba(65,214,155,.09);color:#75e6ba;border:1px solid rgba(65,214,155,.13)}.window-badge.closed{background:rgba(255,107,124,.08);color:#ff8996;border-color:rgba(255,107,124,.12)}.icon-btn{background:transparent;border:0;color:#8d96a8;font-size:22px;cursor:pointer}.message-area{min-height:0;overflow:auto;padding:24px clamp(18px,4vw,55px);display:flex;flex-direction:column;gap:7px}.day-sep{text-align:center;color:#687287;font-size:9px;font-weight:700;margin:12px 0}.message{max-width:min(70%,620px);padding:10px 12px;border-radius:15px;font-size:12px;line-height:1.45;position:relative;box-shadow:0 4px 14px rgba(0,0,0,.10);white-space:pre-wrap;word-break:break-word}.message.in{align-self:flex-start;background:var(--bubble);border-bottom-left-radius:5px}.message.out{align-self:flex-end;background:linear-gradient(135deg,#7562f3,#6555dc);border-bottom-right-radius:5px}.message-meta{display:flex;justify-content:flex-end;gap:5px;font-size:8px;margin-top:5px;opacity:.66}.message-media{display:block;max-width:300px;max-height:320px;border-radius:10px;margin-bottom:7px}.message a{color:inherit}.quick-strip{padding:8px 14px;border-top:1px solid var(--line);display:flex;gap:7px;overflow:auto;background:#0d1017;scrollbar-width:none}.quick-chip{border:1px solid var(--line);background:#151a24;border-radius:999px;color:#adb5c5;padding:6px 10px;font-size:9px;white-space:nowrap;cursor:pointer}.quick-chip:hover{color:#ddd9ff;border-color:rgba(140,124,255,.3)}.composer{display:grid;grid-template-columns:42px 1fr 44px;gap:8px;align-items:center;padding:10px 14px 12px;border-top:1px solid var(--line);background:#0b0e14}.composer textarea{resize:none;max-height:110px;min-height:42px;border:1px solid var(--line);border-radius:14px;background:#151922;color:var(--text);padding:11px 13px;outline:0;font-size:12px}.composer textarea:focus{border-color:rgba(140,124,255,.28)}.attach-btn,.send-btn{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;cursor:pointer}.attach-btn{background:#151922;color:#9ba4b6;border:1px solid var(--line);font-size:20px}.send-btn{border:0;background:linear-gradient(135deg,#8776ff,#6454ec);font-size:15px}.detail-pane{border-left:1px solid var(--line);overflow:auto;background:#0d1017}.detail-empty{height:100%;display:grid;place-items:center;color:#667085;font-size:11px}.detail-profile{text-align:center;padding:27px 20px 20px;border-bottom:1px solid var(--line)}.detail-profile .avatar{margin:auto}.detail-profile h3{margin:11px 0 3px;font-size:15px}.detail-profile p{margin:0;font-size:10px}.status-badge{display:inline-block;margin-top:11px;padding:6px 9px;border-radius:999px;background:#1a2030;font-size:9px;font-weight:800;color:#aeb6c7;text-transform:uppercase}.detail-section{padding:17px;border-bottom:1px solid var(--line)}.section-title{font-size:8px;font-weight:900;color:#667085;letter-spacing:.14em;margin-bottom:10px}.info-card{border:1px solid var(--line);border-radius:12px;background:#121620;padding:11px;font-size:10px;color:#b1b8c6}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-grid div{background:#121620;border:1px solid var(--line);border-radius:11px;padding:9px;min-width:0}.meta-grid span{display:block;font-size:8px;color:#70798b;margin-bottom:4px}.meta-grid b{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-buttons{display:flex;flex-wrap:wrap;gap:6px}.status-buttons button{border:1px solid var(--line);background:#121620;border-radius:9px;padding:7px 8px;font-size:9px;color:#8f98aa;cursor:pointer}.status-buttons button.active{background:rgba(129,111,255,.13);border-color:rgba(129,111,255,.25);color:#bbb4ff}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:9px;border-radius:999px;padding:6px 8px;background:#181d28;color:#abb4c4}.tag-add{display:grid;grid-template-columns:1fr 31px;gap:6px;margin-top:9px}.tag-add input{min-width:0;border:1px solid var(--line);background:#11151e;border-radius:9px;color:var(--text);padding:7px 8px;font-size:9px;outline:0}.tag-add button{border:0;border-radius:9px;background:#1b2030;color:#aaa2ff;cursor:pointer}.content-view{overflow:auto;padding:34px;background:radial-gradient(circle at 80% 0,rgba(118,96,255,.065),transparent 30%),#0b0e14}.content-view.active-view{display:block}.page-title{display:flex;align-items:flex-start;justify-content:space-between;max-width:1200px;margin:0 auto 26px}.page-title h1{font-size:28px;margin:4px 0 6px}.page-title p{color:var(--muted);font-size:12px;margin:0}.live-chip{border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900;color:#9ba5b8;display:flex;gap:7px;align-items:center}.pulse{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px rgba(65,214,155,.10)}.metric-cards{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-card{padding:20px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(145deg,#141923,#10141c);box-shadow:0 12px 35px rgba(0,0,0,.10)}.metric-label{font-size:9px;color:#7d879a;font-weight:800;letter-spacing:.07em}.metric-value{font-size:30px;font-weight:900;margin:8px 0 3px}.metric-note{font-size:9px;color:#7f899a}.dashboard-grid,.settings-grid{max-width:1200px;margin:12px auto 0;display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.panel{border:1px solid var(--line);background:#11151e;border-radius:18px;padding:19px}.panel-title{font-size:12px;font-weight:850;margin-bottom:15px}.recent-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:11px 0;border-top:1px solid var(--line);align-items:center}.recent-main b{display:block;font-size:11px}.recent-main span{font-size:9px;color:var(--muted)}.mini-status{font-size:8px;padding:5px 7px;border-radius:999px;background:#1c2230;color:#9aa4b7;text-transform:uppercase}.recent-time{font-size:9px;color:#687287}.pipeline-row{margin:14px 0}.pipeline-top{display:flex;justify-content:space-between;font-size:10px;margin-bottom:7px}.pipeline-bar{height:7px;border-radius:999px;background:#1b202c;overflow:hidden}.pipeline-fill{height:100%;background:linear-gradient(90deg,#705ef1,#9b8fff);border-radius:999px}.quick-admin{max-width:1000px;margin:auto}.quick-form{display:grid;grid-template-columns:150px 180px 1fr auto;gap:8px}.quick-form input,.quick-form textarea{border:1px solid var(--line);background:#0d1017;border-radius:11px;color:var(--text);padding:10px;outline:0;resize:vertical}.quick-form textarea{min-height:42px}.quick-admin-list{margin-top:18px}.quick-row{display:grid;grid-template-columns:100px 160px 1fr 32px;gap:10px;align-items:center;padding:11px;border-top:1px solid var(--line);font-size:10px}.quick-row code{color:#b8b0ff}.quick-row button{border:0;background:transparent;color:#7d8799;cursor:pointer}.config-list{display:grid;gap:9px}.config-item{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-top:1px solid var(--line);font-size:10px}.config-item:first-child{border-top:0}.config-item span{color:var(--muted)}.config-item b{font-weight:800}.copy-box{display:flex;gap:8px;border:1px solid var(--line);background:#0d1017;padding:8px;border-radius:11px;align-items:center}.copy-box code{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;color:#bbb4ff}.copy-box button{border:0;background:#1d2230;border-radius:8px;padding:7px 9px;font-size:9px;cursor:pointer}.setup-note{margin-top:14px;font-size:10px;color:var(--muted);line-height:1.6}.toast-host{position:fixed;right:18px;top:18px;z-index:1000;display:grid;gap:8px}.toast{min-width:260px;max-width:380px;background:#1a1f2b;border:1px solid var(--line2);box-shadow:var(--shadow);border-radius:13px;padding:11px 13px;font-size:11px;animation:toastIn .2s ease}.toast.error{border-color:rgba(255,107,124,.3)}@keyframes toastIn{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}.mobile-only{display:none}.skeleton{animation:pulseSk 1.3s infinite;background:linear-gradient(90deg,#151a24,#1b202c,#151a24);background-size:200% 100%;border-radius:10px;height:54px;margin:7px}@keyframes pulseSk{0%{background-position:0 0}100%{background-position:-200% 0}}
@media(max-width:1100px){.inbox-layout{grid-template-columns:300px minmax(390px,1fr)}.detail-pane{position:absolute;right:0;top:0;bottom:0;width:300px;z-index:12;box-shadow:-20px 0 50px rgba(0,0,0,.35);transform:translateX(100%);transition:.2s}.detail-pane.open{transform:none}.metric-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app{grid-template-columns:1fr}.rail{position:fixed;bottom:0;left:0;right:0;height:60px;z-index:40;flex-direction:row;border-right:0;border-top:1px solid var(--line);padding:7px 10px;justify-content:center}.rail>.brand-mark{display:none}.rail-nav{margin:0;flex-direction:row}.rail-bottom{margin:0 0 0 8px;flex-direction:row}.rail-bottom .status-orb{display:none}.workspace{padding-bottom:60px}.inbox-layout{grid-template-columns:1fr}.conversation-pane{display:flex}.chat-pane{display:none;position:absolute;inset:0;z-index:20}.app.chat-open .conversation-pane{display:none}.app.chat-open .chat-pane{display:flex}.mobile-only{display:block}.detail-pane{bottom:60px;width:min(90vw,340px)}.content-view{padding:22px 14px}.metric-cards,.dashboard-grid,.settings-grid{grid-template-columns:1fr}.quick-form{grid-template-columns:1fr}.quick-row{grid-template-columns:80px 100px 1fr 28px}.message{max-width:85%}}

/* Premium Final additions */
:root{--gold:#d9c38a;--panel2:#0f131c;--violet:#8b7cff;--cyan:#70d7e7}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(139,124,255,.075),transparent 24%),radial-gradient(circle at 86% 18%,rgba(112,215,231,.045),transparent 23%);z-index:-1}
.rail{background:linear-gradient(180deg,#0b0e14 0%,#090b10 100%)}
.rail-brand-label{font-size:8px;font-weight:900;letter-spacing:.22em;color:#686f80;text-align:center;margin-top:-5px}
.premium-head{background:linear-gradient(180deg,rgba(139,124,255,.045),transparent)}
.head-sub{font-size:9px;color:#677184;margin-top:2px;letter-spacing:.02em}
.page-actions{display:flex;align-items:center;gap:9px}.btn.ghost{display:inline-flex;align-items:center;text-decoration:none;background:#141923;border:1px solid var(--line);color:#aeb7c7;padding:9px 12px;border-radius:11px;font-size:9px;font-weight:800}.btn.ghost:hover{border-color:rgba(139,124,255,.3);color:#d8d4ff}
.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.mini-action{border:1px solid rgba(139,124,255,.22);background:rgba(139,124,255,.09);color:#bbb4ff;border-radius:9px;padding:7px 9px;font-size:9px;font-weight:800;cursor:pointer}.mini-action:hover{background:rgba(139,124,255,.15)}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:9px}.signal{background:linear-gradient(145deg,#141924,#10141c);border:1px solid var(--line);border-radius:11px;padding:9px;min-width:0}.signal span{display:block;color:#667184;font-size:7px;font-weight:900;letter-spacing:.09em;margin-bottom:5px}.signal b{font-size:10px;color:#7e8798}.signal b.signal-yes{color:#75e6ba}
.note-form{display:grid;gap:7px}.note-form textarea{min-height:65px;resize:vertical;border:1px solid var(--line);background:#10141c;color:var(--text);border-radius:11px;padding:9px;font:inherit;font-size:10px;outline:none}.note-form textarea:focus{border-color:rgba(139,124,255,.32)}.notes-list{display:grid;gap:7px;margin-top:10px}.note-card{position:relative;background:#121722;border:1px solid var(--line);border-radius:11px;padding:9px 25px 9px 9px;font-size:10px;line-height:1.45}.note-card small{display:block;color:#646e81;font-size:7px;margin-top:5px}.note-card button{position:absolute;right:7px;top:6px;border:0;background:transparent;color:#646e81;cursor:pointer}.note-empty{font-size:9px;padding:4px 0}
.metric-cards{grid-template-columns:repeat(6,1fr)}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;top:-32px;background:rgba(139,124,255,.06)}
.conversation-item.active{background:linear-gradient(90deg,rgba(139,124,255,.11),rgba(139,124,255,.025));box-shadow:inset 2px 0 0 var(--violet)}
.send-btn{box-shadow:0 8px 24px rgba(101,84,236,.24)}
.login-card{backdrop-filter:blur(24px);border-color:rgba(255,255,255,.08)}
@media(max-width:1300px){.metric-cards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.metric-cards{grid-template-columns:repeat(2,1fr)}.page-actions{flex-wrap:wrap;justify-content:flex-end}.signal-grid{grid-template-columns:repeat(3,1fr)}}