@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap";
*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}:root{--barbuck-slate:#516375;--barbuck-dark-blue-grey:#232c49;--barbuck-light-grey-blue:#9caed5;--barbuck-pale-grey:#f0f4fc;--barbuck-sky-blue:#07aef3;--barbuck-minty-green:#028a0f;--barbuck-dusty-orange:#ff6528;--barbuck-rose:#de5b5f;--barbuck-salmon-pink:#ff757a;--bg-primary:#f0f4fc;--bg-secondary:#f1f3f6;--bg-tertiary:#e5e8ed;--bg-card:#fff;--bg-card-hover:#f0f4fc;--text-primary:#2b3c4d;--text-secondary:#516375;--text-muted:#9caed5;--text-inverse:#fff;--border-color:#e2e5eb;--border-light:#eceef2;--status-success:#028a0f;--status-success-bg:#00ee5a1a;--status-warning:#ff6528;--status-warning-bg:#ff65281a;--status-error:#ef4444;--status-error-bg:#ef44441a;--status-info:#07aef3;--status-info-bg:#07aef31a;--sidebar-width:260px;--sidebar-width-collapsed:72px;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #00000014;--shadow-glow:0 0 20px #007bff26;--shadow-section:0 5px 6px 0 #1f224421;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:100px;--radius-barbuck-btn:100px 100px 100px 3px;--radius-panel-curve:0 69px 0 0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SF Mono", "Fira Code", monospace;--success:var(--status-success);--success-bg:var(--status-success-bg);--warning:var(--status-warning);--warning-bg:var(--status-warning-bg);--danger:var(--status-error);--danger-bg:var(--status-error-bg);--info:var(--status-info);--info-bg:var(--status-info-bg);--coral:#ff6528;--coral-bg:#ff65281a;--coral-dark:#e5531e;--coral-shadow:#ff65284d;--crimson:#a61233;--product-gradient-start:#5c3d10;--product-gradient-end:#a67c3d;--product-accent:#c9962b;--product-accent-hover:#daa840;--product-accent-muted:#c9962b1f;--evidence-teal:#149f9c;--evidence-teal-tint:#149f9c1f;--evidence-teal-strong-tint:#149f9c38}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-card-hover:#273449;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-light:#475569;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--shadow-glow:0 0 20px #007bff4d;--evidence-teal-tint:#149f9c33;--evidence-teal-strong-tint:#149f9c52}@media (prefers-color-scheme:dark){[data-theme=auto]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-card-hover:#273449;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#64748b;--text-inverse:#0f172a;--border-color:#334155;--border-light:#475569;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d;--evidence-teal-tint:#149f9c33;--evidence-teal-strong-tint:#149f9c52}}[data-product=olympus]{--product-gradient-start:#5c3d10;--product-gradient-end:#a67c3d;--product-accent:#c9962b;--product-accent-hover:#daa840;--product-accent-muted:#c9962b1f}[data-product=call-intel]{--product-gradient-start:#1a365d;--product-gradient-end:#2b5797;--product-accent:#007bff;--product-accent-hover:#2490ff;--product-accent-muted:#007bff1f}[data-product=ai-agents]{--product-gradient-start:#0a4a48;--product-gradient-end:#117a77;--product-accent:#149f9c;--product-accent-hover:#1ab5b2;--product-accent-muted:#149f9c1f}[data-product=sms]{--product-gradient-start:#4a0d1e;--product-gradient-end:#7a1530;--product-accent:#a61233;--product-accent-hover:#c41a3f;--product-accent-muted:#a612331f}[data-product=talking-forms]{--product-gradient-start:#d4475a;--product-gradient-end:#fe713e;--product-accent:#ff6528;--product-accent-hover:#ff7f4d;--product-accent-muted:#ff65281f}[data-product=marketing]{--product-gradient-start:#6e1440;--product-gradient-end:#c23570;--product-accent:#e8337f;--product-accent-hover:#f0559a;--product-accent-muted:#e8337f1f}[data-product=phone-system]{--product-gradient-start:#1f3a8a;--product-gradient-end:#4169e1}.app-layout{background:var(--bg-primary);min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding:var(--space-6);transition:margin-left var(--transition-normal);flex:1;min-width:0;min-height:100vh;overflow-x:clip}.main-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.btn{justify-content:center;align-items:center;gap:var(--space-2);color:var(--barbuck-dark-blue-grey);text-align:center;cursor:pointer;border-radius:var(--radius-barbuck-btn);text-transform:uppercase;background:#f3f6fc;border:none;padding:.45rem 2rem;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;line-height:1.5;transition:all .2s ease-in-out;display:inline-flex}.btn:hover{opacity:.85;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background-image:linear-gradient(90deg, var(--product-accent) 0%, var(--product-accent-hover) 100%);border:none}.btn-primary:hover{color:#fff;opacity:.85}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}.btn-ghost{color:var(--text-secondary);text-transform:none;background:0 0;font-weight:500}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-outline{color:var(--product-accent);border:1px dashed var(--product-accent);border-radius:var(--radius-md);text-align:left;text-transform:none;background:#fffc;font-size:16px;font-weight:500}.btn-outline:hover{color:#fff;background:var(--product-accent);border-style:solid}.input,.form-control{width:100%;min-height:calc(1.5em + .75rem + 2px);color:var(--text-primary);box-shadow:inset 0 -2px 0 0 var(--barbuck-light-grey-blue);background:0 0;border:none;border-radius:0;outline:none;padding:.375rem 0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;transition:box-shadow .15s ease-in-out;display:block}.input:focus,.form-control:focus{color:var(--text-primary);box-shadow:inset 0 -3px 0 0 var(--product-accent);background-color:#0000}.input:disabled,.form-control:disabled{opacity:.5}.input::placeholder,.form-control::placeholder{color:var(--barbuck-light-grey-blue)}label,.form-label{color:var(--barbuck-slate);margin-bottom:.5rem;font-size:16px;font-weight:700;line-height:26px;display:inline-block}.data-table{border-collapse:collapse;width:100%}.data-table th{color:#a1aab1;letter-spacing:0;text-transform:uppercase;text-align:left;background:0 0;border:none;padding:.75rem 1rem;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:700;line-height:11px}.data-table td{color:var(--barbuck-slate);vertical-align:middle;border:none;padding:.75rem 1rem;font-size:16px;line-height:26px}.data-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--barbuck-pale-grey)}.data-table tbody tr:hover td:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.data-table tbody tr.selected{background-color:var(--barbuck-pale-grey)}.data-table .section-divider td,.section-divider td{text-transform:uppercase;color:var(--barbuck-dark-blue-grey);letter-spacing:.02em;box-shadow:var(--shadow-section);pointer-events:none;padding-top:1rem;padding-bottom:.5rem;font-size:16px;font-weight:700}.status-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.status-dot--no-contact,.status-dot--info,.status-dot--created,.status-dot--new{background-color:var(--barbuck-sky-blue)}.status-dot--contacted,.status-dot--success,.status-dot--active{background-color:var(--barbuck-minty-green)}.status-dot--contact-attempted,.status-dot--warning,.status-dot--pending{background-color:var(--barbuck-dusty-orange)}.status-dot--invalid,.status-dot--error,.status-dot--failed{background-color:var(--status-error)}.lead-status,.status-label{align-items:center;gap:.4rem;display:flex}.badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--status-success-bg);color:var(--status-success)}.badge-warning{background:var(--status-warning-bg);color:var(--status-warning)}.badge-error{background:var(--status-error-bg);color:var(--status-error)}.badge-info{background:var(--status-info-bg);color:var(--status-info)}.badge-muted{background:var(--bg-tertiary);color:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.card:hover{background:var(--bg-card-hover)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.page-title{color:var(--text-primary);font-size:1.75rem;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:var(--space-1);font-size:.875rem}.pagination{justify-content:center;align-items:center;gap:.25rem;margin-top:2rem;display:flex}.pagination button{color:var(--barbuck-slate);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;padding:.4rem .75rem;font-size:1rem}.pagination button:hover{background:var(--barbuck-pale-grey)}.pagination button.active{color:var(--barbuck-dark-blue-grey);font-weight:700}.pagination button:disabled{opacity:.3;cursor:default}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:inline-flex}.theme-toggle:hover{color:var(--text-primary);border-color:var(--border-light)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.text-success{color:var(--status-success)}.text-warning{color:var(--status-warning)}.text-error{color:var(--status-error)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.main-content{padding:var(--space-4);padding-top:calc(var(--space-4) + 48px);margin-left:0}.page-header{align-items:flex-start;gap:var(--space-4);flex-direction:column}}.rotate-prompt-overlay{z-index:200;background:var(--bg-primary);text-align:center;padding:var(--space-6);justify-content:center;align-items:center;display:none;position:fixed;inset:0}@media (max-width:768px) and (orientation:portrait){.rotate-prompt-overlay{display:flex}}.rotate-prompt-content{max-width:320px}.rotate-prompt-icon{color:var(--product-accent,#149f9c);margin-bottom:var(--space-4);animation:2s ease-in-out infinite rotate-nudge}.rotate-prompt-content h2{color:var(--text-primary);margin-bottom:var(--space-3);font-family:Syne,sans-serif;font-size:1.5rem;font-weight:700}.rotate-prompt-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}@keyframes rotate-nudge{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.font-display{font-family:Syne,sans-serif}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.7rem;font-weight:600}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif}.portal-shell{background:var(--bg-primary);min-height:100vh;display:flex}.loading-screen{background:var(--bg-primary);justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--status-success);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}
