:root{--background:#fffdf8;--background-gradient:radial-gradient(1200px 600px at 100% -10%, #fff1de 0%, transparent 60%), #fffdf8;--foreground:#1c1917;--card:#fff;--card-foreground:#1c1917;--popover:#fff;--popover-foreground:#1c1917;--secondary:#fffaf0;--secondary-foreground:#1c1917;--muted:#fffaf0;--muted-foreground:#78716c;--muted-foreground-faint:#a39a8f;--border:#f0e4d3;--border-strong:#e3d2b8;--input:#f0e4d3;--sidebar:#1c1512;--sidebar-2:#251a14;--sidebar-foreground:#cbbba9;--sidebar-primary-foreground:#fff;--sidebar-border:#ffffff14;--primary:#f97316;--primary-hover:#ea580c;--primary-foreground:#fff;--primary-glow:#f9731659;--accent:#ffedd5;--accent-foreground:#ea580c;--ring:#f97316;--destructive:#e0324a;--destructive-hover:#c5203a;--destructive-foreground:#fff;--destructive-soft:#fdeef0;--success:#16a34a;--success-soft:#eafbf1;--premium:#92400e;--premium-soft:#fdf0e2;--luxury:#7c3aed;--luxury-soft:#f4eeff;--normal:#6b6055;--normal-soft:#f4ede1;--chart-1:#f97316;--chart-2:#14b8a6;--chart-3:#3b82f6;--chart-4:#eab308;--chart-5:#f59e0b;--radius-sm:8px;--radius:14px;--radius-lg:20px;--shadow-xs:0 1px 2px #281c0f0d;--shadow-sm:0 2px 6px #281c0f0f, 0 1px 2px #281c0f0a;--shadow-md:0 8px 24px #281c0f14, 0 2px 6px #281c0f0a;--shadow-lg:0 20px 48px #281c0f29, 0 6px 16px #281c0f0f;--ease:cubic-bezier(.2, .7, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--background-gradient);color:var(--foreground);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Plus Jakarta Sans,Inter,sans-serif;font-weight:700}::selection{background:var(--primary-glow);color:var(--foreground)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--background);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground-faint)}.app-shell{grid-template-columns:252px 1fr;height:100dvh;display:grid}.mobile-topbar,.sidebar-backdrop,.sidebar-close{display:none}.sidebar-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.sidebar-top .brand{padding-bottom:28px}.sidebar{background:linear-gradient(185deg, var(--sidebar-2) 0%, var(--sidebar) 55%);color:var(--sidebar-foreground);border-right:1px solid var(--sidebar-border);z-index:40;flex-direction:column;height:100dvh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:6px 8px 28px;display:flex}.brand-center{justify-content:center;padding:0 0 4px}.brand-mark{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;width:36px;height:36px;box-shadow:0 6px 16px var(--primary-glow);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:800;display:flex}.brand-name{color:#fff;letter-spacing:-.01em;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700}.nav{flex-direction:column;flex:1;gap:3px;display:flex}.nav-link{color:var(--sidebar-foreground);border-radius:var(--radius-sm);transition:background .15s var(--ease), color .15s var(--ease), transform .15s var(--ease);align-items:center;gap:11px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link svg{opacity:.85;flex-shrink:0;width:18px;height:18px}.nav-link:hover{color:#fff;background:#ffffff0f;transform:translate(2px)}.nav-link-active{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:var(--sidebar-primary-foreground);box-shadow:0 4px 14px var(--primary-glow)}.nav-link-active:hover{transform:none}.nav-link-active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--sidebar-border);flex-direction:column;gap:12px;padding-top:16px;display:flex}.sound-toggle{color:var(--sidebar-foreground);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;align-items:center;gap:9px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:500;display:flex}.sound-toggle svg{opacity:.85;flex-shrink:0;width:17px;height:17px}.sound-toggle:hover{color:#fff;background:#ffffff0f}.sound-toggle[aria-pressed=false]{color:var(--muted-foreground-faint)}.sound-toggle[aria-pressed=false] svg{opacity:.55}.sidebar-user{align-items:center;gap:10px;padding:4px 6px;display:flex}.sidebar-user:before{content:attr(data-initial);background:linear-gradient(135deg, var(--primary-hover), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.sidebar-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-foreground);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}.content{min-width:0;height:100%;padding:32px 40px 48px;overflow:auto}.dashboard-page{flex-direction:column;height:100%;display:flex}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.page-header-actions .btn svg{width:14px;height:14px}.page-header h1{font-size:24px}.page-loading{color:var(--muted-foreground);text-align:center;padding:60px 0;font-size:14px}.page-loading:before{content:"";border:2.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:22px;height:22px;margin:0 auto 14px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease), transform .1s var(--ease), color .15s var(--ease);border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;box-shadow:0 6px 16px var(--primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 22px var(--primary-glow);transform:translateY(-1px)}.btn-ghost{background:var(--card);border-color:var(--border-strong);color:var(--foreground)}.btn-ghost:hover:not(:disabled){background:var(--muted);border-color:var(--muted-foreground-faint)}.sidebar .btn-ghost{color:var(--sidebar-foreground);border-color:var(--sidebar-border);background:0 0}.sidebar .btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff0f;border-color:#ffffff2e}.btn-danger{background:var(--destructive-soft);color:var(--destructive);border-color:#0000}.btn-danger:hover:not(:disabled){background:var(--destructive);color:#fff;box-shadow:0 6px 16px #e0324a4d}.btn-sm{padding:7px 13px;font-size:13px}.field{color:var(--foreground);flex-direction:column;gap:7px;margin-bottom:18px;font-size:13.5px;font-weight:600;display:flex}.field input,.field select{border:1.5px solid var(--input);border-radius:var(--radius-sm);background:var(--muted);color:var(--foreground);transition:border-color .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);padding:10px 13px;font-family:inherit;font-size:14px;font-weight:400}.field input::placeholder{color:var(--muted-foreground-faint)}.field-error{color:var(--destructive);font-size:12px;font-weight:500}.field input:hover,.field select:hover{border-color:var(--border-strong)}.field input:focus,.field select:focus{border-color:var(--ring);background:var(--card);box-shadow:0 0 0 4px var(--accent);outline:none}.field input[type=file]{cursor:pointer;padding:8px 10px;font-size:13px}.field input:disabled{background:var(--normal-soft);color:var(--muted-foreground-faint);cursor:not-allowed}.radio-row{gap:8px;font-weight:400;display:flex}.radio-option{border:1.5px solid var(--border);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease), color .15s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:500;display:flex}.radio-option:has(input:checked){border-color:var(--primary);background:var(--accent);color:var(--primary-hover)}.radio-option input{accent-color:var(--primary)}.form-error{background:var(--destructive-soft);color:var(--destructive);border-radius:var(--radius-sm);border:1px solid #e0324a2e;margin-bottom:18px;padding:11px 14px;font-size:13px;font-weight:500}.form-success{background:var(--success-soft);color:#0e7a3b;border-radius:var(--radius-sm);border:1px solid #16a34a2e;margin-bottom:18px;padding:11px 14px;font-size:13px;font-weight:500}.auth-page{background:radial-gradient(900px 500px at 15% 10%, #f973161a, transparent 55%), radial-gradient(900px 500px at 85% 90%, #ea580c14, transparent 55%), var(--background);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-shell{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:920px;box-shadow:var(--shadow-lg);animation:rise .4s var(--ease);grid-template-columns:1.05fr 1fr;display:grid;overflow:hidden}.auth-branding{background:linear-gradient(160deg, var(--sidebar-2) 0%, var(--sidebar) 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:44px 40px;display:flex;position:relative;overflow:hidden}.auth-branding:before{content:"";background:radial-gradient(circle, var(--primary) 0%, transparent 70%);opacity:.35;filter:blur(10px);border-radius:50%;width:320px;height:320px;position:absolute;top:-140px;right:-140px}.auth-branding-content{position:relative}.auth-branding-content h1{color:#fff;max-width:320px;margin-bottom:12px;font-size:27px;line-height:1.28}.auth-branding-content p{color:var(--sidebar-foreground);max-width:300px;font-size:14px;line-height:1.6}.auth-branding-foot{color:var(--sidebar-foreground);opacity:.75;letter-spacing:.02em;font-size:12px;position:relative}.auth-card{background:var(--card);flex-direction:column;justify-content:center;padding:48px 44px;display:flex}.auth-card h2{font-size:22px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-subtitle{color:var(--muted-foreground);margin:6px 0 28px;font-size:13.5px}.auth-card .btn-primary{justify-content:center;width:100%;margin-top:6px;padding:11px 18px}@media (width<=720px){.auth-shell{grid-template-columns:1fr;max-width:400px}.auth-branding{display:none}}.stat-grid{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(210px,250px));gap:16px;margin-bottom:28px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease), transform .2s var(--ease);align-items:center;gap:14px;padding:16px 18px;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card-icon{background:var(--accent);width:42px;height:42px;color:var(--primary-hover);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-card-icon svg{width:21px;height:21px}.stat-card-premium .stat-card-icon{background:var(--premium-soft);color:var(--premium)}.stat-card-luxury .stat-card-icon{background:var(--luxury-soft);color:var(--luxury)}.stat-card-body{flex-direction:column;min-width:0;display:flex}.stat-value{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:800;line-height:1.15}.stat-label{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;font-weight:500;overflow:hidden}.stat-card-premium .stat-value{color:var(--premium)}.stat-card-luxury .stat-value{color:var(--luxury)}.live-indicator{color:var(--muted-foreground);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-xs);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%;flex-shrink:0}.live-indicator-pulse .live-dot{animation:live-pulse 1.1s var(--ease)}@keyframes live-pulse{0%{transform:scale(1)}40%{box-shadow:0 0 0 6px var(--success-soft);transform:scale(1.7)}to{transform:scale(1)}}.section-heading{flex-direction:column;flex-shrink:0;gap:3px;margin-bottom:16px;display:flex}.section-heading h2{font-size:17px}.section-subtitle{color:var(--muted-foreground);font-size:12.5px;font-weight:500}.kanban-section{flex-direction:column;flex:1;min-height:0;display:flex}.kanban-board{flex:1;align-items:stretch;gap:18px;min-height:420px;display:flex;overflow-x:auto}.kanban-column{background:var(--muted);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1 1 0;gap:12px;min-width:300px;min-height:0;padding:14px;display:flex}.kanban-column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:2px 4px 12px;display:flex}.kanban-column-title{color:var(--foreground);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.kanban-column-title:before{content:"";background:var(--normal);border-radius:50%;flex-shrink:0;width:8px;height:8px}.kanban-column-premium .kanban-column-title:before{background:var(--premium)}.kanban-column-luxury .kanban-column-title:before{background:var(--luxury)}.kanban-count{background:var(--card);border:1px solid var(--border-strong);color:var(--muted-foreground);border-radius:999px;padding:2px 11px;font-size:12px;font-weight:700}.kanban-cards{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.kanban-cards::-webkit-scrollbar{width:8px}.kanban-cards::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}.kanban-card{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--normal);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);transition:box-shadow .15s var(--ease), transform .15s var(--ease);flex-direction:column;gap:6px;padding:11px 13px;display:flex}.kanban-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kanban-column-premium .kanban-card{border-left-color:var(--premium)}.kanban-column-luxury .kanban-card{border-left-color:var(--luxury)}.kanban-card-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.kanban-card-name{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.kanban-card-time{color:var(--muted-foreground-faint);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:500}.kanban-card-meta{color:var(--muted-foreground);justify-content:space-between;align-items:center;font-size:12px;display:flex}.kanban-card-confidence{color:var(--primary);font-weight:700}.kanban-empty{text-align:center;color:var(--muted-foreground-faint);padding:28px 0;font-size:12.5px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);padding:22px 26px 10px}.panel h2{margin-bottom:18px;font-size:16px}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--muted-foreground-faint);text-transform:uppercase;letter-spacing:.05em;border-bottom:1.5px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border);color:var(--foreground);padding:14px 12px}.table tbody tr{transition:background .12s var(--ease)}.table tbody tr:hover{background:var(--muted)}.table tr:last-child td{border-bottom:none}.table-empty{text-align:center;color:var(--muted-foreground);padding:32px 0}.table-actions{gap:8px;display:flex}.table a{color:var(--primary);font-weight:600;text-decoration:none}.table a:hover{text-decoration:underline}.pagination{color:var(--muted-foreground);justify-content:center;align-items:center;gap:18px;padding:18px 0;font-size:13px;font-weight:500;display:flex}.badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-normal{background:var(--normal-soft);color:var(--normal)}.badge-premium{background:var(--premium-soft);color:var(--premium)}.badge-luxury{background:var(--luxury-soft);color:var(--luxury)}.badge-unknown{background:var(--normal-soft);color:var(--muted-foreground-faint)}.status-dot{font-size:13px;font-weight:500}.status-dot:before{content:"";border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #0000}.status-connected:before{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.status-disconnected:before,.status-none:before{background:var(--muted-foreground-faint)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px;display:grid}.customer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:box-shadow .2s var(--ease), transform .2s var(--ease), border-color .2s var(--ease);flex-direction:column;gap:12px;padding:18px;display:flex}.customer-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.customer-photo{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--normal-soft);border:1px solid var(--border);width:100%;overflow:hidden}.customer-photo img{object-fit:cover;width:100%;height:100%}.customer-photo-placeholder{width:100%;height:100%;color:var(--muted-foreground-faint);background:linear-gradient(135deg, var(--accent), var(--luxury-soft));justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:34px;font-weight:700;display:flex}.customer-info{flex-direction:column;gap:6px;display:flex}.customer-name{letter-spacing:-.005em;font-size:15px;font-weight:700}.customer-code{color:var(--muted-foreground-faint);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.customer-actions{gap:8px;margin-top:2px;display:flex}.customer-actions .btn{flex:1;justify-content:center}.empty-state{text-align:center;color:var(--muted-foreground);grid-column:1/-1;padding:56px 0;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;animation:fade .15s var(--ease);background:#0f10198c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--card);border-radius:var(--radius-lg);width:400px;max-height:90vh;box-shadow:var(--shadow-lg);animation:rise .22s var(--ease);padding:30px 30px 26px;position:relative;overflow-y:auto}.modal-card h2{margin-bottom:22px;font-size:19px}.modal-card-lg{width:460px;padding:28px 32px 26px}.modal-close{width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.modal-close svg{width:16px;height:16px}.modal-close:hover{background:var(--muted);color:var(--foreground)}.modal-header{margin-bottom:20px;padding-right:28px}.modal-header h2{margin-bottom:4px}.modal-subtitle{color:var(--muted-foreground);font-size:13px;line-height:1.5}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:8px;padding-top:18px;display:flex}.avatar-drop{border-radius:var(--radius);border:1.5px dashed var(--border-strong);background:var(--muted);cursor:pointer;transition:border-color .15s var(--ease), background .15s var(--ease);flex-direction:column;align-items:center;gap:10px;margin-bottom:20px;padding:16px 12px 20px;display:flex}.avatar-drop:hover,.avatar-drop-active{border-color:var(--primary);background:var(--accent)}.avatar-drop-error{border-color:var(--destructive)}.avatar-drop-circle{border-radius:50%;flex-shrink:0;width:84px;height:84px;position:relative;overflow:visible}.avatar-drop-circle img{object-fit:cover;width:100%;height:100%;box-shadow:var(--shadow-sm);border-radius:50%;display:block}.avatar-drop-initial{width:100%;height:100%;color:var(--primary-hover);background:linear-gradient(135deg, var(--accent), var(--luxury-soft));box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:700;display:flex}.avatar-drop-badge{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;border:2.5px solid var(--card);width:30px;height:30px;box-shadow:0 4px 10px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-2px;right:-2px}.avatar-drop-badge svg{width:14px;height:14px}.avatar-drop-label{color:var(--foreground);text-align:center;flex-direction:column;align-items:center;gap:2px;font-size:13px;font-weight:600;display:flex}.avatar-drop-label em{color:var(--muted-foreground-faint);font-size:11.5px;font-style:normal;font-weight:500}.avatar-drop-error-text{text-align:center;margin-top:-12px;margin-bottom:18px;display:block}.avatar-photo-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:2px;display:flex}.avatar-photo-actions .btn svg{width:14px;height:14px}.avatar-camera{border-radius:var(--radius);border:1.5px dashed var(--border-strong);background:var(--muted);flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding:14px 12px 16px;display:flex}.avatar-camera-frame{aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--border-strong);width:100%;max-width:360px;box-shadow:var(--shadow-sm);background:#1c1512;overflow:hidden}.avatar-camera-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.field-hint{color:var(--muted-foreground-faint);font-size:12px;font-weight:400}.type-select{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.type-option{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);cursor:pointer;text-align:left;transition:border-color .15s var(--ease), background .15s var(--ease), transform .1s var(--ease);align-items:center;gap:8px;padding:10px;font-family:inherit;display:flex}.type-option:hover{border-color:var(--border-strong)}.type-option:active{transform:scale(.98)}.type-option-dot{background:var(--normal);border-radius:50%;flex-shrink:0;width:9px;height:9px}.type-option-premium .type-option-dot{background:var(--premium)}.type-option-luxury .type-option-dot{background:var(--luxury)}.type-option-text{color:var(--foreground);flex-direction:column;gap:1px;font-size:13px;font-weight:700;line-height:1.25;display:flex}.type-option-text em{color:var(--muted-foreground-faint);font-size:10.5px;font-style:normal;font-weight:500}.type-option-active{border-color:var(--normal);background:var(--normal-soft)}.type-option-premium.type-option-active{border-color:var(--premium);background:var(--premium-soft)}.type-option-luxury.type-option-active{border-color:var(--luxury);background:var(--luxury-soft)}.toast-stack{z-index:80;pointer-events:none;flex-direction:column;gap:10px;width:320px;max-width:calc(100vw - 44px);display:flex;position:fixed;top:22px;right:22px}.toast{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--normal);border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .25s var(--ease);align-items:center;gap:12px;padding:12px 14px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.toast-premium{border-left-color:var(--premium)}.toast-luxury{border-left-color:var(--luxury)}.toast-avatar{background:linear-gradient(135deg, var(--accent), var(--luxury-soft));width:40px;height:40px;color:var(--primary-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;display:flex;overflow:hidden}.toast-avatar img{object-fit:cover;width:100%;height:100%}.toast-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.toast-title{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.toast-meta{align-items:center;gap:8px;display:flex}.toast-meta .badge{padding:2px 8px;font-size:10px}.toast-confidence{color:var(--muted-foreground);font-size:11.5px;font-weight:600}.toast-dismiss{color:var(--muted-foreground-faint);cursor:pointer;width:22px;height:22px;transition:background .15s var(--ease), color .15s var(--ease);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-dismiss svg{width:13px;height:13px}.toast-dismiss:hover{background:var(--muted);color:var(--foreground)}body.nav-lock{overflow:hidden}@media (width<=1100px){.kanban-column{min-width:260px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (width<=900px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.mobile-topbar{background:linear-gradient(185deg, var(--sidebar-2) 0%, var(--sidebar) 100%);border-bottom:1px solid var(--sidebar-border);z-index:30;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.mobile-menu-btn{border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff0a;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.mobile-menu-btn svg{width:20px;height:20px}.mobile-topbar-brand{align-items:center;gap:10px;min-width:0;display:flex}.mobile-topbar-brand .brand-mark{border-radius:9px;width:30px;height:30px;font-size:13px}.mobile-topbar-brand .brand-name{font-size:15px}.mobile-topbar-spacer{flex-shrink:0;width:40px}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;opacity:0;pointer-events:none;transition:opacity .2s var(--ease);background:#0f101980;display:block;position:fixed;inset:0}.app-shell-nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.sidebar{width:min(300px,86vw);height:100dvh;transition:transform .22s var(--ease);box-shadow:none;border-right:1px solid var(--sidebar-border);position:fixed;top:0;left:0;transform:translate(-105%)}.app-shell-nav-open .sidebar{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-close{width:34px;height:34px;color:var(--sidebar-foreground);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;display:inline-flex}.sidebar-close svg{width:16px;height:16px}.sidebar-close:hover{color:#fff;background:#ffffff1a}.content{padding:20px 18px 36px}.page-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.page-header h1{font-size:21px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.kanban-board{min-height:340px}.modal-overlay{align-items:flex-end;padding:0}.modal-card,.modal-card-lg{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:100%;max-height:min(92vh,92dvh);padding:22px 18px 20px}.toast-stack{width:auto;max-width:none;inset:auto 12px 16px}}@media (width<=640px){.content{padding:16px 14px 28px}.page-header{align-items:stretch}.page-header .btn{justify-content:center;width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-card{gap:10px;padding:12px}.stat-card-icon{border-radius:10px;width:36px;height:36px}.stat-value{font-size:20px}.stat-label{font-size:11.5px}.kanban-board{flex-direction:column;gap:12px;min-height:0;overflow-x:visible}.kanban-column{min-width:0;max-height:320px}.card-grid{grid-template-columns:1fr}.customer-card{grid-template-rows:auto auto;grid-template-columns:88px 1fr;align-items:start;gap:10px 14px;display:grid}.customer-photo{aspect-ratio:1;grid-row:1/3}.customer-info{min-width:0}.customer-actions{grid-column:2;margin-top:0}.panel{-webkit-overflow-scrolling:touch;overflow-x:auto}.table{min-width:640px}.pagination{flex-wrap:wrap;justify-content:center;gap:10px}.type-select{grid-template-columns:1fr}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{justify-content:center;width:100%}.avatar-photo-actions{width:100%}.avatar-photo-actions .btn{flex:1;justify-content:center}.auth-page{padding:16px}.auth-card{padding:24px 20px}}@media (width<=420px){.stat-grid{grid-template-columns:1fr}.mobile-topbar-brand .brand-name{font-size:14px}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}