@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg: #f5efe6;--bg-strong: #ece1d2;--surface: rgba(255, 252, 247, .88);--surface-strong: rgba(255, 248, 239, .98);--ink: #191919;--muted: #665f56;--line: rgba(25, 25, 25, .09);--accent: #2458f3;--accent-soft: rgba(36, 88, 243, .1);--good: #2fbf8c;--warn: #efab42;--danger: #ef5b74;--shadow: 0 30px 60px rgba(86, 69, 37, .12);font-family:Manrope,IBM Plex Sans,sans-serif;line-height:1.5;font-weight:500;background:radial-gradient(circle at top left,rgba(255,255,255,.86),transparent 28%),radial-gradient(circle at bottom right,rgba(36,88,243,.08),transparent 26%),linear-gradient(180deg,#f7f2eb,#f2ebdf);color:var(--ink);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.fullscreen-loader,.login-shell{min-height:100vh}.fullscreen-loader{display:grid;place-items:center;color:var(--muted)}.login-shell{display:grid;grid-template-columns:1.15fr .85fr;padding:32px;gap:20px}.login-poster,.login-form,.panel,.stage-column,.detail-panel,.table-panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.login-poster{padding:48px;border-radius:36px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(140deg,#2458f3eb,#111b3ae6),linear-gradient(180deg,rgba(255,255,255,.04),transparent);color:#fff;position:relative;overflow:hidden}.login-poster:before,.login-poster:after{content:"";position:absolute;inset:auto;border-radius:999px;background:#ffffff14}.login-poster:before{width:360px;height:360px;top:-80px;right:-120px}.login-poster:after{width:220px;height:220px;bottom:-40px;left:-60px}.login-poster h1{margin:12px 0 8px;font-family:Fraunces,serif;font-size:clamp(3rem,7vw,5.8rem);line-height:.95}.login-poster p,.login-form-head{position:relative;z-index:1}.login-form{padding:40px;border-radius:32px;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:560px}.login-form-head h2{margin:0}.login-form h2,.page-header h1{margin:10px 0 8px;font-size:clamp(2rem,3vw,3rem);line-height:1}.login-form p,.page-header p,.panel-heading p,.muted-text,.empty-state p{color:var(--muted)}.login-form label{display:grid;gap:8px;color:var(--muted)}.login-form input,.search-input,.date-actions input,.phone-lead-form input,.phone-lead-form select,.note-form textarea{width:100%;border:1px solid rgba(25,25,25,.12);background:#fff;border-radius:18px;padding:14px 16px;color:var(--ink)}.phone-lead-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.primary-button,.ghost-button,.chip-button,.danger-button{border:none;border-radius:999px;padding:12px 18px;transition:transform .18s ease,background .18s ease,color .18s ease}.primary-button{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff}.primary-button:hover,.ghost-button:hover,.chip-button:hover,.danger-button:hover,.nav-link:hover,.lead-card:hover{transform:translateY(-1px)}.ghost-button{background:#1919190f;color:var(--ink)}.sidebar .ghost-button{background:#ffffff14;color:#ffffffeb}.sidebar .ghost-button:hover{background:#ffffff24}.chip-button{background:#1919190d}.chip-button.active{background:var(--accent);color:#fff}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#bb2044f2,#f1607aeb);color:#fff}.danger-button:disabled{cursor:default;opacity:.7;transform:none}.form-error{border-radius:16px;padding:12px 14px;background:#ef5b7417;color:#9b253f}.eyebrow{display:inline-block;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.14em}.login-poster .eyebrow{color:#ffffffd1}.page-header .eyebrow,.topbar .eyebrow,.detail-head .eyebrow,.integration-card .eyebrow,.login-form .eyebrow,.brand-badge{color:var(--accent)}.shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;gap:18px;padding:18px;overflow-x:clip}.sidebar,.main{min-height:calc(100vh - 36px)}.sidebar{display:flex;flex-direction:column;padding:22px;border-radius:30px;background:#131825f5;color:#fff;box-shadow:0 30px 80px #1216234d}.brand{display:flex;gap:14px;align-items:center;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-badge{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#2458f32e;color:#8eacff;font-weight:800}.user-card p{margin:2px 0 0;color:#ffffffc2}.nav{display:grid;gap:8px;margin-top:20px}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:18px;color:#ffffffd1;transition:transform .18s ease,background .18s ease}.nav-link.active{background:#ffffff14;color:#fff}.sidebar-footer{margin-top:auto}.user-card{display:flex;justify-content:space-between;gap:12px;padding:16px;border-radius:22px;background:#ffffff0f}.main{display:flex;flex-direction:column;gap:18px;min-width:0;max-width:100%}.topbar{display:flex;justify-content:flex-end;align-items:center;padding:4px 6px 0}.topbar p{margin:0;color:var(--muted)}.topbar-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:#fffcf7b8;border:1px solid var(--line)}.dot,.stage-dot,.check-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--good)}.page{display:grid;gap:18px;min-width:0}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;min-width:0}.page-header>div:first-child{max-width:min(960px,100%);min-width:0}.page-header h1{margin:0}.page-actions,.date-actions,.status-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.page-actions{margin-left:auto;min-width:0;max-width:100%}.date-actions{justify-content:flex-end}.overview-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.date-actions input{width:172px;min-width:172px}.metric-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.metric-cell{--pulse-ring: rgba(36, 88, 243, .08);padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:#fffcf7bd;display:grid;gap:6px}.metric-cell.accent{background:linear-gradient(135deg,#2458f3f2,#203878f2);color:#fff}.metric-cell.danger{--pulse-ring: rgba(241, 96, 122, .3);background:linear-gradient(135deg,#bb2044f2,#f1607ae0);border-color:#bb20447a;box-shadow:inset 0 0 0 1px #ffffff14}.metric-cell.danger span,.metric-cell.danger strong{color:#fff}.metric-cell.pulse,.queue-badge.pulse,.status-summary-pill.pulse{animation:subtlePulse 2.4s ease-in-out infinite}.metric-cell span{color:inherit;opacity:.76}.metric-cell strong{font-size:1.8rem;font-weight:800}.dashboard-grid,.analytics-grid,.help-grid{display:grid;gap:18px}.dashboard-grid{grid-template-columns:1.15fr .85fr;align-items:start}.analytics-grid,.help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-compact{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}.panel,.feature-panel,.detail-panel,.table-panel{border-radius:30px;padding:22px}.panel.wide{grid-column:1 / -1}.chart-panel{border-radius:30px;padding:22px;border:1px solid var(--line);background:#fffcf7ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.panel-heading{display:grid;gap:4px;margin-bottom:18px}.panel-heading-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.compact-panel{padding-bottom:18px}.alert-list,.manager-board,.integration-list,.checklist,.event-list{display:grid;gap:12px}.alert-item,.manager-row,.integration-row,.table-row{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.alert-item:first-child,.manager-row:first-child,.integration-row:first-child,.table-row:first-child{border-top:none;padding-top:0}.alert-item:last-child,.manager-row:last-child,.integration-row:last-child,.table-row:last-child{padding-bottom:0}.alert-item>div:last-child,.integration-row>div:last-child{display:grid;justify-items:end;gap:6px}.priority-pill,.status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:7px 12px;border-radius:999px;border:1px solid rgba(25,25,25,.14);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.priority-pill.high{color:#b32043;background:#ef5b741f}.priority-pill.medium{color:#a76508;background:#efab4229}.priority-pill.low,.status-pill.connected{color:#0d7a57;background:#2fbf8c29}.status-pill.pending{color:#a76508;background:#efab4229}.status-pill.inactive{color:#9b253f;background:#ef5b741a}.pipeline-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:18px;align-items:start;min-width:0;max-width:100%}.pipeline-board{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;min-width:0;overflow:hidden}.stage-lane{display:grid;gap:10px;min-width:0}.stage-header{padding:0 8px}.stage-header-main{display:inline-flex;align-items:flex-start;gap:10px}.stage-header-main>div{display:grid;gap:4px}.stage-header-main span{color:var(--muted);font-size:.92rem}.stage-column{border-radius:28px;padding:16px 18px;min-height:156px;border:1px solid var(--line);background:#fffcf7ad;box-shadow:var(--shadow);min-width:0;overflow:hidden}.stage-stack{display:flex;gap:12px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;min-height:0;content-visibility:auto;align-items:flex-start;scrollbar-gutter:stable both-edges;overscroll-behavior-x:contain}.lead-card{text-align:left;width:286px;min-width:286px;flex:0 0 286px;border:1px solid rgba(25,25,25,.08);background:var(--surface-strong);border-radius:22px;padding:14px;display:grid;gap:10px;transition:transform .18s ease,box-shadow .18s ease}.lead-card.attention{box-shadow:0 0 0 1px #2458f314,0 18px 30px #2458f31a}.lead-card-top,.lead-card-meta{display:flex;justify-content:space-between;gap:10px;align-items:center}.lead-card-body{display:grid;gap:6px}.lead-card-title,.lead-card-client,.lead-card-summary{margin:0}.lead-card-title{line-height:1.3}.lead-card-client{color:var(--muted)}.lead-card-summary{display:-webkit-box;overflow:hidden;color:var(--muted);-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.35}.lead-card-slot{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#2458f314;color:#2458f3;font-size:.8rem;font-weight:700}.repeat-procedure-pill{display:inline-flex;width:fit-content;align-items:center;padding:6px 10px;border-radius:999px;background:#2458f31a;color:#2458f3;font-size:.78rem;font-weight:700}.lead-channel,.lead-card small,.event-item small,.integration-meta span,.table-head,.muted{color:var(--muted)}.detail-panel{display:grid;align-content:start;gap:16px;position:sticky;top:18px;z-index:2;min-width:0;max-width:100%}.detail-head{min-width:0;max-width:100%}.detail-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}.detail-head-badges{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.detail-repeat-pill{padding:4px 10px}.detail-head h2{margin:6px 0;max-width:100%;overflow-wrap:anywhere}.detail-metrics{display:grid;grid-template-columns:1fr;gap:12px}.detail-metrics>div,.detail-block,.help-card{padding:14px;border-radius:22px;background:#ffffff94;border:1px solid rgba(25,25,25,.06)}.detail-metrics>div{display:flex;justify-content:space-between;align-items:center;gap:20px;min-width:0}.detail-metrics>div:last-child{grid-column:auto}.detail-metrics strong{line-height:1.3;max-width:65%;text-align:right;word-break:normal;overflow-wrap:anywhere}.detail-metrics span,.event-item span,.table-head span{color:var(--muted);font-size:.86rem}.detail-block p,.event-item p,.help-card p{margin-bottom:0}.muted-block{background:#a9afbf1f}.detail-link-chip{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:10px 14px;border-radius:999px;background:#2458f314;color:#2458f3;font-weight:700}.stage-action-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}.stage-action-button{border:1px solid rgba(25,25,25,.12);background:#ffffffe0;color:var(--ink);border-radius:18px;padding:12px 16px;width:100%;min-width:0;display:flex;justify-content:flex-start;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.stage-action-button:disabled{cursor:default;opacity:.96}.event-item{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.event-item:first-child{border-top:none;padding-top:0}.event-item>div{display:flex;justify-content:space-between;gap:10px}.event-meta{display:grid;gap:2px}.event-meta small{color:var(--muted)}.note-form{display:grid;gap:12px}.note-form textarea{min-height:120px;resize:vertical}.archive-block{border-color:#bb204424;background:#fff1f4b8}.search-input{min-width:280px;width:min(360px,100%)}.pipeline-search-input{width:min(340px,100%)}.pipeline-toolbar{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:100%;min-width:0}.phone-form-panel{display:grid;gap:18px}.phone-lead-form{display:grid;gap:16px}.form-grid{display:grid;gap:14px}.form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid-date{grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{display:grid;gap:8px;min-width:0}.form-field>span{color:var(--muted);font-size:.92rem}.form-hint-field{align-content:end}.lookup-hint,.slot-status-hint{display:inline-flex;align-items:center;min-height:52px;padding:12px 14px;border-radius:18px;border:1px solid rgba(25,25,25,.08);background:#ffffff9e;color:var(--muted)}.lookup-hint.found,.slot-status-hint.free{color:#0d7a57;background:#2fbf8c1f;border-color:#2fbf8c38}.slot-status-hint{min-height:auto;padding:10px 12px;font-size:.88rem}.slot-status-hint.occupied,.form-field.occupied select{color:#b32043;border-color:#f1607a47;background:#f1607a14}.form-error-banner{border-radius:18px;padding:14px 16px;background:#f1607a1f;color:#9b253f}.form-actions{display:flex;justify-content:flex-start}.table-head,.table-row{display:grid;grid-template-columns:1.6fr .8fr .5fr .8fr;gap:16px;align-items:center}.table-head{padding-bottom:16px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em}.integration-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.integration-list.compact{grid-template-columns:1fr}.integration-card,.webhook-panel{display:grid;gap:16px}.integration-type-label{margin:6px 0 0;color:var(--muted)}.integration-header,.integration-meta,.check-item{display:flex;justify-content:space-between;gap:14px;align-items:center}.integration-facts{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.integration-fact{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fffcf7d1;display:grid;gap:6px;min-width:0}.integration-fact-wide{grid-column:span 2}.integration-fact span{color:var(--muted);font-size:.92rem}.integration-fact-value{display:block;min-width:0;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.integration-email-address{font-size:.98rem}.integration-note{margin:0;padding:12px 14px;border-radius:16px;background:#2458f314;color:#2458f3}.integration-note.error{background:#f1607a1f;color:#a62543}.config-preview,.code-block{margin:0;padding:14px;border-radius:20px;background:#131825f2;color:#edf3ff;overflow:auto}.check-item{justify-content:flex-start}.check-item p{margin:0}.chart-toggle{justify-content:flex-end}.queue-badge,.status-summary-pill{--pulse-ring: rgba(36, 88, 243, .08);display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:8px 12px;border-radius:999px;font-weight:700;background:#2458f31f;color:#2458f3}.queue-badge.alert{--pulse-ring: rgba(241, 96, 122, .2);background:#f1607a1f;color:#b32043}.status-summary-pill.ok{background:#2fbf8c1f;color:#0d7a57}.status-summary-pill.alert{--pulse-ring: rgba(241, 96, 122, .2);background:#f1607a1f;color:#b32043}.incoming-list,.channel-alert-list{display:grid;gap:10px}.incoming-item,.channel-alert-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.incoming-item:first-child,.channel-alert-item:first-child{border-top:none;padding-top:0}.incoming-item:last-child,.channel-alert-item:last-child{padding-bottom:0}.incoming-item>div:last-child,.channel-alert-meta{display:grid;justify-items:end;gap:6px}.compact-empty,.channel-ok-banner{color:var(--muted)}.channel-status-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.status-stat{display:grid;gap:6px;padding:14px 16px;border-radius:20px;background:#ffffff8f;border:1px solid rgba(25,25,25,.06)}.status-stat.alert{background:#f1607a14;border-color:#f1607a38}.status-stat span{color:var(--muted)}.status-stat strong{font-size:1.45rem}.channel-alert-main{display:flex;align-items:center;gap:10px}.channel-alert-dot{width:10px;height:10px;border-radius:999px;background:#f3ae4e}.channel-alert-dot.inactive{background:#f1607a}.channel-alert-dot.pending{background:#f3ae4e}.donut-layout{display:grid;place-items:center}.donut-chart-wrap{min-height:340px;width:min(100%,520px)}.donut-total-value{fill:var(--ink);font-size:2rem;font-weight:800}.donut-total-label{fill:var(--muted);font-size:.92rem}.donut-callout-title{fill:var(--ink);font-size:.94rem;font-weight:700}.donut-callout-value{fill:var(--muted);font-size:.82rem}.calendar-page{align-items:start}.calendar-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.calendar-lead-banner{display:flex;justify-content:space-between;gap:18px;align-items:center}.calendar-lead-banner p,.calendar-lead-meta p{margin:6px 0 0;color:var(--muted)}.calendar-lead-meta{display:grid;gap:6px;justify-items:end;text-align:right}.calendar-lead-meta span{color:var(--muted);font-size:.88rem}.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.calendar-day-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.calendar-day{display:grid;gap:16px}.calendar-day-head{display:flex;justify-content:space-between;gap:14px;align-items:center}.calendar-day-head span{color:var(--muted);font-size:.9rem}.calendar-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.calendar-slot{border:1px solid rgba(25,25,25,.08);background:#ffffffb8;border-radius:18px;padding:12px;display:grid;gap:4px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.calendar-slot strong{font-size:.98rem}.calendar-slot span{color:var(--muted);font-size:.84rem}.calendar-slot.free{border-color:#2458f324}.calendar-slot.suggested{border-color:#f3ae4e4d;background:#f3ae4e14}.calendar-slot.confirmed{border-color:#2fbf8c47;background:#2fbf8c14}.calendar-slot.mine{box-shadow:0 0 0 1px #2458f31f}.calendar-slot.selected{border-color:#2458f3;box-shadow:0 18px 26px #2458f31f}.calendar-side-panel{top:18px}.calendar-side-time{margin:6px 0 10px;font-size:1.4rem}.empty-state{display:grid;place-items:center;min-height:300px;text-align:center}@keyframes subtlePulse{0%,to{transform:scale(1);box-shadow:0 0 #2458f300}50%{transform:scale(1.015);box-shadow:0 0 0 7px var(--pulse-ring, rgba(36, 88, 243, .08))}}@media(max-width:1180px){.shell{grid-template-columns:1fr}.sidebar,.main{min-height:auto}.sidebar{padding:18px}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nav-link{min-height:52px}.brand,.user-card{padding-bottom:0}.login-shell,.dashboard-grid,.analytics-grid,.integration-list,.help-grid,.pipeline-layout,.calendar-layout,.stage-column,.donut-layout,.dashboard-grid-compact,.calendar-day-list{grid-template-columns:1fr}.detail-panel{position:static}.integration-fact-wide{grid-column:auto}.form-grid-three,.form-grid-two,.form-grid-four,.form-grid-date{grid-template-columns:1fr}}@media(max-width:768px){.shell,.login-shell{padding:12px}.page-header,.topbar,.metric-band,.date-actions,.detail-metrics,.table-head,.table-row,.calendar-slots,.calendar-lead-banner{grid-template-columns:1fr;display:grid}.page-actions{width:100%;margin-left:0}.pipeline-toolbar,.form-actions{width:100%;justify-content:stretch}.form-actions .primary-button,.pipeline-toolbar .chip-button,.pipeline-toolbar .search-input{width:100%}.date-actions input{width:100%;min-width:0}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{padding:18px}.main{gap:12px}.login-poster,.login-form,.panel,.chart-panel,.detail-panel,.stage-column,.table-panel{border-radius:24px}}
