:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2ff;--bg:#070a18;--bg-2:#0b1024;--sidebar:#050816f5;--panel:#181f45d1;--panel-2:#1d2653b8;--panel-soft:#ffffff0b;--line:#ffffff1a;--line-strong:#ffffff29;--text:#f5f7ff;--muted:#a9b2c9;--muted-2:#7f89a4;--yellow:#f4c318;--yellow-soft:#f4c31824;--green:#36d399;--blue:#69a3ff;--purple:#b48cff;--red:#ff657a;--cyan:#40c8df;--orange:#f59e55;--radius:18px;--shadow:0 18px 50px #00000038;background:#070a18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#3658d238,#0000 30%),radial-gradient(circle at 78% 0,#f4c31814,#0000 26%),linear-gradient(135deg,#050817 0%,#0a1028 46%,#111942 100%);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}textarea{resize:vertical;min-height:96px}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);height:100vh;padding:24px 18px;position:sticky;top:0}.sidebar-brand,.brand-line{align-items:center;gap:14px;display:flex}.sidebar-brand{border-bottom:1px solid var(--line);padding:4px 8px 22px}.sidebar-brand strong,.portal-top strong{letter-spacing:.01em;font-size:1rem;display:block}.sidebar-brand span,.portal-top span{color:var(--muted);font-size:.82rem}.brand-mark{width:58px;height:58px;color:var(--yellow);background:linear-gradient(160deg,#1457d6,#071b5c 62%,#061231);border-radius:16px;place-items:center;font-size:2rem;font-weight:900;display:grid;box-shadow:inset 0 -7px #f4c3182e,0 14px 35px #00000042}.brand-mark.small{border-radius:13px;width:44px;height:44px;font-size:1.5rem}nav{gap:7px;padding-top:18px;display:grid}.nav-item{color:#c7cee0;text-align:left;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.94rem;font-weight:650;display:flex}.nav-item:hover{background:#ffffff0b}.nav-item.active{color:#fff;background:var(--yellow-soft);border-color:#f4c31826}.nav-item.active svg{color:var(--yellow)}.content{min-width:0;padding-bottom:72px}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c21db;justify-content:space-between;align-items:center;gap:24px;padding:22px 34px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(1.55rem,2.5vw,2.25rem);font-weight:820;line-height:1.08}.overline{color:var(--yellow);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:inline-flex}.top-actions{align-items:center;gap:10px;display:flex}.searchbox{min-width:260px;color:var(--muted);border:1px solid var(--line);background:#ffffff0e;border-radius:14px;align-items:center;gap:10px;padding:11px 14px;display:flex}.icon-btn,.ghost,.mini{border:1px solid var(--line);color:#fff;background:#ffffff0e;border-radius:12px;padding:10px 13px}.ghost:hover,.icon-btn:hover,.mini:hover{border-color:var(--line-strong);background:#ffffff14}.hero-panel,.kpi-grid,.module-grid,.office-map,.two-col,.section-title,.portal-preview,.ai-hub{width:min(1440px,100% - 56px);margin:28px auto 0}.hero-panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(135deg,#1a2352db,#111737bd);border-radius:22px;justify-content:space-between;align-items:flex-end;gap:24px;padding:26px;display:flex}.hero-panel h2{letter-spacing:-.04em;max-width:780px;margin:7px 0 8px;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.1}.hero-panel p{max-width:920px;color:var(--muted);margin:0;line-height:1.55}.hero-status{white-space:nowrap;color:#dffced;background:#36d3991f;border:1px solid #36d3992e;border-radius:999px;align-items:center;gap:10px;padding:10px 13px;font-size:.86rem;font-weight:700;display:inline-flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card,.system-card,.panel,.department,.ai-card,.knowledge-box,.welcome-box{border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-card{padding:20px}.kpi-card span{color:var(--muted);font-size:.9rem;font-weight:650;display:block}.kpi-card strong{margin-top:8px;font-size:2rem;font-weight:850;line-height:1;display:block}.kpi-card small{margin-top:9px;font-size:.82rem;font-weight:750;display:block}.green{color:var(--green)}.gold{color:var(--yellow)}.blue{color:var(--blue)}.red{color:var(--red)}.purple{color:var(--purple)}.section-title{margin-top:34px}.section-title h2{letter-spacing:-.01em;margin:0;font-size:1.2rem}.section-title p{max-width:900px;color:var(--muted);margin:7px 0 0}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.system-card{gap:16px;min-height:155px;padding:20px;transition:transform .16s,border-color .16s,background .16s;display:flex}.system-card:hover{background:#1f2858e0;border-color:#f4c31857;transform:translateY(-2px)}.system-icon{color:#fff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.system-icon.red{background:linear-gradient(135deg,#ff596d,#c72542)}.system-icon.blue{background:linear-gradient(135deg,#4d95ff,#1457d6)}.system-icon.purple{background:linear-gradient(135deg,#b267ff,#7435db)}.system-icon.green{background:linear-gradient(135deg,#35d58d,#15945d)}.system-icon.orange{background:linear-gradient(135deg,#f59e55,#a55321)}.system-icon.cyan{background:linear-gradient(135deg,#36c8df,#087e96)}.system-icon.gold{background:linear-gradient(135deg,#f4c318,#9b7412)}.system-icon.indigo{background:linear-gradient(135deg,#7c74ff,#3730a3)}.status-chip{color:var(--yellow);background:var(--yellow-soft);border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.74rem;font-weight:750;display:inline-flex}.status-chip.active{color:var(--green);background:#36d39921}.system-card h2,.panel h2,.ai-card h2,.knowledge-box h2,.welcome-box h2{color:var(--text);letter-spacing:-.015em;margin:0;font-size:1.12rem;line-height:1.25}.system-card p,.panel p,.ai-card p,.welcome-box p,.knowledge-box p,.helper{color:var(--muted);line-height:1.58}.system-card p{margin:7px 0 0;font-size:.91rem}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel{padding:22px}.panel h2{margin-bottom:6px}.form{gap:11px;margin-top:16px;display:grid}input,select,textarea{border:1px solid var(--line);color:#fff;background:#ffffff0f;border-radius:12px;outline:none;width:100%;padding:12px 13px}input:focus,select:focus,textarea:focus{border-color:#f4c31873;box-shadow:0 0 0 3px #f4c31814}.form button,.ai-card button{color:#07101f;background:var(--yellow);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:820;display:inline-flex}.form button:hover,.ai-card button:hover{filter:brightness(1.04)}.data-list,.conversation-list{gap:10px;margin-top:16px;display:grid}.data-row,.empty-desk,.conversation-card{color:#e4e8fb;background:var(--panel-soft);border:1px solid var(--line);border-radius:13px;padding:13px 14px}.data-row{font-size:.92rem;line-height:1.45}.office-map{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.department{background:#171e49c2;min-height:175px;padding:16px}.department-head{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding-bottom:12px;display:flex}.department-head strong{font-size:.95rem}.department-head span,.desk span{color:var(--muted);font-size:.78rem}.desks{gap:9px;margin-top:12px;display:grid}.desk{background:#090e2d8c;border-radius:13px;gap:10px;padding:11px;display:flex}.desk svg{color:var(--yellow)}.ai-hero{text-align:center;padding:22px 20px 34px}.ai-hero .brand-mark{margin:0 auto 16px}.ai-hero h2{letter-spacing:-.045em;max-width:820px;margin:8px auto;font-size:clamp(1.8rem,3vw,3rem);line-height:1.08}.ai-hero p{max-width:760px;color:var(--muted);margin:0 auto;font-size:1.02rem}.ai-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ai-card{background:#071a3ac7;border-color:#f4c3182e;padding:22px}.ai-card h2{margin-top:16px}.ai-card strong{color:var(--yellow);margin-top:4px;font-size:.9rem;display:block}.ai-card button{width:100%;margin-top:14px}.knowledge-box{text-align:center;background:#071a3ab8;max-width:920px;margin:36px auto 0;padding:26px}.portal-top{justify-content:flex-end;align-items:center;gap:14px;display:flex}.welcome-box{background:linear-gradient(135deg,#2c2a2dbf,#1f2653b8);border-color:#f4c31833;margin-top:22px;padding:28px}.conversation-card header{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.conversation-card header span{color:var(--muted);font-size:.8rem}.messages{gap:8px;display:grid}.bubble{color:#eaf0ff;background:#ffffff0f;border-radius:13px;padding:10px 12px;font-size:.9rem;line-height:1.42}.bubble small{color:var(--muted);margin-bottom:4px;display:block}.bubble.outbound{background:#69a3ff24;border:1px solid #69a3ff29}.bubble.inbound{background:#36d3991c;border:1px solid #36d39924}.mini{margin-top:10px;font-size:.82rem}.inline-form{margin-top:14px}.crm-tabs,.kanban-toolbar,.quick-deal,.kanban-board,.chat-shell{width:min(1440px,100% - 56px);margin:20px auto 0}.crm-tabs{flex-wrap:wrap;gap:10px;display:flex}.crm-tabs button{border:1px solid var(--line);color:var(--muted);background:#ffffff0e;border-radius:999px;padding:10px 14px;font-weight:750}.crm-tabs button.active{color:#07101f;background:var(--yellow);border-color:#0000}.kanban-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:#181f45b8;justify-content:space-between;align-items:flex-end;gap:18px;padding:22px;display:flex}.kanban-toolbar h2{letter-spacing:-.025em;margin:6px 0;font-size:1.45rem}.kanban-toolbar p{color:var(--muted);margin:0}.kanban-actions{align-items:center;gap:12px;display:flex}.kanban-actions strong{white-space:nowrap;color:var(--yellow);font-size:1.1rem}.quick-deal .panel{padding:18px}.compact-form{grid-template-columns:1.4fr 1fr .9fr 1fr .8fr 1.1fr auto;align-items:center}.compact-form button{min-height:44px}.kanban-board{grid-auto-columns:minmax(285px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:14px;display:grid;overflow-x:auto}.kanban-column{background:#05173a7a;border:1px dashed #ffffff29;border-radius:18px;min-height:560px}.kanban-column header{border-top:5px solid var(--blue);background:#ffffff12;border-radius:18px 18px 0 0;justify-content:space-between;gap:10px;padding:14px 14px 12px;display:flex}.kanban-column header strong{font-size:.92rem}.kanban-column header span,.deal-head span{color:#07101f;background:#ffffffd1;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.78rem;font-weight:850;display:inline-flex}.add-card{border:1px solid var(--line);color:#fff;background:#ffffff12;border-radius:12px;width:calc(100% - 24px);margin:12px;padding:8px;font-size:1.25rem;font-weight:800}.kanban-cards{gap:10px;padding:0 12px 12px;display:grid}.deal-card{color:#253047;background:#f8fafc;border-radius:14px;padding:14px;box-shadow:0 12px 28px #00000038}.deal-card p{color:#64748b;margin:8px 0;line-height:1.4}.deal-head,.deal-meta,.deal-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.deal-head strong{font-size:.94rem;line-height:1.25}.deal-meta span{color:#2563eb;font-size:.86rem;font-weight:750}.deal-footer{margin-top:10px}.deal-footer small{color:#64748b}.integration-grid{gap:12px;margin-top:16px;display:grid}.integration-card,.sdr-card{border:1px solid var(--line);background:#ffffff0d;border-radius:14px;padding:15px}.integration-card strong,.integration-card span,.integration-card em{display:block}.integration-card span{color:var(--muted);margin-top:4px;font-size:.84rem}.integration-card em{width:fit-content;color:var(--yellow);background:var(--yellow-soft);border-radius:999px;margin-top:10px;padding:5px 9px;font-size:.75rem;font-style:normal;font-weight:800}.integration-card em.connected{color:var(--green);background:#36d39921}.guardrails{color:#dfe6ff;background:#f4c31817;border:1px solid #f4c31829;border-radius:12px;margin-top:14px;padding:14px;line-height:1.55}.chat-shell{grid-template-columns:280px 1fr;gap:16px;display:grid}.chat-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-content:start;gap:8px;padding:14px;display:grid}.chat-list button{color:#dce4ff;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;gap:10px;padding:11px 12px;display:flex}.chat-list button.active{background:#40c8df29;border-color:#40c8df2e}.internal-messages{background:linear-gradient(135deg,#36d39914,#69a3ff1c);border-radius:16px;gap:10px;max-height:520px;margin-top:16px;padding:14px;display:grid;overflow:auto}.internal-message{color:#1f2937;background:#ffffffdb;border-radius:14px;max-width:760px;padding:12px 14px}.internal-message p{color:#334155;margin:5px 0 0}.login-shell{place-items:center;min-height:100vh;padding:30px;display:grid}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:24px;width:min(520px,100%);padding:34px;box-shadow:0 30px 100px #00000059}.login-card h1{letter-spacing:-.035em;margin:22px 0 8px;font-size:2rem;line-height:1.12}.login-card p{color:var(--muted);line-height:1.55}.notice{border-radius:14px;width:min(1440px,100% - 56px);margin:18px auto 0;padding:13px 15px;line-height:1.45}.notice.warn{color:#ffe8a7;background:#f4c3181f;border:1px solid #f4c31833}.notice.ok{color:#dbffed;background:#36d3991f;border:1px solid #36d3992e}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.module-grid,.office-map,.ai-grid,.kpi-grid,.kpi-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.hero-panel{flex-direction:column;align-items:flex-start}}@media (width<=720px){.topbar,.top-actions{flex-direction:column;align-items:stretch}.searchbox{min-width:0}.module-grid,.office-map,.ai-grid,.kpi-grid,.kpi-grid.compact{grid-template-columns:1fr}.hero-panel,.kpi-grid,.module-grid,.office-map,.two-col,.ai-grid,.section-title,.portal-preview,.ai-hub,.notice{width:min(100% - 28px,1440px)}}