*{box-sizing:border-box}:root{--bg: #0b0c0d;--bg-elevated: #131417;--bg-surface: #18191c;--bg-surface-hover: #202226;--bg-input: #1a1b1e;--bg-input-focus: #1e2023;--border: #2a2c30;--border-strong: #3a3d43;--border-focus: #FFA800;--text: #f3f3f4;--text-secondary: #b0b4bb;--muted: #797e87;--muted-2: #565a61;--accent: #FFA800;--accent-hover: #ffb733;--accent-active: #e69600;--accent-ink: #1a1000;--accent-wash: rgba(255, 168, 0, .1);--accent-wash-strong: rgba(255, 168, 0, .18);--accent-ring: rgba(255, 168, 0, .35);--success: #34d399;--success-wash: rgba(52, 211, 153, .12);--success-ink: #06231a;--danger: #f87171;--danger-wash: rgba(248, 113, 113, .12);--danger-ink: #2a0a0a;--info: #7dd3fc;--info-wash: rgba(125, 211, 252, .1);--neutral-wash: rgba(255, 255, 255, .06);--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14.5px;--text-md: 16px;--text-lg: 19px;--text-xl: 23px;--text-2xl: 28px;--text-3xl: 34px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Text", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Roboto Mono", Menlo, Consolas, monospace;--weight-regular: 400;--weight-medium: 550;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -4px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 64px -12px rgba(0, 0, 0, .6);--shadow-accent: 0 0 0 3px var(--accent-ring);--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-decel: cubic-bezier(.05, .7, .1, 1);--duration-fast: .12s;--duration-base: .19s;--duration-slow: .3s;--header-h: 64px;--tabbar-h: 60px;--content-max: 1180px;color-scheme:dark}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3{font-weight:var(--weight-bold);letter-spacing:-.01em;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::selection{background:var(--accent-wash-strong);color:var(--text)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}.brand{font-size:var(--text-md);font-weight:var(--weight-bold);display:flex;flex-direction:column;line-height:1.15}.brand.center{align-items:center;margin-bottom:var(--space-2)}.brand-name{white-space:nowrap;letter-spacing:-.01em}.brand .accent{color:var(--accent)}.brand-sub{font-size:var(--text-2xs);font-weight:var(--weight-medium);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:2px}.brand-logo{display:block;height:40px;width:auto;object-fit:contain}.brand.center .brand-logo{margin-left:auto;margin-right:auto}.auth-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:radial-gradient(600px circle at 15% -10%,var(--accent-wash),transparent 60%),var(--bg)}.auth-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);width:100%;max-width:420px;box-shadow:var(--shadow-lg);animation:sheet-in var(--duration-slow) var(--ease-decel)}.auth-card h1{font-size:var(--text-xl);margin:var(--space-1) 0 var(--space-4)}.auth-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}form label,.modal label,.field label{display:block;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);margin:var(--space-4) 0 var(--space-1);letter-spacing:.01em}form input,form select,form textarea,.modal input,.modal select,.modal textarea{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;color:var(--text);font-size:var(--text-base);font-family:inherit;transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}form input::placeholder,form textarea::placeholder{color:var(--muted-2)}form input:hover,form select:hover,form textarea:hover,.modal input:hover,.modal select:hover,.modal textarea:hover{border-color:var(--border-strong)}form input:focus,form select:focus,form textarea:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-input-focus);box-shadow:var(--shadow-accent)}form input:disabled,.modal input:disabled{opacity:.5;cursor:not-allowed}form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23797e87' d='M4 6l4 4 4-4' stroke='%23797e87' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}form textarea{resize:vertical;min-height:80px}input[type=file]{display:block;width:100%;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}input[type=file]::file-selector-button{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);padding:8px 14px;font-size:var(--text-sm);font-weight:var(--weight-medium);margin-right:var(--space-3);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard)}input[type=file]::file-selector-button:hover{background:var(--bg-surface-hover)}form input[type=number]::-webkit-outer-spin-button,form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}form input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field-hint{font-size:var(--text-xs);color:var(--muted);margin-top:6px;line-height:1.5}.btn-primary,.btn-ghost,.btn-danger-solid{font-family:inherit;font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;border:none;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard);min-height:42px}.btn-primary{margin-top:var(--space-5);width:100%;background:var(--accent);color:var(--accent-ink);padding:12px 20px}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-primary:active:not(:disabled){transform:scale(.98);background:var(--accent-active)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-link{display:inline-block;text-align:center;text-decoration:none}.btn-ghost{background:var(--bg-surface);color:var(--text);border:1px solid var(--border-strong);padding:10px 16px}.btn-ghost:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--muted-2)}.btn-ghost:active:not(:disabled){transform:scale(.98)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:var(--danger);border-color:#f8717159}.btn-danger:hover:not(:disabled){background:var(--danger-wash);border-color:var(--danger)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.btn-icon:hover{background:var(--bg-surface-hover);color:var(--text)}.btn-icon:active{transform:scale(.94)}.icon-btn-danger:hover{color:var(--danger);background:var(--danger-wash)}.btn-with-icon{display:inline-flex;align-items:center;gap:8px}.btn-with-icon svg{flex-shrink:0}.muted{color:var(--muted);font-size:var(--text-sm)}.muted.small{font-size:var(--text-xs);margin-top:var(--space-2)}.banner{display:flex;align-items:flex-start;gap:10px;border-radius:var(--radius-md);padding:12px 14px;font-size:var(--text-sm);line-height:1.5;margin-top:var(--space-3);animation:banner-in var(--duration-base) var(--ease-decel)}.banner svg{flex-shrink:0;margin-top:1px}.banner-error{background:var(--danger-wash);color:#ffb4b4;border:1px solid rgba(248,113,113,.25)}.banner-success{background:var(--success-wash);color:#8ff0c9;border:1px solid rgba(52,211,153,.25)}.banner-info{background:var(--info-wash);color:#bfe8fb;border:1px solid rgba(125,211,252,.22)}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.error{color:#ffb4b4;font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:8px}.error.small{font-size:var(--text-xs)}.success{color:var(--success);font-size:var(--text-sm);margin-top:var(--space-2)}.row-gap{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.centered{display:flex;align-items:center;justify-content:center;min-height:100dvh}.skeleton{background:linear-gradient(100deg,var(--bg-surface) 30%,var(--bg-surface-hover) 50%,var(--bg-surface) 70%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background:var(--bg-surface)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.skeleton-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-surface)}.skeleton-card .skeleton-img{height:160px;border-radius:0}.skeleton-card .skeleton-body{padding:var(--space-4);display:flex;flex-direction:column;gap:8px}.skeleton-line{height:13px}.skeleton-line.w-60{width:60%}.skeleton-line.w-40{width:40%}.skeleton-line.w-80{width:80%}.skeleton-rows{display:flex;flex-direction:column;gap:10px}.skeleton-row{height:46px;border-radius:var(--radius-sm)}.loading-inline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:var(--text-sm);padding:var(--space-2) 0}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);height:var(--header-h);border-bottom:1px solid var(--border);background:#131417c7;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%)}.topbar .brand-logo{height:32px}.nav{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:4px}.nav a{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:7px 16px;border-radius:var(--radius-pill);transition:color var(--duration-fast) var(--ease-standard),background var(--duration-fast) var(--ease-standard)}.nav a:hover{color:var(--text)}.nav a.active{color:var(--accent-ink);background:var(--accent)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.company-chip{display:flex;align-items:center;gap:8px}.company-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;background:var(--accent-wash-strong);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold)}.company-name{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--weight-medium);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-nav-toggle{display:none}.content{flex:1;padding:var(--space-8) var(--space-6) var(--space-16);max-width:var(--content-max);margin:0 auto;width:100%}.footer{text-align:center;padding:var(--space-5);color:var(--muted-2);font-size:var(--text-xs);border-top:1px solid var(--border)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header h1{font-size:var(--text-2xl)}.page-header .btn-primary{width:auto;margin-top:0;padding:11px 20px;flex-shrink:0}.page-lede{color:var(--text-secondary);font-size:var(--text-sm);margin:calc(var(--space-6) * -1 + var(--space-2)) 0 var(--space-6);max-width:60ch;line-height:1.6}.bottom-tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:30;background:#131417e6;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tabbar-row{display:flex;height:var(--tabbar-h)}.bottom-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:var(--text-2xs);font-weight:var(--weight-medium);transition:color var(--duration-fast) var(--ease-standard)}.bottom-tabbar a.active{color:var(--accent)}.bottom-tabbar a:active{transform:scale(.95)}.mobile-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:39;animation:fade-in var(--duration-base) var(--ease-standard)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-sheet{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--bg-elevated);border-top:1px solid var(--border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-3) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0));box-shadow:var(--shadow-lg);animation:sheet-up var(--duration-slow) var(--ease-decel)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-handle{width:36px;height:4px;border-radius:999px;background:var(--border-strong);margin:4px auto var(--space-4)}.mobile-sheet a,.mobile-sheet button.sheet-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 10px;border-radius:var(--radius-md);font-size:var(--text-md);color:var(--text);background:none;border:none;font-family:inherit;cursor:pointer}.mobile-sheet a.active{color:var(--accent)}.mobile-sheet a:active,.mobile-sheet button.sheet-item:active{background:var(--bg-surface)}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:var(--space-5)}.inventory-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.inventory-card:hover{border-color:var(--border-strong)}.inventory-card-image{position:relative;height:168px;background:var(--bg-surface)}.inventory-card-image img{width:100%;height:100%;object-fit:cover;display:block}.no-image{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted-2);font-size:var(--text-xs)}.inventory-card-body{padding:var(--space-4)}.inventory-card-body h3{margin:0 0 4px;font-size:var(--text-md);font-weight:var(--weight-bold);line-height:1.3}.spec-line{color:var(--text-secondary);font-size:var(--text-xs);margin:2px 0}.price{color:var(--accent);font-weight:var(--weight-bold);font-size:var(--text-md);margin:8px 0 4px;font-variant-numeric:tabular-nums}.badge{position:absolute;top:10px;right:10px;padding:4px 11px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid transparent}.badge-pending{background:#ffa80029;color:var(--accent);border-color:#ffa8004d}.badge-approved{background:var(--success-wash);color:var(--success);border-color:#34d39947}.badge-rejected{background:var(--danger-wash);color:var(--danger);border-color:#f8717147}.badge-sold,.badge-suspended{background:#ffffff14;color:var(--text-secondary);border-color:var(--border-strong)}.badge-lead-new,.badge-lead-contacted,.badge-lead-won,.badge-lead-lost{padding:4px 11px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;display:inline-block}.badge-lead-new{background:var(--success-wash);color:var(--success)}.badge-lead-contacted{background:#ffa80029;color:var(--accent)}.badge-lead-won{background:var(--success-wash);color:var(--success)}.badge-lead-lost{background:#ffffff14;color:var(--text-secondary)}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--muted);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.empty-state svg{color:var(--muted-2)}.empty-state p{margin:0;font-size:var(--text-sm);max-width:42ch;line-height:1.6}.empty-state .btn-primary{width:auto;margin-top:var(--space-2);padding:10px 20px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-10) var(--space-4);overflow-y:auto;z-index:20;animation:fade-in var(--duration-base) var(--ease-standard)}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-6);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:sheet-in var(--duration-base) var(--ease-decel)}.inventory-form h2{margin-top:0;font-size:var(--text-lg)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.form-section-title{font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--space-6) 0 var(--space-1)}.form-section-title:first-of-type{margin-top:var(--space-4)}.image-preview-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.image-thumb{position:relative;width:76px;height:76px}.image-thumb img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.image-thumb button{position:absolute;top:-7px;right:-7px;background:var(--danger);color:#fff;border:2px solid var(--bg-elevated);border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center}.image-thumb button:active{transform:scale(.92)}.profile-form{max-width:440px}.narrow-page{max-width:480px;margin:0 auto}.narrow-page .page-header{justify-content:center;text-align:center}.data-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.leads-table{width:100%;border-collapse:collapse}.leads-table th,.leads-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.leads-table tbody tr{transition:background var(--duration-fast) var(--ease-standard)}.leads-table tbody tr:hover{background:var(--bg-surface)}.leads-table tbody tr:last-child td{border-bottom:none}.leads-table th{color:var(--muted);font-weight:var(--weight-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-elevated)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);transition:border-color var(--duration-base) var(--ease-standard)}.stat-card:hover{border-color:var(--border-strong)}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:1.1;font-variant-numeric:tabular-nums}.stat-value[data-tone=warn]{color:var(--accent)}.stat-value[data-tone=good]{color:var(--success)}.stat-label{font-size:var(--text-xs);color:var(--muted);margin-top:6px}.tab-row{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--border);overflow-x:auto}.tab{background:transparent;border:none;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:10px 4px;margin-right:var(--space-5);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.filter-row{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.filter-pill{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-pill);padding:7px 15px;font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:capitalize;cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.filter-pill:hover{border-color:var(--border-strong);color:var(--text)}.filter-pill.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.row-gap.tight{gap:6px;margin-top:var(--space-3);flex-wrap:wrap}.row-gap.tight .btn-ghost{padding:7px 12px;font-size:var(--text-xs);min-height:34px}.badge-inline{padding:4px 11px;border-radius:var(--radius-pill);font-size:var(--text-2xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.04em;display:inline-block}.badge-inline-pending{background:#ffa80029;color:var(--accent)}.badge-inline-approved{background:var(--success-wash);color:var(--success)}.badge-inline-rejected{background:var(--danger-wash);color:var(--danger)}.badge-inline-suspended,.badge-inline-sold{background:#ffffff14;color:var(--text-secondary)}.avatar-cell{display:flex;align-items:center;gap:10px}.modal-wide{max-width:780px}.bulk-preview{margin-top:var(--space-5)}.bulk-preview-scroll{max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md)}.bulk-preview-scroll .leads-table{margin-top:0}.bulk-preview-scroll thead th{position:sticky;top:0;background:var(--bg-elevated);z-index:1}.upload-summary{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-3) 0}.upload-summary .count-ok{color:var(--success);font-weight:var(--weight-bold)}.upload-summary .count-bad{color:var(--danger);font-weight:var(--weight-bold)}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;margin-top:var(--space-2);transition:border-color var(--duration-base) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.dropzone:hover{border-color:var(--accent);background:var(--accent-wash)}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:60;display:flex;flex-direction:column;gap:8px;max-width:360px}@media (max-width: 640px){.toast-stack{left:var(--space-4);right:var(--space-4);bottom:calc(var(--tabbar-h) + var(--space-4));max-width:none}}.toast{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 14px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);display:flex;align-items:flex-start;gap:10px;animation:sheet-in var(--duration-base) var(--ease-decel)}@media (max-width: 900px){.content{padding:var(--space-6) var(--space-4) var(--space-16)}.form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav{display:none}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:transparent;border:1px solid var(--border-strong);color:var(--text);cursor:pointer}.bottom-tabbar.role-supplier{display:block}.content.has-tabbar{padding-bottom:calc(var(--tabbar-h) + var(--space-8))}.page-header h1{font-size:var(--text-xl)}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.leads-table.responsive thead{display:none}.leads-table.responsive,.leads-table.responsive tbody,.leads-table.responsive tr,.leads-table.responsive td{display:block;width:100%}.leads-table.responsive tr{padding:var(--space-4);border-bottom:8px solid var(--bg)}.leads-table.responsive tr:last-child{border-bottom:none}.leads-table.responsive td{border-bottom:none;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);text-align:right}.leads-table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:left}.leads-table.responsive td.cell-actions{justify-content:flex-start;padding-top:var(--space-2)}.leads-table.responsive td.cell-actions:before{display:none}}@media (max-width: 640px){.topbar{padding:0 var(--space-4)}.company-name{display:none}.auth-card{padding:var(--space-6) var(--space-5)}.page-header{align-items:flex-start}.page-header .row-gap{width:100%}.page-header .row-gap .btn-ghost,.page-header .row-gap .btn-primary{flex:1}}
