:root{--bg-0: #050510;--bg-1: #0a0a16;--bg-2: #11101f;--panel: rgba(22, 20, 40, .62);--panel-2: rgba(30, 27, 52, .55);--panel-solid: #14121f;--border: rgba(180, 139, 255, .14);--border-strong: rgba(180, 139, 255, .3);--text: #ece8fb;--muted: #9b93c4;--faint: #6b6391;--violet: #8a2be2;--violet-2: #b48bff;--lav: #c0a3ff;--cyan: #00f0ff;--grad: linear-gradient(120deg, #8a2be2 0%, #b48bff 52%, #00f0ff 110%);--grad-soft: linear-gradient(120deg, rgba(138,43,226,.18), rgba(0,240,255,.1));--danger: #ff5f7a;--success: #27c93f;--warn: #ffbd2e;--radius: 14px;--radius-sm: 10px;--glow-violet: 0 0 24px -6px rgba(138, 43, 226, .55);--glow-cyan: 0 0 24px -6px rgba(0, 240, 255, .45);--shadow: 0 18px 40px -22px rgba(0, 0, 0, .85);--font-ui: "Geist", ui-sans-serif, system-ui, sans-serif;--font-display: "Clash Display", "Geist", sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);font-size:14px;color:var(--text);background:var(--bg-0);background-image:radial-gradient(1100px 700px at -5% -10%,rgba(138,43,226,.28),transparent 60%),radial-gradient(900px 600px at 105% 110%,rgba(0,240,255,.14),transparent 55%),radial-gradient(700px 500px at 85% -10%,rgba(180,139,255,.12),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:var(--lav);text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#b48bff59;color:#fff}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#b48bff2e;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#b48bff52}.app{display:flex;height:100vh;overflow:hidden}.sidebar{width:248px;flex-shrink:0;background:linear-gradient(180deg,#0f0d1ceb,#07070feb);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column}.sidebar .brand{padding:22px 20px 18px;font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:.2px;color:#fff;display:flex;align-items:center;gap:10px}.sidebar .brand:before{content:"";width:12px;height:12px;border-radius:4px;background:var(--grad);box-shadow:var(--glow-violet);animation:pulseGlow 3.5s ease-in-out infinite}.sidebar .brand b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.sidebar nav{flex:1;overflow-y:auto;padding:8px 12px 16px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;margin:2px 0;border-radius:10px;color:var(--muted);font-size:13.5px;font-weight:500;position:relative;transition:all .15s ease}.sidebar nav a:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.35;transition:all .15s}.sidebar nav a:hover{color:var(--text);background:#b48bff12}.sidebar nav a.active{color:#fff;background:var(--grad-soft);box-shadow:inset 0 0 0 1px var(--border-strong)}.sidebar nav a.active:before{background:var(--cyan);opacity:1;box-shadow:var(--glow-cyan)}.sidebar nav .group{padding:16px 12px 6px;font-size:10.5px;font-weight:600;text-transform:uppercase;color:var(--faint);letter-spacing:1.4px}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:62px;flex-shrink:0;padding:0 26px;display:flex;align-items:center;gap:16px;background:#0a0a168c;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar .title{font-family:var(--font-display);font-weight:600;font-size:19px}.topbar .spacer{flex:1}.topbar .user{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.topbar .user strong{color:var(--lav);font-weight:600}.content{flex:1;overflow-y:auto;padding:26px;animation:rise .5s ease both}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.card .card-head{padding:16px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.card .card-head h3{margin:0;font-size:15px;font-weight:600;font-family:var(--font-display)}.card .card-body{padding:18px}.btn{border:1px solid var(--border-strong);background:#b48bff0f;color:var(--text);padding:8px 15px;border-radius:10px;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .16s ease}.btn:hover{background:#b48bff24;border-color:var(--violet-2);transform:translateY(-1px)}.btn.primary{background:var(--grad);border:none;color:#0b0716;font-weight:600;box-shadow:var(--glow-violet)}.btn.primary:hover{box-shadow:var(--glow-violet),var(--glow-cyan);transform:translateY(-1px)}.btn.danger{background:#ff5f7a24;border-color:#ff5f7a66;color:#ff8ea0}.btn.danger:hover{background:#ff5f7a3d}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover{color:var(--text);background:#b48bff14;transform:none}.btn.sm{padding:5px 10px;font-size:12px;border-radius:8px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{width:100%;padding:9px 12px;background:#08081299;color:var(--text);border:1px solid var(--border);border-radius:10px;font-size:13.5px;font-family:inherit;transition:all .15s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--violet-2);box-shadow:0 0 0 3px #8a2be238;background:#080812d9}select option{background:var(--bg-2);color:var(--text)}label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:6px;letter-spacing:.2px}.field{margin-bottom:14px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:160px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--faint);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px}tbody tr{transition:background .12s}tbody tr:hover{background:#b48bff0f}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.toolbar .spacer{flex:1}.toolbar input,.toolbar select{width:auto;min-width:210px}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid transparent}.badge.gray{background:#9b93c41f;color:#b6bccc;border-color:#9b93c433}.badge.green{background:#27c93f24;color:#6ee787;border-color:#27c93f4d}.badge.blue{background:#00f0ff1f;color:#6ef0ff;border-color:#00f0ff4d}.badge.amber{background:#ffbd2e24;color:#ffd479;border-color:#ffbd2e4d}.badge.red{background:#ff5f7a24;color:#ff8ea0;border-color:#ff5f7a4d}.badge.purple{background:#b48bff29;color:var(--lav);border-color:#b48bff59}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;background:#03030ab8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:64px 16px;animation:fade .2s ease}.modal{width:100%;max-width:560px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 30px 80px -20px #000c,var(--glow-violet);animation:pop .22s cubic-bezier(.2,.8,.2,1)}.modal .modal-head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center}.modal .modal-head h3{margin:0;font-size:16px;flex:1;font-family:var(--font-display);font-weight:600}.modal .modal-body{padding:20px}.modal .modal-foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.kpi{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);animation:rise .5s ease both}.kpi:after{content:"";position:absolute;top:-40%;right:-20%;width:120px;height:120px;border-radius:50%;background:var(--grad);opacity:.12;filter:blur(24px)}.kpi .label{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.3px}.kpi .value{font-family:var(--font-display);font-size:32px;font-weight:600;margin-top:8px}.kpi:nth-child(2){animation-delay:.05s}.kpi:nth-child(3){animation-delay:.1s}.kpi:nth-child(4){animation-delay:.15s}.kpi:nth-child(5){animation-delay:.2s}.kpi:nth-child(6){animation-delay:.25s}.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;height:100%;align-items:flex-start}.kanban-col{width:286px;flex-shrink:0;max-height:100%;display:flex;flex-direction:column;background:#0d0c1a8c;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .18s}.kanban-col .col-head{padding:13px 14px;font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.kanban-col .col-head .count{margin-left:auto;background:#b48bff1f;border-radius:999px;padding:1px 9px;font-size:11px;color:var(--lav)}.kanban-col .col-body{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:9px;min-height:50px}.kanban-card{background:linear-gradient(180deg,#1e1b34b3,#141226b3);border:1px solid var(--border);border-radius:11px;padding:11px 13px;cursor:grab;transition:all .15s;box-shadow:0 6px 18px -12px #000c}.kanban-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--glow-violet)}.kanban-card.dragging{opacity:.35}.kanban-card .kc-title{font-weight:600;font-size:13px}.kanban-card .kc-meta{color:var(--muted);font-size:12px;margin-top:5px;display:flex;justify-content:space-between}.kanban-col.drop-target{box-shadow:inset 0 0 0 2px var(--violet-2),var(--glow-violet)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.login-wrap{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-0);background-image:radial-gradient(900px 600px at 20% 10%,rgba(138,43,226,.35),transparent 55%),radial-gradient(800px 600px at 85% 90%,rgba(0,240,255,.18),transparent 55%);position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(180,139,255,.08) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 75%);mask-image:radial-gradient(circle at center,#000,transparent 75%)}.login-card{position:relative;width:392px;padding:40px 38px;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border-strong);border-radius:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 40px 90px -20px #000c,var(--glow-violet);animation:pop .4s cubic-bezier(.2,.8,.2,1)}.login-card .logo{width:46px;height:46px;border-radius:14px;margin-bottom:18px;background:var(--grad);box-shadow:var(--glow-violet);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:24px;color:#0b0716}.login-card h1{margin:0 0 4px;font-family:var(--font-display);font-size:25px;font-weight:600}.login-card h1 b{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-card p.sub{margin:0 0 26px;color:var(--muted);font-size:13px}.muted{color:var(--muted)}.empty{text-align:center;color:var(--faint);padding:44px}.err{background:#ff5f7a1f;color:#ff9aab;padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;border:1px solid rgba(255,95,122,.3)}.ok-box{background:#27c93f1a;color:#82ed97;padding:11px 14px;border-radius:10px;font-size:13px;margin-bottom:14px;border:1px solid rgba(39,201,63,.3)}.spinner{padding:48px;text-align:center;color:var(--muted)}.chat{display:flex;flex-direction:column;gap:9px;padding:16px;max-height:440px;overflow-y:auto;background:#08081280;border-radius:12px;border:1px solid var(--border)}.msg{max-width:76%;padding:9px 13px;border-radius:12px;font-size:13px;line-height:1.45}.msg.outbound{align-self:flex-end;background:var(--grad-soft);border:1px solid var(--border-strong)}.msg.inbound{align-self:flex-start;background:#1e1b34b3;border:1px solid var(--border)}.msg.internal{align-self:center;background:#ffbd2e1a;border:1px solid rgba(255,189,46,.25);font-style:italic}.msg .meta{font-size:10.5px;color:var(--faint);margin-top:4px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseGlow{0%,to{box-shadow:0 0 16px -4px #8a2be299}50%{box-shadow:0 0 22px -2px #00f0ff99}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}