:root{--bg-base: #f5f7fb;--bg-soft: #edf1f8;--text-primary: #11182b;--text-muted: #5f6a83;--border: #d6deec;--surface: #ffffff;--surface-2: #f8faff;--accent: #0f6efb;--accent-2: #20a4f3;--ok: #1a8f5f;--warn: #b45309;--error: #b91c1c;--radius-lg: 18px;--radius-md: 12px;--shadow: 0 18px 40px rgba(17, 24, 39, .08);--font-sans: "Plus Jakarta Sans", "Manrope", "Avenir Next", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", "Menlo", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);color:var(--text-primary);background:radial-gradient(circle at 0% 0%,#dce7ff 0%,transparent 36%),radial-gradient(circle at 100% 100%,#d6f7f4 0%,transparent 30%),linear-gradient(180deg,#f9fbff 0%,var(--bg-base) 100%)}input,select,button,textarea{font:inherit}button{border:none;border-radius:10px;padding:.64rem .95rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2));cursor:pointer;transition:transform .16s ease,box-shadow .18s ease,opacity .18s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0f6efb33}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{color:var(--text-primary);background:#fff;border:1px solid var(--border)}input,select,textarea{width:100%;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:10px;padding:.62rem .72rem;transition:border-color .18s ease,box-shadow .18s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0f6efb24}label{display:grid;gap:.35rem;font-size:.91rem;color:var(--text-muted)}.hint{color:var(--text-muted);font-size:.86rem}.error-text{color:var(--error)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow);animation:panel-enter .26s ease both;min-width:0}.panel h2,.panel h3{margin-top:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}@keyframes panel-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:min(430px,100%);background:#fffffff2;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:1.5rem}.login-card h1{margin:0}.login-card form{display:grid;gap:.8rem}.workspace-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.workspace-sidebar{border-right:1px solid var(--border);background:#ffffffc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1rem .8rem;display:grid;align-content:space-between;gap:1rem}.brand-mark{display:grid;gap:.2rem;padding:.4rem .6rem}.brand-mark strong{font-size:1.05rem}.brand-mark small{color:var(--text-muted)}.nav-list{display:grid;gap:.25rem}.nav-list a{color:var(--text-primary);text-decoration:none;border:1px solid transparent;border-radius:11px;padding:.62rem .74rem;transition:all .16s ease}.nav-list a:hover{background:#f3f7ff;border-color:#d9e6ff}.nav-list a.active{border-color:#bfd5ff;background:#ecf4ff;color:#003f9e}.sidebar-user{border-top:1px solid var(--border);padding:.8rem .5rem 0;display:grid;gap:.4rem}.workspace-main{padding:1rem;display:grid;gap:1rem}.workspace-topbar{background:#fff;border:1px solid var(--border);border-radius:16px;padding:.85rem 1rem;display:flex;gap:1rem;justify-content:space-between;align-items:center}.workspace-topbar h1{margin:0;font-size:clamp(1.05rem,2.6vw,1.4rem)}.workspace-topbar p{margin:.2rem 0 0;color:var(--text-muted)}.workspace-content{display:grid;gap:1rem}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem}.metric-panel strong{font-size:1.5rem}.blockers-panel{grid-column:1 / -1}.blocker-list{display:grid;gap:.7rem;list-style:none;padding:0;margin:0}.blocker-list li{border:1px solid var(--border);border-radius:var(--radius-md);padding:.7rem;background:var(--surface-2)}.blocker-list p{margin:.35rem 0 .5rem;color:var(--text-muted)}.page-shell{width:100%;margin:0;display:grid;gap:1rem}.hero{background:linear-gradient(125deg,#082a65,#0f6efb 55%,#3cb4ff);color:#fff;border-radius:16px;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.hero h1{margin:0}.hero p{margin:.3rem 0 0;opacity:.9}.user-chip{border-radius:999px;background:#fff3;padding:.3rem .68rem;font-size:.78rem;overflow-wrap:anywhere}.totals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.totals-grid article{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:.8rem}.totals-grid h3{margin:0;color:var(--text-muted);font-size:.82rem}.totals-grid strong{display:block;margin-top:.25rem;font-size:1.34rem}.filters-panel .filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.panel-actions{display:flex;gap:.6rem;margin-top:.8rem}.actions-panel .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.actions-panel form,.session-panel,.roadmap-highlights article,.connector-catalog{background:#fff;border:1px solid var(--border);border-radius:12px;padding:.76rem}.session-panel{display:grid;gap:.6rem}.session-meta{margin:0;color:var(--text-muted);font-size:.84rem}.session-actions{display:flex;flex-wrap:wrap;gap:.5rem}.session-actions button{flex:1;min-width:160px}.qr-box{margin:0;border:1px dashed var(--border);border-radius:10px;padding:.5rem;overflow-wrap:anywhere;background:#fbfdff;font-family:var(--font-mono);font-size:.8rem}.candidate-list{border:1px solid var(--border);border-radius:10px;max-height:210px;overflow-y:auto;padding:.5rem;display:grid;gap:.45rem}.candidate-row{display:flex;gap:.5rem}.candidate-row small{color:var(--text-muted)}.inline-check{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.inline-check input{width:auto}.warning-banner{background:#fff5eb;border-left:4px solid var(--warn);color:#8a4104;border-radius:10px;padding:.72rem;margin-bottom:.72rem}.content-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:.8rem;min-width:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem .42rem;overflow-wrap:anywhere}tr.selected{background:#edf4ff}.timeline-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.timeline-list li{border:1px solid var(--border);border-radius:12px;padding:.65rem;background:#fff}.timeline-title{display:flex;justify-content:space-between;gap:.4rem}.timeline-meta{display:flex;gap:.45rem .8rem;flex-wrap:wrap;color:var(--text-muted);font-size:.84rem}.message-category{display:inline-flex;align-items:center;border-radius:999px;padding:.16rem .43rem;font-size:.75rem;font-weight:700;margin:.42rem 0 .35rem}.message-category.business{background:#e5f8ef;color:#0f7f52}.message-category.personal{background:#ffecec;color:#a41d2d}.message-category.review_required{background:#fff5df;color:#915200}.timeline-link{font-size:.84rem;color:var(--text-muted)}.roadmap-panel .roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.roadmap-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.8rem}.roadmap-panel button{width:100%;text-align:left}.roadmap-stats{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--text-muted);font-size:.84rem;margin-top:.8rem}.status-text{margin:.25rem 0 0}.status-pill{display:inline-flex;border-radius:999px;padding:.15rem .42rem;margin-right:.45rem;font-weight:700;text-transform:uppercase;font-size:.71rem}.status-pill.ok{color:#0f7f52;background:#e6f9ef}.status-pill.error{color:#991b1b;background:#fde8e8}.deal-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.mini-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.mini-list li{border:1px solid var(--border);border-radius:10px;padding:.52rem;background:var(--surface-2);display:flex;justify-content:space-between;gap:.8rem}.inline-form{display:flex;gap:.5rem;align-items:center}.inline-form input,.inline-form select{flex:1}.task-list{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.55rem}.task-list li{border:1px solid var(--border);border-radius:11px;padding:.62rem;display:flex;justify-content:space-between;gap:.7rem;align-items:center}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.integration-card{border:1px solid var(--border);border-radius:12px;padding:.72rem;background:var(--surface-2)}.integration-card h3{margin-top:0;text-transform:capitalize}.integration-card.healthy{border-color:#b7ead2}.integration-card.degraded{border-color:#f7d8a8}.integration-card.down{border-color:#f0b5b5}.settings-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:.8rem}.settings-tabs{display:grid;gap:.38rem;align-content:start}.settings-tabs button{text-align:left;background:#fff;border:1px solid var(--border);color:var(--text-primary)}.settings-tabs button.active{border-color:#bcd4ff;background:#eef5ff;color:#0f4faa}.settings-content{min-height:520px}.settings-grid{display:grid;gap:.75rem}@media(max-width:1120px){.home-grid,.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deal-workspace-grid{grid-template-columns:1fr}.roadmap-panel .roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.workspace-shell{grid-template-columns:1fr}.workspace-sidebar{border-right:none;border-bottom:1px solid var(--border)}.settings-shell{grid-template-columns:1fr}.settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media(max-width:768px){.hero{flex-direction:column}.totals-grid,.filters-panel .filter-grid,.actions-panel .action-grid,.roadmap-panel .roadmap-grid,.roadmap-highlights,.integration-grid,.home-grid{grid-template-columns:1fr}.workspace-main{padding:.7rem}.workspace-topbar{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}