html:root{
  --bg:#080612;--panel:#121020;--ink:#f7f4ff;--muted:#aaa3ba;--line:#2a2540;
  --nav:#0b0913;--violet:#8b5cf6;--green:#38d99f;--red:#ff7186;--amber:#f6bb58;
  color-scheme:dark
}
body{background:
  radial-gradient(circle at 82% -10%,#6d28d933 0,transparent 36%),
  radial-gradient(circle at 18% 35%,#4c1d9526 0,transparent 30%),#080612!important;color:#f7f4ff!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
body .side{background:linear-gradient(180deg,#0d0a18 0%,#100c20 55%,#090710 100%)!important;border-right:1px solid #2a2043;box-shadow:18px 0 60px #0005;z-index:18}
body .brand{position:relative}body .brand:after{content:"PRO";font-size:8px;letter-spacing:1px;color:#d9c8ff;background:#7c3aed55;border:1px solid #8b5cf677;border-radius:20px;padding:3px 6px;position:absolute;right:2px;top:10px}
body .logo{background:linear-gradient(145deg,#a78bfa,#6d28d9)!important;box-shadow:0 0 0 1px #c4b5fd55,0 12px 32px #7c3aed77!important;transition:transform .35s ease,box-shadow .35s ease}body .logo:hover{transform:rotate(-5deg) scale(1.07);box-shadow:0 0 0 1px #ddd6fe88,0 16px 42px #8b5cf699!important}
body .nav{gap:6px!important}body .nav button{color:#9d96ad!important;border:1px solid transparent!important;transition:all .25s ease!important;position:relative;overflow:hidden}body .nav button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#8b5cf620,transparent);opacity:0;transition:.25s}body .nav button:hover{color:#fff!important;border-color:#392d55!important;transform:translateX(3px)}body .nav button:hover:before{opacity:1}body .nav button.active{background:linear-gradient(110deg,#7c3aed33,#a855f71a)!important;color:#fff!important;border-color:#6d4ba866!important;box-shadow:inset 0 1px #ffffff0d,0 10px 30px #0003}
body .agent-live{background:linear-gradient(145deg,#171226,#0e0b18)!important;border-color:#342950!important;box-shadow:inset 0 1px #ffffff08,0 10px 30px #0004}
body .top{background:#0d0a17cc!important;border-color:#29213d!important;box-shadow:0 8px 35px #0003}body .top h1{font-weight:780;letter-spacing:-.02em}body .pill{background:#171225!important;border-color:#352a50!important;color:#d9cbff!important;box-shadow:inset 0 1px #ffffff0b}
body .content{position:relative}body .view.active{animation:viewIn .42s cubic-bezier(.2,.8,.2,1)}
body .hero{background:linear-gradient(125deg,#171123,#211438 58%,#4c1d95)!important;border:1px solid #7c5abe66!important;box-shadow:inset 0 1px #ffffff18,0 28px 70px #02010588!important;position:relative;overflow:hidden}body .hero h2{font-size:clamp(26px,3vw,42px)!important;letter-spacing:-.045em;max-width:760px}body .hero p{color:#c7bdd9!important;font-size:14px;max-width:780px}.eyebrow{display:block;color:#c4b5fd;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
body .stat,body .card,body .form,body .channel,body .template,body .metric,body .proposal{background:linear-gradient(145deg,#171325e8,#100d1ce8)!important;border-color:#2e2742!important;box-shadow:inset 0 1px #ffffff09,0 14px 38px #0003!important;backdrop-filter:blur(18px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}body .stat:hover,body .channel:hover,body .template:hover,body .metric:hover{transform:translateY(-3px);border-color:#654c91!important;box-shadow:inset 0 1px #ffffff10,0 20px 48px #0005!important}
body .stat b,body .metric b{background:linear-gradient(120deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}body .stat small,body .metric small,body .sub,body .section p,body .channel>p,body .template p{color:#9f98ad!important}
body .btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9)!important;border:1px solid #a78bfa66!important;box-shadow:inset 0 1px #ffffff2b,0 10px 26px #6d28d944!important;position:relative;overflow:hidden;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important}body .btn:after{content:"";position:absolute;top:-50%;left:-75%;width:45%;height:200%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:rotate(18deg);transition:left .55s ease}body .btn:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:inset 0 1px #ffffff3d,0 14px 34px #7c3aed66!important}body .btn:hover:after{left:130%}body .btn:active{transform:translateY(0) scale(.98)}body .btn.alt{background:#211837!important;color:#cbb8ff!important;border-color:#4c3971!important;box-shadow:none!important}body .btn.dark{background:linear-gradient(145deg,#fff,#e7dcff)!important;color:#27163e!important;border:0!important}
body input,body textarea,body select,body .search{background:#0d0a17!important;border-color:#342b49!important;color:#f5f1ff!important;transition:border-color .2s,box-shadow .2s,background .2s!important}body input:focus,body textarea:focus,body select:focus,body .search:focus{border-color:#8b5cf6!important;background:#120d20!important;box-shadow:0 0 0 4px #8b5cf61c!important}body input::placeholder,body textarea::placeholder{color:#696276}
body th{color:#8f879c!important;border-color:#2d273d!important}body td{border-color:#282235!important}body tbody tr{transition:background .2s}body tbody tr:hover{background:#8b5cf60d!important}body .avatar{background:linear-gradient(145deg,#39285a,#26193d)!important;color:#d7c5ff!important;border:1px solid #60468d}
body .chip{background:#211c2d!important;color:#b7afc5!important;border:1px solid #332c43}body .chip.violet{background:#4c1d9544!important;color:#d3c2ff!important;border-color:#764fb0}body .chip.green{background:#0d493655!important;color:#79edc2!important;border-color:#1b7256}body .chip.amber{background:#5f401d55!important;color:#ffd18a!important;border-color:#77552c}body .chip.red{background:#5d1e2b55!important;color:#ff9bad!important;border-color:#743040}
body .guide{background:linear-gradient(110deg,#2a1c46aa,#171225aa)!important;border-color:#564078!important;color:#bcb0d0!important;box-shadow:inset 0 1px #ffffff0b}body .guide b{color:#ede6ff!important}body .explain{background:#0e0b17!important;color:#8f889d!important;border:1px solid #292238}
body .rule{background:linear-gradient(145deg,#171325,#100d1c)!important;border-color:#2f2842!important}body .slider{background:#332d40!important}body .switch input:checked+.slider{background:linear-gradient(90deg,#7c3aed,#a855f7)!important;box-shadow:0 0 18px #8b5cf666}body .bar{background:#262130!important}body .bar i,body .bigbar i{background:linear-gradient(90deg,#7c3aed,#c084fc)!important;box-shadow:0 0 15px #8b5cf666}
body .col{background:#0e0b18!important;border:1px solid #292237}body .kcard{background:linear-gradient(145deg,#191427,#110e1c)!important;border-color:#302840!important;transition:.25s}body .kcard:hover{transform:translateY(-3px);border-color:#6b4b98!important}body .drawerbg{background:#050309bb!important;backdrop-filter:blur(8px)}body .drawer{background:linear-gradient(160deg,#161122,#090711)!important;border-left:1px solid #47355f;box-shadow:-30px 0 70px #0008}body .message,body .bubble{background:#0d0a16!important;border:1px solid #292237}body .bubble.assistant,body .aibox{background:#24163d!important;border-color:#513475!important}
body .loginwall{background:radial-gradient(circle at 70% 15%,#7c3aed66,transparent 35%),linear-gradient(135deg,#07050c,#160d29)!important}body .loginbox{background:linear-gradient(145deg,#181326,#0d0a16)!important;border:1px solid #493765;box-shadow:0 40px 100px #000b!important}
body .toast{background:#24153d!important;border:1px solid #7854ae;box-shadow:0 18px 50px #0008}.status.on,.high{color:#58e7b1!important}.mid{color:#ffc46b!important}.low{color:#ff7b90!important}
.command-bg{position:fixed;inset:0;display:none;place-items:start center;padding-top:12vh;background:#050309bb;backdrop-filter:blur(10px);z-index:80}.command-bg.open{display:grid;animation:fade .2s}.command{width:min(620px,calc(100% - 26px));background:#151020;border:1px solid #493765;border-radius:18px;box-shadow:0 35px 100px #000b;overflow:hidden}.command-input{display:flex;align-items:center;gap:8px;border-bottom:1px solid #302641;padding-left:16px}.command input{border:0!important;border-radius:0!important;padding:18px 12px!important;font-size:16px}.command-list{padding:8px}.command-list button{width:100%;border:0;background:transparent;color:#ddd5e8;padding:12px;border-radius:10px;text-align:left;cursor:pointer;display:flex;gap:12px;align-items:center}.command-list button span,.command-list button small{display:block}.command-list button small{color:#8f879f;margin-top:3px}.command-list button:hover{background:#8b5cf620;color:#fff}.notif,.top-action{position:relative;border:1px solid #382c50;background:#171123;color:#d8cbeb;border-radius:11px;padding:9px 12px;cursor:pointer;display:flex;align-items:center;gap:7px}.notif i{position:absolute;right:5px;top:4px;width:7px;height:7px;border-radius:50%;background:#ff6b81;box-shadow:0 0 10px #ff6b81}.quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.quick-actions button{background:#171225;border:1px solid #362a4d;color:#c9bfd6;border-radius:11px;padding:10px 13px;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px}.quick-actions button:hover{border-color:#7653a8;color:#fff;transform:translateY(-2px)}
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex:0 0 auto}.nav button{display:flex;align-items:center;gap:11px}.nav button .count{margin-left:auto}.lead-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.lead-flow>div{position:relative;background:linear-gradient(145deg,#171325,#100d1c);border:1px solid #2e2742;border-radius:14px;padding:15px;min-height:115px}.lead-flow span{display:block;color:#8b5cf6;font-size:11px;font-weight:900;margin-bottom:18px}.lead-flow b,.lead-flow small{display:block}.lead-flow small{color:#8f889d;margin-top:5px;line-height:1.4}.handoff-box{margin:14px 0;padding:16px;border:1px solid #5f4590;border-radius:13px;background:linear-gradient(120deg,#2a1a47,#171022)}.handoff-box p{color:#aaa0ba;font-size:12px;line-height:1.5}.attribution{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.attribution>div{border:1px solid #332a47;border-radius:10px;padding:10px}.attribution small,.attribution b{display:block}.attribution small{color:#8f879b;margin-bottom:4px}
.webhook-result{display:grid;gap:7px;margin:10px 0}.webhook-result label{font-size:10px;color:#8f879b;font-weight:750}.webhook-result code{display:block;white-space:normal;overflow-wrap:anywhere;background:#0a0710;border:1px solid #302740;border-radius:9px;padding:10px;color:#c4b5fd;font-size:10px}.channel-icon{font-size:11px;letter-spacing:.08em}
@keyframes viewIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:900px){.lead-flow{grid-template-columns:1fr 1fr}.top-action span{display:none}}@media(max-width:700px){body .top{background:#0d0a17ee!important}.lead-flow{grid-template-columns:1fr}.top-action{display:none}}

/* Content intelligence mode */
body:not([data-mode="content"]) .content-nav{display:none!important}body[data-mode="content"] .sales-nav{display:none!important}.mode-switch{display:flex;background:#090711;border:1px solid #302642;border-radius:11px;padding:3px;gap:2px;margin-left:auto}.mode-switch button{border:0;background:transparent;color:#877f94;border-radius:8px;padding:8px 13px;font-size:11px;font-weight:800;cursor:pointer}.mode-switch button.active{background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;box-shadow:0 6px 18px #6d28d955}.top-right{display:flex;gap:8px;align-items:center}.content-hero{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:center;background:linear-gradient(125deg,#171123,#24133e 60%,#43227a);border:1px solid #6f4da455;border-radius:20px;padding:30px;box-shadow:0 28px 70px #02010588}.content-hero h2{font-size:clamp(28px,3.5vw,48px);line-height:1.03;letter-spacing:-.05em;margin:0 0 13px;max-width:800px}.content-hero p{color:#bdb3ca;line-height:1.6;max-width:780px}.content-hero .btn{margin-top:8px}.radar-visual{width:190px;height:190px;border-radius:50%;margin:auto;border:1px solid #a78bfa55;position:relative;background:radial-gradient(circle,#8b5cf633 0 2px,transparent 3px),repeating-radial-gradient(circle,transparent 0 30px,#a78bfa22 31px 32px);overflow:hidden}.radar-visual:after{content:"";position:absolute;inset:50% 50% 0 0;background:linear-gradient(35deg,#8b5cf699,transparent 60%);transform-origin:100% 0;animation:radar 4s linear infinite}.radar-visual i{position:absolute;width:7px;height:7px;border-radius:50%;background:#c4b5fd;box-shadow:0 0 16px #c4b5fd}.radar-visual i:nth-child(1){left:65%;top:25%}.radar-visual i:nth-child(2){left:28%;top:60%}.radar-visual i:nth-child(3){left:70%;top:68%}.radar-visual span{position:absolute;inset:50%;width:6px;height:6px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);z-index:2}@keyframes radar{to{transform:rotate(360deg)}}.content-metrics{margin:16px 0}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.automation-steps,.automation-list{display:grid;gap:9px}.automation-steps>div,.automation-list>div{background:#0d0a17;border:1px solid #2c2540;border-radius:11px;padding:13px}.automation-steps b,.automation-steps small,.automation-list b,.automation-list small{display:block}.automation-steps small,.automation-list small{color:#8f879b;margin-top:4px;line-height:1.4}.button-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.button-row select{width:auto;min-width:110px}.trend-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px}.trend-feed{display:grid;gap:10px;max-height:900px;overflow:auto;padding-right:4px}.trend-card{background:linear-gradient(145deg,#171325,#100d1c);border:1px solid #2e2742;border-radius:14px;padding:15px}.trend-card>div{display:flex;gap:8px;align-items:center}.trend-card>div b{font-size:11px}.trend-card strong{margin-left:auto;color:#75e5ba}.trend-card p{font-size:12px;line-height:1.55}.trend-card small{color:#837b90}.trend-card a{display:block;color:#b89cff;font-size:11px;margin-top:10px}.pattern-list{display:grid;gap:8px;margin:15px 0}.pattern-list>div{position:relative;border:1px solid #332947;border-radius:11px;padding:13px 13px 13px 53px}.pattern-list>div>span{position:absolute;left:12px;top:13px;width:30px;height:30px;border-radius:9px;background:#7c3aed44;color:#c4b5fd;display:grid;place-items:center;font-weight:900}.pattern-list p,.pattern-list small{font-size:11px;line-height:1.5;color:#9991a6}.hook-list{display:grid;gap:7px}.hook-list button{border:1px solid #332947;background:#0d0a17;color:#c9c0d6;border-radius:10px;padding:11px;text-align:left;cursor:pointer}.scan-status{margin:12px 0;color:#c4b5fd;font-size:12px}.loader-line{height:3px;background:#21172f;border-radius:10px;overflow:hidden;margin-bottom:8px}.loader-line i{display:block;width:35%;height:100%;background:linear-gradient(90deg,#7c3aed,#c084fc);animation:loading 1.2s ease-in-out infinite}@keyframes loading{50%{transform:translateX(180%)}}.calendar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-item{background:linear-gradient(145deg,#171325,#100d1c);border:1px solid #2e2742;border-radius:15px;padding:18px}.content-item.published{border-color:#2b7a5b;opacity:.72}.content-item-head{display:flex;justify-content:space-between;color:#a78bfa;font-size:11px;font-weight:850}.content-item h3{font-size:17px;line-height:1.3}.content-item>p{white-space:pre-wrap;font-size:12px;line-height:1.65;color:#c4bdcf}.content-meta{display:grid;grid-template-columns:60px 1fr;gap:7px;font-size:11px;padding:11px;border-radius:10px;background:#0b0812;margin:13px 0}.content-meta b{color:#8f879b}.connected-box{display:flex;align-items:center;justify-content:space-between;border:1px solid #27664f;background:#103a2c55;border-radius:11px;padding:12px;margin:12px 0}.content-nav{display:flex!important}
@media(max-width:1100px){.content-hero{grid-template-columns:1fr}.radar-visual{display:none}.trend-layout,.content-grid{grid-template-columns:1fr}}@media(max-width:800px){.mode-switch{margin-left:0}.mode-switch button{padding:7px 9px}.calendar{grid-template-columns:1fr}.content-hero{padding:22px}.section{flex-wrap:wrap}.content-nav{display:flex!important}}

/* Calm graphite workspace inspired by the supplied 365 dashboard */
html:root{--bg:#181914;--panel:#24251f;--ink:#f2f0e7;--muted:#8d8e86;--line:#34352e;--nav:#141510;--violet:#8b86ff;--green:#a6d84c;--amber:#ffbe62;color-scheme:dark}
body{background:radial-gradient(circle at 60% -20%,#35372e 0,transparent 42%),#181914!important;color:#f2f0e7!important}
body:before{opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 52%)}
body .app{grid-template-columns:220px 1fr}
body .side{background:#141510!important;border-right:1px solid #2b2c26!important;box-shadow:none!important;padding:24px 14px}
body .brand{padding-bottom:34px}body .brand:after{background:#2d2e27;border-color:#414239;color:#b8b9ad}
body .logo{background:#efede3!important;color:#171813!important;border-radius:50%!important;box-shadow:none!important}
body .logo:hover{transform:scale(1.04);box-shadow:0 0 0 6px #efede312!important}
body .nav{gap:3px!important}body .nav button{color:#777970!important;padding:10px 11px!important;border-radius:9px!important;font-size:12px}
body .nav button:before{display:none}body .nav button:hover{transform:none;color:#d7d6cd!important;border-color:transparent!important;background:#1e1f19!important}
body .nav button.active{background:#22231d!important;color:#eeece4!important;border-color:#303129!important;box-shadow:none!important}
body .nav button.active .ui-icon{color:#918cff}.ui-icon{width:16px;height:16px}
body .agent-live{background:transparent!important;border:0!important;border-top:1px solid #292a24!important;border-radius:0!important;padding:16px 9px!important;box-shadow:none!important}
body .top{height:76px;background:#181914d9!important;border:0!important;box-shadow:none!important;padding:0 28px;backdrop-filter:blur(18px)}
body .top h1{font-size:17px}.top-right{gap:7px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto;min-width:0}.top-actions .mode-switch{margin-left:0}.top-actions .pill{white-space:nowrap}.mode-switch{background:#11120e;border-color:#32332c;border-radius:12px;padding:4px}.mode-switch button{padding:8px 14px}.mode-switch button.active{background:#efede3;color:#1b1c17;box-shadow:none}
body .pill,body .top-action,body .notif{background:#20211b!important;border-color:#33342c!important;color:#b9bab0!important;box-shadow:none!important}
body .content{max-width:1320px;padding:20px 30px 64px}
body .hero{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:18px 0 30px!important;min-height:176px;align-items:flex-end}
body .hero h2{font-size:clamp(30px,4vw,50px)!important;max-width:820px;color:#f5f1df;letter-spacing:-.055em}
body .hero p{color:#8f9088!important;font-size:14px;max-width:650px}.eyebrow{color:#9b9d92}
body .hero .btn.dark{background:#e9e4ca!important;color:#1c1d18!important;border-radius:22px!important;padding:11px 18px!important}
body .lead-flow>div{background:#20211b;border-color:#303129;border-radius:16px;min-height:108px}body .lead-flow span{color:#8d89ff}
body .stats{grid-template-columns:1.2fr 1.2fr repeat(3,.8fr);gap:10px}
body .stat,body .card,body .form,body .channel,body .template,body .metric,body .proposal{background:#24251f!important;border-color:#34352e!important;border-radius:18px!important;box-shadow:inset 0 1px #ffffff08,0 12px 35px #0002!important;backdrop-filter:none}
body .stat:hover,body .channel:hover,body .template:hover,body .metric:hover{transform:translateY(-2px);border-color:#494a41!important;box-shadow:inset 0 1px #ffffff0c,0 16px 38px #0003!important}
body .stats .stat:nth-child(1){background:linear-gradient(135deg,#5f8fff 0%,#7687ff 52%,#a271ee 100%)!important;border-color:#8d9cff!important}
body .stats .stat:nth-child(2){background:linear-gradient(135deg,#ffd082 0%,#ffad63 55%,#ff936e 100%)!important;border-color:#ffd18e!important}
body .stats .stat:nth-child(-n+2) label,body .stats .stat:nth-child(-n+2) small,body .stats .stat:nth-child(-n+2) b{color:#22231e!important;background:none!important;-webkit-text-fill-color:initial!important}
body .stats .stat:nth-child(-n+2) b{font-size:31px}
body .card,body .form{padding:20px}.grid{grid-template-columns:1.45fr .55fr}.head h3{font-weight:650}
body .btn{background:#ebe7d1!important;color:#20211c!important;border-color:#f5f1dd66!important;border-radius:22px!important;box-shadow:none!important;padding:10px 16px}
body .btn:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 7px 18px #0003!important}body .btn:after{display:none}
body .btn.alt{background:#303129!important;color:#d8d6ca!important;border-color:#44453c!important}.btn.danger{color:#ff9f99!important;border-color:#74413d!important;background:#372522!important}
body input,body textarea,body select,body .search{background:#1a1b16!important;border-color:#383930!important;color:#f0eee5!important;border-radius:12px!important}
body input:focus,body textarea:focus,body select:focus,body .search:focus{border-color:#8581d7!important;background:#1d1e18!important;box-shadow:0 0 0 4px #8581d71b!important}
body .guide{background:#20211b!important;border-color:#383930!important;color:#a8a99f!important;border-radius:15px!important}body .guide b{color:#ece9de!important}
body .explain{background:#1b1c17!important;border-color:#303129!important;color:#8e8f86!important}
body .rule,body .role-card{background:#20211b!important;border:1px solid #34352e!important;border-radius:15px!important;padding:15px;margin-bottom:10px}
.role-card-top,.role-card-top>div,.role-actions{display:flex;align-items:center;gap:10px}.role-card-top{justify-content:space-between}.role-card-top b,.role-card-top small{display:block}.role-card-top small{color:#82837b;margin-left:7px}.role-dot{width:9px;height:9px;border-radius:50%;box-shadow:0 0 0 4px #ffffff0a}.role-actions{margin-top:12px}.role-actions input{flex:1;min-width:0;padding:8px 10px!important}
body .content-hero{background:#22231d;border-color:#383930;box-shadow:0 18px 45px #0003;border-radius:22px}.radar-visual{filter:saturate(.65)}
body .content-item,body .trend-card,body .automation-steps>div,body .automation-list>div{background:#20211b;border-color:#34352e}
body .col{background:#1d1e18!important;border-color:#303129}.kcard{background:#282922!important;border-color:#37382f!important}
body .loginwall{background:radial-gradient(circle at 68% 12%,#55563d55,transparent 32%),#13140f!important}
body .loginbox{position:relative;overflow:hidden;width:min(440px,100%);background:#20211b!important;border:1px solid #3a3b32!important;border-radius:24px!important;padding:34px!important;box-shadow:0 35px 90px #0008!important}
.loginbox .brandline{position:relative;z-index:1}.loginbox .brandline small{display:block;color:#87887f;margin-top:3px}.login-kicker{display:block;color:#9d9f95;font-size:9px;font-weight:800;letter-spacing:.16em;margin:30px 0 8px}.loginbox h2{font-size:30px;letter-spacing:-.04em}.loginbox p{font-size:13px!important}.login-orb{position:absolute;width:180px;height:180px;border-radius:50%;right:-68px;top:-72px;background:radial-gradient(circle at 35% 35%,#adb5ff,#716fe1 45%,#9765c9);filter:blur(.2px);opacity:.85}.password-field{position:relative}.password-field input{padding-right:86px!important;height:48px}.password-field button{position:absolute;right:8px;bottom:8px;border:0;background:transparent;color:#aaa9a0;font-size:10px;cursor:pointer;padding:8px}.login-submit{width:100%;height:46px;margin-top:5px}.login-foot{display:block;text-align:center;color:#6f7068;margin-top:17px}.loginerror{min-height:18px;color:#ff9f99!important}
body .view.active{animation:viewIn .48s cubic-bezier(.22,.75,.2,1)}
@media(max-width:1050px){body .stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}}
@media(max-width:700px){body .app{grid-template-columns:1fr}body .content{padding:14px 13px 50px}body .top{padding:0 13px}.logout-button span{display:none}.role-actions{flex-wrap:wrap}.role-actions input{flex-basis:100%}}
button[hidden]{display:none!important}
.connection-overview{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:linear-gradient(120deg,#22231d,#2b2c24);border:1px solid #3b3c33;border-radius:20px;padding:22px 24px;margin-bottom:12px}.connection-overview h3{font-size:24px;letter-spacing:-.03em;margin:0 0 7px}.connection-overview p{color:#97988f;font-size:12px;line-height:1.55;max-width:690px;margin:0}.connection-total{min-width:135px;border-left:1px solid #3b3c33;padding-left:24px}.connection-total b{display:block;font-size:38px;color:#f0ecd7}.connection-total small{color:#898a82}.account-slot{margin-top:16px}.account-empty{display:flex;align-items:center;gap:9px;border-top:1px solid #34352e;padding-top:13px}.account-empty span,.connection-dot{width:8px;height:8px;border-radius:50%;background:#55574f;display:inline-block}.account-empty small{color:#777970}.connected-account{border:1px solid #3b3c33;background:#1d1e18;border-radius:14px;padding:12px}.connected-account>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:1px 9px;align-items:center}.connected-account b{font-size:12px}.connected-account small{grid-column:2;color:#85867e;font-size:10px;margin-top:3px}.connection-dot.ready{background:#a6d84c;box-shadow:0 0 0 5px #a6d84c15}.connection-dot.wait{background:#ffbd62}.account-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.account-actions .btn{padding:7px 10px!important;font-size:10px}.connection-help{margin-top:12px;border-top:1px solid #33342c;padding-top:11px}.connection-help summary{cursor:pointer;color:#aaa99f;font-size:11px;font-weight:650}.connection-help p{color:#777970!important;font-size:10px!important;line-height:1.55}.connection-help code{color:#b7b4ff;overflow-wrap:anywhere}.channel button:disabled{opacity:.55;cursor:wait}.channel .status.on:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6d84c;margin-right:5px}
@media(max-width:700px){.connection-overview{grid-template-columns:1fr}.connection-total{border-left:0;border-top:1px solid #3b3c33;padding:14px 0 0}.connection-total b{font-size:30px}}

/* Prospecting mode */
body:not([data-mode="prospects"]) .prospect-nav{display:none!important}
body[data-mode="prospects"] .sales-nav,body[data-mode="prospects"] .content-nav{display:none!important}
body[data-mode="prospects"] .prospect-nav{display:flex!important}
.prospect-hero{display:grid;grid-template-columns:1fr 230px;gap:28px;align-items:center;background:linear-gradient(120deg,#24251f,#2c2d25);border:1px solid #3c3d34;border-radius:22px;padding:30px;box-shadow:0 20px 48px #0003}
.prospect-hero h2{font-size:clamp(30px,3.5vw,48px);line-height:1.04;letter-spacing:-.05em;margin:0 0 14px;max-width:900px}.prospect-hero p{color:#a0a198;line-height:1.65;max-width:790px}.prospect-score{height:190px;border-radius:50%;border:1px solid #4b4c41;background:radial-gradient(circle at 50% 40%,#34362c,#20211b 68%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 1px #ffffff10,0 16px 38px #0004}.prospect-score small{font-size:8px;letter-spacing:.14em;color:#8c8e84}.prospect-score b{font-size:52px;line-height:1;color:#ede8cb;margin:8px 0}.prospect-score span{font-size:10px;color:#8e8f86;max-width:120px;line-height:1.35}
.prospect-metrics{margin:14px 0}.prospect-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.prospect-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.prospect-flow>div{border:1px solid #35362f;background:#20211b;border-radius:14px;padding:15px}.prospect-flow span{display:block;color:#8d89ff;font-size:10px;font-weight:900;margin-bottom:20px}.prospect-flow b,.prospect-flow small{display:block}.prospect-flow small{color:#85867e;font-size:10px;line-height:1.45;margin-top:5px}
.run-list{display:grid;gap:9px}.run-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #33342d;padding:8px 0}.run-list>div>span{width:8px;height:8px;border-radius:50%;background:#a6d84c;box-shadow:0 0 0 5px #a6d84c12}.run-list b,.run-list small{display:block}.run-list b{font-size:11px}.run-list small{font-size:9px;color:#7f8078;margin-top:4px}
.search-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.prospect-search-form{min-height:520px}.search-safety{border:1px solid #43443a;border-radius:14px;background:#20211b;padding:14px;margin:12px 0}.search-safety b{font-size:11px;color:#d9d6c8}.search-safety p{font-size:10px;line-height:1.55;color:#85867e;margin:5px 0 0}.result-features{display:grid;grid-template-columns:1fr 1fr;gap:9px}.result-features>div{border:1px solid #373830;border-radius:13px;background:#1e1f19;padding:14px}.result-features b,.result-features small{display:block}.result-features b{font-size:11px}.result-features small{color:#85867e;font-size:10px;line-height:1.45;margin-top:5px}
.prospect-table a{color:#c4c0ff;text-decoration:none}.prospect-table .table-sub{display:block;color:#777970;font-size:9px;margin-top:4px}.muted{color:#777970}.source-links{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}.source-links a{border:1px solid #3b3c33;background:#20211b;color:#c4c0ff;border-radius:10px;padding:9px 11px;text-decoration:none;font-size:10px}.source-links a:hover{border-color:#716da6}.aibox textarea{margin:9px 0;min-height:100px}
@media(max-width:1050px){.prospect-grid,.search-layout{grid-template-columns:1fr}.prospect-flow{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.prospect-hero{grid-template-columns:1fr;padding:22px}.prospect-score{display:none}.prospect-flow,.result-features{grid-template-columns:1fr}.prospect-table{overflow:auto}}

/* Product-wide usability pass */
.readiness{background:#20211b;border:1px solid #34352e;border-radius:20px;padding:20px;margin:14px 0}.readiness-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.readiness-head h3{font-size:18px;letter-spacing:-.02em;margin:0}.readiness-ring{--ready:0deg;width:64px;height:64px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#a6d84c var(--ready),#34352e 0);display:grid;place-items:center;position:relative}.readiness-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#20211b}.readiness-ring b{position:relative;z-index:1;font-size:13px}.readiness-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:16px}.readiness-item{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:9px;background:#1b1c17;border:1px solid #303129;border-radius:14px;padding:13px;min-height:128px}.readiness-item.done{border-color:#3c4830}.readiness-mark{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#2d2e27;color:#898a82}.readiness-item.done .readiness-mark{background:#a6d84c1c;color:#a6d84c}.readiness-mark .ui-icon{width:14px}.readiness-item b,.readiness-item small{display:block}.readiness-item b{font-size:11px}.readiness-item small{font-size:9px;line-height:1.45;color:#7f8078;margin-top:4px}.readiness-item .btn{grid-column:1/-1;align-self:end;padding:7px 10px!important;font-size:9px}.system-button .ui-icon{width:14px}.network-banner{position:fixed;left:50%;bottom:18px;transform:translate(-50%,20px);z-index:100;background:#5a302b;color:#ffd5cd;border:1px solid #855047;border-radius:12px;padding:11px 15px;font-size:11px;opacity:0;pointer-events:none;transition:.25s}.network-banner.show{opacity:1;transform:translate(-50%,0)}
.import-card{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;margin-top:14px}.import-card>div>p{color:#8e8f86;font-size:11px;line-height:1.6}.import-card textarea{min-height:150px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.bulkbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#20211b;border:1px solid #34352e;border-radius:13px;padding:10px 12px;margin-bottom:10px}.bulkbar label,.bulkbar span{font-size:10px;color:#9a9b92}.bulkbar span{margin-right:auto}.bulkbar select{width:auto;min-width:135px;padding:8px 10px!important}.select-cell{width:34px!important;padding-right:0!important}.select-cell input{width:15px;height:15px;accent-color:#8b86ff}.section>#startCallQueue{margin-left:auto}.section>#startCallQueue+#prospectExport{margin-left:7px}
@media(max-width:1180px){.readiness-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.top-actions #workspaceName{display:none}.top-actions{gap:5px}.mode-switch button{padding-inline:10px}}
@media(max-width:800px){.readiness-grid{grid-template-columns:1fr 1fr}.import-card{grid-template-columns:1fr}.system-button span{display:none}}
@media(max-width:560px){.readiness-grid{grid-template-columns:1fr}.readiness-item{min-height:0}.bulkbar select{width:100%}}

/* Smooth interaction layer */
@property --ready{syntax:"<angle>";inherits:false;initial-value:0deg}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{overscroll-behavior-y:none}
body .top{transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease}
body .side{transition:transform .48s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}
body .nav button,body .mode-switch button,body .filters button,body .top-action,body .notif,body .quick-actions button,body .source-links a,body .close{transition:transform .32s cubic-bezier(.22,1,.36,1),background-color .32s ease,border-color .32s ease,color .32s ease,box-shadow .32s ease,opacity .25s ease!important}
body .mode-switch button:active,body .filters button:active,body .top-action:active,body .notif:active,body .quick-actions button:active{transform:scale(.96)}
body .mode-switch button.active{transform:translateY(-1px)}
body .card,body .form,body .channel,body .template,body .metric,body .stat,body .rule,body .role-card,body .content-item,body .trend-card,body .readiness-item,body .prospect-flow>div{transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .38s ease,background-color .38s ease,box-shadow .38s ease,opacity .3s ease!important}
body .card:hover,body .form:hover,body .readiness-item:hover,body .prospect-flow>div:hover{transform:translateY(-2px);border-color:#47483f!important;box-shadow:inset 0 1px #ffffff0b,0 18px 40px #0003!important}
body .view.active{animation:viewReveal .56s cubic-bezier(.22,1,.36,1) both!important}
body .view.active>*{animation:itemReveal .62s cubic-bezier(.22,1,.36,1) both}
body .view.active>*:nth-child(2){animation-delay:35ms}body .view.active>*:nth-child(3){animation-delay:70ms}body .view.active>*:nth-child(4){animation-delay:105ms}body .view.active>*:nth-child(5){animation-delay:140ms}body .view.active>*:nth-child(n+6){animation-delay:170ms}
body .drawerbg{display:block!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .36s ease,visibility 0s linear .36s!important}
body .drawerbg.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .36s ease,visibility 0s linear 0s!important}
body .drawer{transform:translate3d(104%,0,0);opacity:.72;transition:transform .52s cubic-bezier(.22,1,.36,1),opacity .36s ease!important;will-change:transform}
body .drawerbg.open .drawer{transform:translate3d(0,0,0);opacity:1}
body .command-bg{display:grid!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s!important}
body .command-bg.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s!important}
body .command{transform:translateY(-16px) scale(.98);opacity:0;transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .28s ease}
body .command-bg.open .command{transform:none;opacity:1}
body .loginwall{animation:overlayReveal .5s ease both}body .loginbox{animation:loginReveal .7s cubic-bezier(.16,1,.3,1) both}
body .toast{opacity:0;transform:translate3d(0,24px,0) scale(.97)!important;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease!important;pointer-events:none}body .toast.show{opacity:1;transform:translate3d(0,0,0) scale(1)!important}
.network-banner[hidden]{display:none!important}
body .network-banner{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease!important}
body .slider,body .slider:after{transition:transform .38s cubic-bezier(.22,1,.36,1),background-color .3s ease,box-shadow .3s ease!important}
body input,body textarea,body select,body .search{transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease,transform .25s ease!important}
body input:focus,body textarea:focus,body select:focus,body .search:focus{transform:translateY(-1px)}
body .readiness-ring{transition:--ready .9s cubic-bezier(.22,1,.36,1),transform .35s ease}body .readiness-ring:hover{transform:scale(1.04)}
body .bar i,body .bigbar i{transition:width .8s cubic-bezier(.22,1,.36,1)}
.tablebox{scroll-behavior:smooth}.tablebox::-webkit-scrollbar,.drawer::-webkit-scrollbar,.trend-feed::-webkit-scrollbar{width:8px;height:8px}.tablebox::-webkit-scrollbar-thumb,.drawer::-webkit-scrollbar-thumb,.trend-feed::-webkit-scrollbar-thumb{background:#44463d;border:2px solid transparent;background-clip:padding-box;border-radius:20px}
button:disabled{cursor:wait;opacity:.58;transform:none!important}.btn:disabled:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ffffff18,transparent);animation:buttonLoading 1.25s linear infinite}
@keyframes viewReveal{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes itemReveal{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
@keyframes overlayReveal{from{opacity:0}to{opacity:1}}
@keyframes loginReveal{from{opacity:0;transform:translate3d(0,22px,0) scale(.975)}to{opacity:1;transform:none}}
@keyframes buttonLoading{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .view.active,body .view.active>*,body .loginwall,body .loginbox{animation:none!important}.drawer,.command,.drawerbg,.command-bg{transition:none!important}}

/* Workflow upgrades */
.lead-bulkbar input[type="text"],.lead-bulkbar input:not([type]){width:170px;padding:8px 10px!important}.lead-bulkbar select{min-width:145px}.lead-bulkbar #leadSort{min-width:135px}.lead-bulkbar #leadBulkAssignee{width:165px}
.reply-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0 8px}.reply-tools select{flex:1;min-width:190px;width:auto}.drawer-workflow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid #34352e}
.workflow-metrics{margin-top:12px}.campaign-card{grid-column:1/-1}.campaign-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid #34352e}.campaign-row:last-child{border-bottom:0}.campaign-row b,.campaign-row small{display:block}.campaign-row b{font-size:12px}.campaign-row small{font-size:9px;color:#818279;margin-top:4px}.copy-webhook{margin-top:7px}
.content-draft{width:100%;min-height:170px;margin:14px 0;padding:13px!important;resize:vertical;line-height:1.65;font-size:12px}.content-item.approved{border-color:#5b587f!important}.content-item.published{border-color:#52633d!important;opacity:.86}.content-item.published .content-draft{text-decoration-color:#ffffff33}
@media(max-width:900px){.lead-bulkbar #leadBulkAssignee{width:100%}.lead-bulkbar select{flex:1}.workflow-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lead-bulkbar>*{width:100%!important}.reply-tools>*{width:100%!important}.campaign-row{align-items:flex-start;flex-direction:column}.workflow-metrics{grid-template-columns:1fr 1fr}}

.training-readiness{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 16px}.training-ready{display:grid;gap:5px;text-align:left;border:1px solid #3b3c33;background:#20211b;color:#f4f0df;border-radius:15px;padding:14px;cursor:pointer}.training-ready span{justify-self:start;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#ba9aff;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:20px;padding:4px 7px}.training-ready.done{border-color:#3a563f}.training-ready.done span{color:#7ad991;background:#24a14818;border-color:#24a1483d}.training-ready b{font-size:12px}.training-ready small{color:#8f9088;font-size:10px;line-height:1.4}.training-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.training-chat-card,.training-review-card,.training-library{background:#20211b!important}.training-chat{height:330px;overflow:auto;display:grid;align-content:start;gap:9px;border:1px solid #34352e;border-radius:14px;padding:12px;background:#181913;margin-bottom:14px}.training-bubble{max-width:88%;padding:11px 13px;border-radius:14px;background:#2a2b24}.training-bubble.user{justify-self:end;background:linear-gradient(135deg,#6f3bd1,#934cff);color:#fff}.training-bubble.assistant{justify-self:start;border:1px solid #3c3d34}.training-bubble small{font-size:9px;opacity:.65;text-transform:uppercase;letter-spacing:.08em}.training-bubble p{font-size:12px;line-height:1.55;margin:5px 0 0;white-space:pre-wrap}.training-analysis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.training-analysis div{border:1px solid #34352e;background:#1b1c17;border-radius:11px;padding:10px}.training-analysis small,.training-analysis b{display:block}.training-analysis small{font-size:9px;color:#85867f;margin-bottom:4px}.training-analysis b{font-size:11px;line-height:1.35}.rating-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:13px 0}.rating-row button{border:1px solid #3a3b33;background:#1b1c17;color:#9a9b93;border-radius:10px;padding:10px;cursor:pointer;font-weight:750}.rating-row button:hover,.rating-row button.active{background:#7c3aed;color:#fff;border-color:#9c68f5}.training-library{margin-top:15px}.training-example{display:grid;gap:9px;border-top:1px solid #34352e;padding:14px 0}.training-example:first-child{border-top:0}.training-example>div{display:flex;align-items:center;justify-content:space-between}.training-example>b{font-size:12px}.training-example>p{margin:0;color:#b0b1a9;font-size:11px;line-height:1.5;white-space:pre-wrap}.training-example>.btn{justify-self:start}.knowledge-builder textarea{min-height:82px}.training-review-card textarea[readonly]{color:#ddd9cc;opacity:1}.training-review-card .score{font-size:18px;color:#c6a7ff}
@media(max-width:1050px){.training-readiness{grid-template-columns:1fr 1fr}.training-layout{grid-template-columns:1fr}}@media(max-width:560px){.training-readiness,.training-analysis{grid-template-columns:1fr}.rating-row{grid-template-columns:1fr}.training-chat{height:280px}}
.connected-box>div:first-child b,.connected-box>div:first-child small,.connection-diagnostic b,.connection-diagnostic span,.connection-diagnostic small{display:block}.connected-box>div:first-child small{color:#8fa99e;margin-top:4px}.connection-diagnostic,.access-note{border:1px solid #3b3150;background:#14101f;border-radius:12px;padding:13px;margin:10px 0;line-height:1.5}.connection-diagnostic span,.access-note span{display:block;color:#aaa1b7;margin:5px 0 10px}.connection-diagnostic small{color:#837b90}.connection-diagnostic.ready{border-color:#2b7a5b;background:#103a2c44}.connection-diagnostic.limited,.access-note{border-color:#74562d;background:#2b201344}.access-note .btn{margin-top:4px}