:root{--bg-deep: #020203;--bg: #050506;--bg-elev: #0a0a0c;--surface: rgba(255,255,255,.05);--surface-hi: rgba(255,255,255,.08);--fg: #EDEDEF;--muted: #8A8F98;--subtle: rgba(255,255,255,.6);--accent: #5E6AD2;--accent-hi: #6872D9;--accent-glow: rgba(94,106,210,.3);--border: rgba(255,255,255,.06);--border-hi: rgba(255,255,255,.1);--border-acc: rgba(94,106,210,.3);--ok: #4ade80;--warn: #ffb454;--danger: #ff6b6b;--info: #62b6ff;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--sh-card: 0 0 0 1px var(--border), 0 2px 20px rgba(0,0,0,.4), 0 0 40px rgba(0,0,0,.2);--sh-card-hi: 0 0 0 1px var(--border-hi), 0 8px 40px rgba(0,0,0,.5), 0 0 80px rgba(94,106,210,.1);--sh-cta: 0 0 0 1px rgba(94,106,210,.5), 0 4px 12px rgba(94,106,210,.3), inset 0 1px 0 0 rgba(255,255,255,.2);--sh-cta-hi: 0 0 0 1px rgba(104,114,217,.6), 0 6px 20px rgba(94,106,210,.45), inset 0 1px 0 0 rgba(255,255,255,.25);--ease: cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--fg);font:14px/1.55 Inter,SF Pro Display,system-ui,-apple-system,sans-serif;background:var(--bg);background-image:radial-gradient(ellipse at top,#0a0a0f,#050506,#020203);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.02em}h1{font-size:1.45rem;font-weight:600;margin:0;background:linear-gradient(to bottom,#fff,#ffffffb8);-webkit-background-clip:text;background-clip:text;color:transparent}h3{font-size:.95rem;font-weight:600;margin:0 0 .5rem}a{color:var(--accent-hi);text-decoration:none}code,.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em}::placeholder{color:var(--subtle)}:focus-visible{outline:2px solid rgba(94,106,210,.55);outline-offset:2px;border-radius:6px}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-fx:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.02;background-image:linear-gradient(rgba(255,255,255,.9) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.9) 1px,transparent 1px);background-size:64px 64px}.bg-fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.blob{position:absolute;border-radius:50%;filter:blur(130px);will-change:transform}.blob.b1{width:900px;height:1400px;left:50%;top:-700px;transform:translate(-50%);background:radial-gradient(closest-side,rgba(94,106,210,.25),transparent 70%);animation:float1 10s ease-in-out infinite}.blob.b2{width:600px;height:800px;left:-250px;top:30%;background:radial-gradient(closest-side,rgba(168,85,247,.13),transparent 70%);animation:float2 12s ease-in-out infinite}.blob.b3{width:500px;height:700px;right:-200px;top:55%;background:radial-gradient(closest-side,rgba(59,130,246,.11),transparent 70%);animation:float1 9s ease-in-out infinite reverse}@keyframes float1{0%,to{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%,-20px) rotate(1deg)}}@keyframes float2{0%,to{transform:translateY(0)}50%{transform:translateY(-24px)}}.shell{display:flex;height:100vh;position:relative;z-index:1}.side{width:218px;display:flex;flex-direction:column;gap:2px;padding:1rem .7rem;border-right:1px solid var(--border);background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.side .brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.02rem;letter-spacing:-.02em;padding:.3rem .5rem 1rem}.side .brand i{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 14px var(--accent),0 0 30px var(--accent-glow)}.side a.nav{display:flex;gap:.6rem;align-items:center;padding:.46rem .6rem;border-radius:var(--r-sm);color:var(--muted);font-weight:500;transition:color .2s var(--ease),background .2s var(--ease)}.side a.nav:hover{color:var(--fg);background:var(--surface)}.side a.nav.active{color:var(--fg);background:var(--surface-hi);box-shadow:inset 0 1px #ffffff0f}.side a.nav .ic{width:1.05rem;text-align:center;opacity:.85}.side .foot{margin-top:auto;padding:.6rem .4rem 0;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted);display:flex;flex-direction:column;gap:.45rem}.main{flex:1;overflow:auto;padding:1.2rem 1.4rem;position:relative;z-index:1}.col{display:flex;flex-direction:column;gap:.8rem}.row{display:flex;gap:.6rem;align-items:center}.row.wrap{flex-wrap:wrap}.row.spread{justify-content:space-between}.right{margin-left:auto}.grow{flex:1}.grid{display:grid;gap:.8rem}.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}.small{font-size:.8rem}.muted{color:var(--muted)}.empty{color:var(--muted);text-align:center;padding:2.2rem}.card{position:relative;overflow:hidden;background:linear-gradient(to bottom,#ffffff0e,#ffffff05);border:1px solid var(--border);border-radius:var(--r-lg);padding:1rem;box-shadow:var(--sh-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s var(--ease),box-shadow .25s var(--ease),transform .25s var(--ease)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s var(--ease);pointer-events:none;background:radial-gradient(300px circle at var(--mx, 50%) var(--my, 50%),rgba(94,106,210,.12),transparent 60%)}.card:hover{border-color:var(--border-hi);box-shadow:var(--sh-card-hi)}.card:hover:before{opacity:1}.card.tight{padding:.6rem .8rem}.card.kpi{display:flex;flex-direction:column;gap:.15rem;padding:.85rem 1rem}.card.kpi .v{font-size:1.5rem;font-weight:650;letter-spacing:-.02em}.card.kpi .l{font-size:.74rem;color:var(--muted);font-weight:500}.btn{background:var(--surface);border:none;border-radius:var(--r-sm);padding:.45rem .85rem;color:var(--fg);font:inherit;font-weight:500;cursor:pointer;box-shadow:inset 0 0 0 1px var(--border),inset 0 1px #ffffff0f;transition:background .2s var(--ease),box-shadow .2s var(--ease),transform .12s var(--ease)}.btn:hover{background:var(--surface-hi);box-shadow:inset 0 0 0 1px var(--border-hi),0 2px 14px #00000059}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:default;transform:none}.btn.primary{background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--sh-cta)}.btn.primary:hover{background:var(--accent-hi);box-shadow:var(--sh-cta-hi)}.btn.ghost{background:transparent;box-shadow:none;color:var(--muted)}.btn.ghost:hover{background:var(--surface);color:var(--fg)}.btn.danger{color:var(--danger)}.btn.sm{padding:.28rem .6rem;font-size:.8rem;border-radius:7px}.input,.select{background:#0f0f12;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-sm);color:var(--fg);padding:.5rem .7rem;font:inherit;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.input:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #5e6ad240}textarea.input{resize:vertical;min-height:54px}label.f{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;color:var(--muted);font-weight:500}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;letter-spacing:.01em;padding:.14rem .55rem;border-radius:999px;background:var(--surface);color:var(--muted);box-shadow:inset 0 0 0 1px var(--border);white-space:nowrap}.badge.ok{color:var(--ok);box-shadow:inset 0 0 0 1px #4ade804d}.badge.warn{color:var(--warn);box-shadow:inset 0 0 0 1px #ffb4544d}.badge.danger{color:var(--danger);box-shadow:inset 0 0 0 1px #ff6b6b4d}.badge.info,.badge.accent{color:#aab1f5;box-shadow:inset 0 0 0 1px var(--border-acc);background:#5e6ad21a}.tabs{display:flex;gap:.15rem;border-bottom:1px solid var(--border)}.tabs button{background:none;border:none;color:var(--muted);font:inherit;font-weight:500;padding:.5rem .75rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .2s var(--ease),border-color .2s var(--ease)}.tabs button:hover{color:var(--fg)}.tabs button.active{color:var(--fg);border-bottom-color:var(--accent)}.topbar{display:flex;align-items:center;gap:.7rem}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:left;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.45rem .55rem;border-bottom:1px solid var(--border)}td{padding:.5rem .55rem;border-bottom:1px solid rgba(255,255,255,.035)}tr:hover td{background:#ffffff05}tr.click{cursor:pointer;transition:background .18s var(--ease)}.inbox{display:grid;grid-template-columns:320px 1fr 300px;gap:.8rem;height:calc(100vh - 2.4rem)}.list{overflow:auto;display:flex;flex-direction:column;gap:.35rem;padding-right:2px}.conv{padding:.55rem .65rem;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease)}.conv:hover{background:var(--surface)}.conv.active{background:var(--surface-hi);border-color:var(--border-hi);box-shadow:inset 0 1px #ffffff0d}.conv .t{display:flex;justify-content:space-between;gap:.5rem;font-weight:600}.conv .t .n{display:inline-flex;gap:.35rem;align-items:center}.conv .p{color:var(--muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.1rem}.thread{display:flex;flex-direction:column;min-height:0}.msgs{flex:1;overflow:auto;display:flex;flex-direction:column;gap:.5rem;padding:.7rem .2rem}.msg{max-width:72%;padding:.5rem .75rem;border-radius:14px;font-size:.88rem;box-shadow:var(--sh-card)}.msg.in{align-self:flex-start;background:linear-gradient(to bottom,#ffffff12,#ffffff08);border:1px solid var(--border);border-bottom-left-radius:4px}.msg.out{align-self:flex-end;background:linear-gradient(to bottom,#5e6ad257,#5e6ad238);border:1px solid var(--border-acc);border-bottom-right-radius:4px}.msg .meta{font-size:.68rem;color:var(--subtle);margin-top:.25rem}.composer{display:flex;gap:.5rem;align-items:flex-end;padding-top:.6rem;border-top:1px solid var(--border)}.composer .input{flex:1}.ctx{overflow:auto;display:flex;flex-direction:column;gap:.7rem}.kanban{display:flex;gap:.7rem;overflow-x:auto;align-items:flex-start;padding-bottom:.5rem}.stage{min-width:232px;background:#ffffff06;border:1px solid var(--border);border-radius:var(--r-lg);padding:.6rem;transition:border-color .2s var(--ease),background .2s var(--ease)}.stage.over{border-color:var(--border-acc);background:#5e6ad20f}.stage h3{display:flex;justify-content:space-between;align-items:baseline;padding:.15rem .25rem .55rem}.deal{background:linear-gradient(to bottom,#ffffff0f,#ffffff06);border:1px solid var(--border);border-radius:var(--r-md);padding:.55rem .65rem;margin-bottom:.45rem;cursor:grab;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease)}.deal:hover{border-color:var(--border-hi);box-shadow:var(--sh-card-hi);transform:translateY(-2px)}.deal:active{cursor:grabbing;transform:scale(.99)}.deal .v{color:var(--fg);font-weight:650;font-size:.88rem}.deal .m{color:var(--muted);font-size:.74rem}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0304069e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s var(--ease)}.modal{width:min(620px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(to bottom,#0d0d11,#08080b);border:1px solid var(--border-hi);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--sh-card-hi);animation:riseIn .3s var(--ease)}@keyframes fadeIn{0%{opacity:0}}@keyframes riseIn{0%{opacity:0;transform:translateY(14px) scale(.98)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login .card{width:min(380px,92vw);padding:1.6rem}.login .brand{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.15rem;letter-spacing:-.02em;margin-bottom:1.1rem}.login .brand i{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent),0 0 34px var(--accent-glow)}.snip{display:block;background:#0f0f12;border:1px solid var(--border);border-radius:var(--r-sm);padding:.5rem .65rem;font-size:.76rem;white-space:pre-wrap;word-break:break-all}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem .6rem;font-size:.78rem}.qr{background:#fff;padding:10px;border-radius:var(--r-md)}.chan-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem}.chan{border:1px solid var(--border);border-radius:var(--r-md);padding:.7rem;background:var(--surface)}.help-fab{position:fixed;right:1.1rem;bottom:1.1rem;z-index:90;width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-weight:800;font-size:1.1rem;cursor:pointer;box-shadow:var(--sh-cta);transition:background .2s var(--ease),box-shadow .2s var(--ease),transform .12s var(--ease)}.help-fab:hover{background:var(--accent-hi);box-shadow:var(--sh-cta-hi)}.help-fab:active{transform:scale(.96)}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:#03040699;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s var(--ease)}.help-spot{position:fixed;border:2px solid var(--accent);border-radius:10px;pointer-events:none;box-shadow:0 0 0 9999px #03040699,0 0 24px #5e6ad259;transition:all .25s var(--ease)}.help-tip{position:fixed;background:linear-gradient(to bottom,#0e0e13,#09090d);border:1px solid var(--border-hi);border-radius:var(--r-md);padding:.8rem .9rem;box-shadow:var(--sh-card-hi);animation:riseIn .25s var(--ease)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#ffffff17;border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media(max-width:1180px){.inbox{grid-template-columns:280px 1fr}.ctx{display:none}.grid.c4{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.shell{flex-direction:column}.side{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:.5rem .6rem;border-right:none;border-bottom:1px solid var(--border)}.side .brand{padding:0 .8rem 0 0}.side .foot{display:none}.inbox{grid-template-columns:1fr;height:auto}.thread{min-height:55vh}.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}.main{padding:.8rem}}@media(prefers-reduced-motion:reduce){.blob{animation:none!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}