:root{--brand-name: "AT Leads";--color-ink: #0b1f2a;--color-ink-soft: #1a3544;--color-signal: #ff6b2c;--color-signal-hover: #e85a1c;--color-steel: #3d6b8c;--color-steel-soft: #5a8aab;--color-paper: #e6ebf0;--color-surface: #f4f6f8;--color-panel: #ffffff;--color-panel-muted: #eef2f5;--color-line: #cfd8e0;--color-line-strong: #a8b6c3;--color-text: #0b1f2a;--color-text-muted: #5c6f7d;--color-text-on-signal: #0b1f2a;--color-text-on-ink: #f4f6f8;--color-status-new: #1f7a5c;--color-status-new-bg: #d8f3e8;--color-status-contacted: #3d6b8c;--color-status-contacted-bg: #dceaf3;--color-status-qualified: #b45309;--color-status-qualified-bg: #fde8c8;--color-status-rejected: #9b2c2c;--color-status-rejected-bg: #f8d7d7;--color-source-bg: #e8eef3;--color-source-text: #1a3544;--color-danger: #b42318;--color-danger-bg: #fdecea;--color-success: #1f7a5c;--font-brand: "Syne", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-hero: clamp(2.4rem, 5vw, 3.4rem);--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-soft: 0 12px 40px rgba(11, 31, 42, .08);--shadow-panel: 0 1px 0 rgba(11, 31, 42, .04), 0 8px 24px rgba(11, 31, 42, .06);--max-width: 1440px;--header-height: 64px;--transition: .16s ease}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:1.5;color:var(--color-text);background:linear-gradient(160deg,rgba(255,107,44,.07) 0%,transparent 42%),linear-gradient(180deg,#dfe6ec 0%,var(--color-paper) 45%,#dde5ec 100%);background-attachment:fixed}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(11,31,42,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,42,.03) 1px,transparent 1px);background-size:28px 28px;z-index:0}button,input,select,textarea,a{font:inherit}a{color:var(--color-steel)}a:hover{color:var(--color-signal)}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;border:1px solid transparent;border-radius:var(--radius-md);padding:10px 16px;background:var(--color-signal);color:var(--color-text-on-signal);font-weight:var(--weight-semibold);transition:background var(--transition),transform var(--transition),border-color var(--transition)}.btn:hover,button:hover:not(:disabled){background:var(--color-signal-hover)}.btn:active,button:active:not(:disabled){transform:translateY(1px)}.btn-secondary,button.secondary{background:var(--color-panel);color:var(--color-ink);border-color:var(--color-line)}.btn-secondary:hover,button.secondary:hover:not(:disabled){background:var(--color-panel-muted);border-color:var(--color-line-strong)}.btn-ink,button.ink{background:var(--color-ink);color:var(--color-text-on-ink)}.btn-ink:hover,button.ink:hover:not(:disabled){background:var(--color-ink-soft)}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.field input,.field select,.field textarea,.toolbar input,.toolbar select{padding:10px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-panel);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.field input:focus,.field select:focus,.field textarea:focus,.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--color-steel);box-shadow:0 0 0 3px #3d6b8c2e}.app-shell,.design-lab{position:relative;z-index:1;max-width:var(--max-width);margin:0 auto;padding:var(--space-5)}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--color-ink);color:var(--color-text-on-ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);animation:rise .42s ease both}.brand-lockup{display:flex;flex-direction:column;gap:2px}.brand-lockup .brand{font-family:var(--font-brand);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.03em;line-height:1.1}.brand-lockup .brand span{color:var(--color-signal)}.brand-lockup .tagline{margin:0;color:#f4f6f8b8;font-size:var(--text-sm)}.topbar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topbar .btn-secondary,.topbar button.secondary{background:transparent;color:var(--color-text-on-ink);border-color:#f4f6f847}.topbar .btn-secondary:hover,.topbar button.secondary:hover:not(:disabled){background:#f4f6f814}.login-screen{position:relative;z-index:1;min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.login-composition{width:min(920px,100%);display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);animation:rise .5s ease both}.login-hero{padding:var(--space-7) var(--space-6);background:linear-gradient(145deg,rgba(255,107,44,.92) 0%,rgba(255,107,44,.55) 38%,transparent 70%),linear-gradient(180deg,var(--color-ink) 0%,var(--color-ink-soft) 100%);color:var(--color-text-on-ink);display:flex;flex-direction:column;justify-content:flex-end;min-height:420px}.login-hero .eyebrow{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:#f4f6f8b3;margin-bottom:var(--space-3)}.login-hero h1{margin:0 0 var(--space-3);font-family:var(--font-brand);font-size:var(--text-hero);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:.95}.login-hero p{margin:0;max-width:28ch;color:#f4f6f8d1}.login-panel{padding:var(--space-6);background:var(--color-panel);display:flex;flex-direction:column;justify-content:center}.login-panel h2{margin:0 0 var(--space-2);font-family:var(--font-brand);font-size:var(--text-xl);letter-spacing:-.02em}.login-panel .lead{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.login-panel .btn,.login-panel button[type=submit]{width:100%}.login-links{margin-top:var(--space-4);display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-sm)}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.stat-card{background:var(--color-panel);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-line);box-shadow:var(--shadow-panel);animation:rise .42s ease both}.stat-card:nth-child(2){animation-delay:40ms}.stat-card:nth-child(3){animation-delay:80ms}.stat-card:nth-child(4){animation-delay:.12s}.stat-card:nth-child(5){animation-delay:.16s}.stat-card span{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-card strong{display:block;font-family:var(--font-brand);font-size:var(--text-2xl);letter-spacing:-.03em;line-height:1}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg)}.toolbar input,.toolbar select{min-width:140px}.toolbar input[type=search],.toolbar input:first-of-type{flex:1;min-width:200px}.layout-split{display:grid;grid-template-columns:1fr 360px;gap:var(--space-4);align-items:start}.table-wrap{background:var(--color-panel);border-radius:var(--radius-lg);overflow:auto;border:1px solid var(--color-line);box-shadow:var(--shadow-panel)}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}th{background:var(--color-panel-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);font-weight:var(--weight-semibold);position:sticky;top:0}tbody tr{cursor:pointer;transition:background var(--transition)}tbody tr:hover{background:#ff6b2c0f}tbody tr.is-selected{background:#3d6b8c1a}tbody tr.is-selected td:first-child{box-shadow:inset 3px 0 0 var(--color-signal)}.fn-cell{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);background:var(--color-source-bg);color:var(--color-source-text)}.badge-status{text-transform:capitalize}.badge-status.new{background:var(--color-status-new-bg);color:var(--color-status-new)}.badge-status.contacted{background:var(--color-status-contacted-bg);color:var(--color-status-contacted)}.badge-status.qualified{background:var(--color-status-qualified-bg);color:var(--color-status-qualified)}.badge-status.rejected{background:var(--color-status-rejected-bg);color:var(--color-status-rejected)}.detail-panel{background:var(--color-panel);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-line);box-shadow:var(--shadow-panel);position:sticky;top:var(--space-4)}.detail-panel h2{margin:0 0 var(--space-4);font-family:var(--font-brand);font-size:var(--text-xl);letter-spacing:-.02em;line-height:1.15}.detail-panel h3{margin:var(--space-5) 0 var(--space-3);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.meta-list{display:grid;gap:var(--space-2);margin-bottom:var(--space-4)}.meta-list>div{display:grid;grid-template-columns:100px 1fr;gap:var(--space-2);font-size:var(--text-sm);padding-bottom:var(--space-2);border-bottom:1px dashed var(--color-line)}.meta-list strong{color:var(--color-text-muted);font-weight:var(--weight-medium)}.empty-hint{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid rgba(180,35,24,.2);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm)}.success{color:var(--color-status-qualified);background:var(--color-status-qualified-bg);border:1px solid rgba(21,115,71,.2);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm)}.topbar-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.topbar button.secondary.is-active{background:#ff6b2c2e;border-color:#ff6b2c73;color:var(--color-text-on-ink)}.settings-layout{animation:rise .42s ease both}.settings-header{margin-bottom:var(--space-5)}.settings-header h1{margin:0 0 var(--space-2);font-family:var(--font-brand);font-size:var(--text-2xl);letter-spacing:-.03em}.settings-header p{margin:0;color:var(--color-text-muted)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.settings-form{display:grid;gap:var(--space-4)}.settings-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-panel)}.settings-card h2{margin:0 0 var(--space-4);font-family:var(--font-brand);font-size:var(--text-lg);letter-spacing:-.02em}.settings-hint{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.toggle-field{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text)}.toggle-field input{margin-top:3px}.key-preview{display:block;margin-top:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.settings-actions{display:flex;justify-content:flex-end}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.lab-section{margin-bottom:var(--space-7);animation:rise .42s ease both}.lab-section h2{font-family:var(--font-brand);font-size:var(--text-xl);margin:0 0 var(--space-2);letter-spacing:-.02em}.lab-section>p{margin:0 0 var(--space-4);color:var(--color-text-muted);max-width:60ch}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.swatch{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-line);background:var(--color-panel)}.swatch-color{height:72px}.swatch-meta{padding:var(--space-3);font-size:var(--text-xs)}.swatch-meta strong{display:block;font-size:var(--text-sm);margin-bottom:2px}.swatch-meta code{font-family:var(--font-mono);color:var(--color-text-muted)}.component-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-4)}.template-card{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-panel)}.template-card h3{margin:0 0 var(--space-3);font-family:var(--font-brand)}.type-specimen{background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5)}.type-specimen .display{font-family:var(--font-brand);font-size:var(--text-hero);letter-spacing:-.04em;line-height:.95;margin:0 0 var(--space-3)}.type-specimen .body{margin:0;color:var(--color-text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.import-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:var(--space-5);background:#0b1f2a7a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rise .22s ease both}.import-modal{width:min(520px,100%);background:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-soft)}.import-modal-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.import-modal-header h2{margin:0 0 4px;font-family:var(--font-brand);font-size:var(--text-xl);letter-spacing:-.02em}.import-phase{margin:0;font-size:var(--text-sm);color:var(--color-signal);font-weight:var(--weight-semibold)}.import-spinner{width:42px;height:42px;border-radius:50%;border:3px solid rgba(61,107,140,.18);border-top-color:var(--color-signal);animation:spin .9s linear infinite;flex-shrink:0}.import-spinner.is-done{animation:none;border-color:var(--color-status-qualified);border-top-color:var(--color-status-qualified);background:linear-gradient(45deg,transparent 45%,var(--color-status-qualified) 45%,var(--color-status-qualified) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--color-status-qualified) 45%,var(--color-status-qualified) 55%,transparent 55%);background-size:100% 100%;background-repeat:no-repeat;background-position:center;border:none}.import-spinner.is-failed{animation:none;border-color:var(--color-danger);border-top-color:var(--color-danger)}.import-message{margin:0 0 var(--space-3);color:var(--color-text);font-size:var(--text-md)}.import-current{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-progress{height:8px;background:var(--color-panel-muted);border-radius:999px;overflow:hidden;margin-bottom:var(--space-4)}.import-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-steel),var(--color-signal));border-radius:999px;transition:width .32s ease}.import-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2)}.import-stats>div{background:var(--color-panel-muted);border-radius:var(--radius-md);padding:var(--space-3);text-align:center}.import-stats span{display:block;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.import-stats strong{font-family:var(--font-brand);font-size:var(--text-lg)}.import-success{margin:var(--space-4) 0 0;color:var(--color-status-qualified);font-size:var(--text-sm);font-weight:var(--weight-semibold)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 960px){.login-composition{grid-template-columns:1fr}.login-hero{min-height:220px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-split{grid-template-columns:1fr}.detail-panel{position:static}.settings-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:flex-start}}@media (max-width: 560px){.stats-grid{grid-template-columns:1fr}.import-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell,.design-lab{padding:var(--space-3)}}