@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #f4f1e8;--bg-glow: rgba(92, 164, 255, .22);--paper: rgba(255, 252, 247, .8);--paper-strong: #fffdf8;--ink: #18222f;--muted: #61707f;--muted-soft: #8a98a6;--line: rgba(24, 34, 47, .1);--line-strong: rgba(24, 34, 47, .16);--accent: #0f6df2;--accent-strong: #0047b3;--accent-soft: rgba(15, 109, 242, .12);--success: #178c5f;--success-soft: rgba(23, 140, 95, .12);--warn: #c46a00;--warn-soft: rgba(196, 106, 0, .12);--rose: #b84f6d;--rose-soft: rgba(184, 79, 109, .12);--navy: #122136;--navy-soft: rgba(18, 33, 54, .72);--shadow-lg: 0 28px 70px rgba(16, 33, 57, .14);--shadow-md: 0 16px 40px rgba(16, 33, 57, .1);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{font-family:Instrument Sans,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(126,212,188,.28),transparent 28%),radial-gradient(circle at top right,var(--bg-glow),transparent 32%),linear-gradient(135deg,#efe9da,#f9f6ef 44%,#ebf4f6)}button,input,select,textarea{font:inherit}button{cursor:pointer}.crm-app{min-height:100vh}.panel{border:1px solid var(--line);background:var(--paper);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);border-radius:var(--radius-xl)}.subpanel{border-radius:var(--radius-lg);background:#ffffffb8;box-shadow:none}.splash-screen,.auth-shell{min-height:100vh;display:grid;align-items:center}.splash-screen{justify-items:center;text-align:center;padding:32px}.brand-orb{width:108px;height:108px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9),transparent 26%),linear-gradient(140deg,#0f6df2,#4ab49f);box-shadow:0 0 0 14px #0f6df214,0 28px 80px #0f6df23d}.eyebrow{margin:0 0 8px;color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}h1,h2,h3,h4{margin:0;font-family:Space Grotesk,sans-serif;line-height:1.02}h1{font-size:clamp(2.4rem,4vw,4.6rem)}h2{font-size:clamp(1.6rem,2.4vw,2.5rem)}h3{font-size:1.3rem}h4{font-size:1rem}.lead,.muted-copy,.inline-note{margin:0;color:var(--muted)}.muted-copy{line-height:1.6}.auth-shell{position:relative;grid-template-columns:minmax(0,1.2fr) minmax(360px,480px);gap:24px;padding:28px}.auth-backdrop{position:absolute;border-radius:999px;filter:blur(24px);opacity:.8;pointer-events:none}.auth-backdrop-left{width:320px;height:320px;left:8%;top:10%;background:#4ab49f2e}.auth-backdrop-right{width:260px;height:260px;right:8%;bottom:10%;background:#0f6df229}.auth-hero,.auth-card{position:relative;padding:34px}.auth-hero{min-height:100%;display:grid;align-content:center;gap:24px}.hero-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.metric-chip{padding:18px;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffc2,#ffffff7a);border:1px solid var(--line);display:flex;align-items:flex-start;gap:14px}.metric-chip strong,.profile-card strong,.status-chip,.stat-tile strong,.metric-card strong,.chart-summary strong,.list-row strong,.queue-card strong,.entity-card strong,.toast strong,.code-title{font-family:Space Grotesk,sans-serif}.metric-chip span,.profile-card p,.list-row p,.entity-card p,.queue-card span,.cell-subtext{color:var(--muted)}.metric-chip-icon,.status-pill-icon,.btn-icon,.nav-icon{width:16px;height:16px;flex:0 0 auto}.metric-chip-icon{width:18px;height:18px;color:var(--accent-strong)}.auth-card{max-width:480px;justify-self:end;width:100%;display:grid;gap:22px}.auth-card-header{display:grid;gap:8px}.stack-lg,.section-stack,.stack-md{display:grid}.stack-lg,.section-stack{gap:22px}.stack-md{gap:12px}.status-banner{margin:0;padding:14px 16px;border-radius:var(--radius-md);border:1px solid transparent}.status-banner.error{color:#8b1f35;background:#b84f6d14;border-color:#b84f6d2e}.button-row,.toolbar-grid,.toolbar-line,.workspace-actions,.pagination-line,.inline-actions,.pill-row,.inline-form,.mini-fields,.link-editor{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.crm-shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;min-height:100vh;padding:18px}.sidebar{padding:24px;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;position:sticky;top:18px;height:calc(100vh - 36px);overflow:hidden;background:linear-gradient(180deg,#0e1c31f2,#162942e6),linear-gradient(120deg,rgba(74,180,159,.2),transparent);color:#eaf1fb}.sidebar .eyebrow,.sidebar .muted-copy,.sidebar .profile-card p{color:#eaf1fbbd}.brand-block{display:grid;gap:8px}.profile-card{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-lg);background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.profile-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(140deg,#79c8ff,#5fd0b4);color:var(--navy);font-weight:800}.sidebar-nav{display:grid;gap:8px;align-content:start;overflow:auto}.nav-btn{border:0;background:transparent;color:inherit;padding:13px 14px;border-radius:16px;display:flex;align-items:center;gap:10px;transition:background-color .2s ease,transform .2s ease}.nav-btn:hover,.nav-btn.active{background:#ffffff1f}.nav-btn.active{transform:translate(3px)}.sidebar-foot{display:grid;gap:10px}.workspace{display:grid;gap:18px;min-width:0}.workspace-header{padding:24px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.status-pill{padding:12px 14px;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;color:var(--accent-strong);font-weight:600}.two-col-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.two-col-grid.balanced{grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.metric-card,.stat-tile,.queue-card,.list-card,.entity-card,.accent-panel{padding:20px}.metric-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(180deg,#ffffffc2,#ffffff75);box-shadow:var(--shadow-md)}.metric-card p,.stat-tile p,.micro-label{margin:0 0 10px;color:var(--muted);font-size:.92rem}.metric-card strong{font-size:1.56rem}.metric-card[data-accent=blue]{background:linear-gradient(180deg,#0f6df21a,#ffffffb8)}.metric-card[data-accent=green]{background:linear-gradient(180deg,#178c5f14,#ffffffb8)}.metric-card[data-accent=gold]{background:linear-gradient(180deg,#c46a0014,#ffffffb8)}.metric-card[data-accent=rose]{background:linear-gradient(180deg,#b84f6d14,#ffffffb8)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.accent-panel{background:radial-gradient(circle at top left,rgba(74,180,159,.1),transparent 34%),linear-gradient(180deg,#ffffffdb,#f7faffb3)}.chart-summary,.referral-grid,.info-grid,.detail-columns,.action-grid,.queue-grid,.card-list{display:grid;gap:14px}.chart-summary,.referral-grid,.info-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.queue-grid,.detail-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.chart-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:12px;align-items:end}.bar-cell{min-height:190px;display:grid;gap:8px;align-content:end}.bar-track{height:140px;border-radius:18px;background:linear-gradient(180deg,#0f6df212,#0f6df203);border:1px solid var(--line);padding:8px;display:flex;align-items:flex-end}.bar-value{width:100%;border-radius:12px;background:linear-gradient(180deg,#79c8ff,#0f6df2)}.queue-card,.stat-tile,.list-card,.entity-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffffa8}.queue-card header,.entity-card-header,.list-row,.list-card-header{display:flex;justify-content:space-between;gap:12px}.queue-card header{margin-bottom:10px}.queue-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail-grid{display:grid;gap:18px;margin-bottom:18px}.list-card-header{margin-bottom:14px}.list-row{align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.form-grid{display:grid;gap:14px}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-span-2{grid-column:1 / -1}.field{display:grid;gap:8px;min-width:0}.grow{flex:1 1 220px}.field-label{color:var(--muted);font-size:.86rem;font-weight:600}.field-input{width:100%;min-height:46px;border-radius:var(--radius-md);border:1px solid var(--line-strong);background:var(--paper-strong);padding:12px 14px;color:var(--ink);transition:border-color .2s ease,box-shadow .2s ease}.field-input:focus{outline:none;border-color:#0f6df280;box-shadow:0 0 0 4px #0f6df214}.textarea{min-height:100px;resize:vertical}.compact-field{min-width:122px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.data-table th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.data-table tbody tr:hover,.data-table tbody tr.active{background:#0f6df20a}.cell-subtext{margin-top:4px;font-size:.85rem}.pagination-line{justify-content:space-between;margin-top:16px}.table-input{width:100%;min-width:140px;min-height:40px;border-radius:12px;border:1px solid var(--line);background:var(--paper-strong);padding:9px 12px}.status-chip,.mini-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 11px;font-size:.82rem;font-weight:600}.status-chip{color:var(--accent-strong);background:var(--accent-soft)}.mini-pill{color:var(--muted);background:#18222f0f}.checkbox-inline{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.checkbox-inline input{width:18px;height:18px}.primary-btn,.secondary-btn,.ghost-btn,.segmented-btn{border:0;min-height:46px;border-radius:16px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s ease,opacity .18s ease,background-color .18s ease}.primary-btn:hover,.secondary-btn:hover,.ghost-btn:hover,.segmented-btn:hover{transform:translateY(-1px)}.primary-btn:disabled,.secondary-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 28px #0f6df23d}.secondary-btn{color:var(--ink);background:#ffffffc7;border:1px solid var(--line)}.ghost-btn{color:var(--muted);background:#18222f0a;border:1px solid rgba(24,34,47,.06)}.full-width{width:100%}.compact-btn,.compact-action{min-height:40px;padding:0 14px}.compact-action{font-size:.86rem}.segmented{display:inline-flex;padding:6px;border-radius:18px;background:#18222f0f;border:1px solid var(--line)}.segmented-btn{min-height:38px;padding:0 14px;background:transparent;color:var(--muted)}.segmented-btn.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.divider{height:1px;background:var(--line);margin:18px 0}.code-box{padding:14px;border-radius:18px;background:#122136eb;color:#eef5ff;overflow:auto}.code-box code{white-space:normal;word-break:break-all;font-size:.88rem}.code-title{margin:0 0 8px;color:#eef5ffb8}.toast-stack{position:fixed;right:20px;bottom:20px;display:grid;gap:10px;z-index:30}.toast{min-width:260px;max-width:360px;padding:14px 16px;border-radius:18px;box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#ffffffe6}.toast p{margin:6px 0 0;color:var(--muted)}.toast[data-tone=success]{border-color:#178c5f33;background:#f3fffaeb}.toast[data-tone=error]{border-color:#b84f6d33;background:#fff5f8f0}@media(max-width:1380px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-grid{grid-template-columns:1fr}}@media(max-width:1120px){.crm-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;grid-template-rows:auto auto auto auto}.sidebar-nav{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.workspace-header,.panel-heading{flex-direction:column}.metric-grid,.two-col-grid,.chart-summary,.referral-grid,.info-grid,.queue-grid,.detail-columns,.auth-shell{grid-template-columns:1fr}.auth-card{justify-self:stretch;max-width:none}.hero-grid{grid-template-columns:1fr}}@media(max-width:760px){.crm-shell,.auth-shell{padding:14px;gap:14px}.workspace-header,.panel,.auth-hero,.auth-card,.metric-card,.stat-tile,.queue-card,.list-card,.entity-card,.accent-panel{padding:18px}.form-grid.cols-2{grid-template-columns:1fr}.cols-span-2{grid-column:auto}.toast-stack{left:14px;right:14px;bottom:14px}.toast{max-width:none;min-width:0}}