:root{--color-bg:#f0f2f5;--color-bg-elevated:#fff;--color-bg-card:#fff;--color-bg-card-hover:#f9fafb;--color-bg-input:#fff;--color-bg-muted:#f3f4f6;--color-bg-overlay:#0f172aa6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-border-focus:#0d948880;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-dim:#0d94881a;--color-primary-glow:#0d948838;--color-gold:#d97706;--color-gold-light:#f59e0b;--color-gold-dim:#d977061a;--color-gold-glow:#d9770638;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--color-success:#059669;--color-success-bg:#05966914;--color-warning:#d97706;--color-warning-bg:#d9770614;--color-danger:#dc2626;--color-danger-bg:#dc262614;--color-info:#0284c7;--color-info-bg:#0284c714;--status-new:#3b82f6;--status-contacted:#8b5cf6;--status-visit-scheduled:#f59e0b;--status-visited:#10b981;--status-interested:#22c55e;--status-negotiation:#f97316;--status-closed-won:#059669;--status-closed-lost:#ef4444;--status-followup:#ec4899;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-brand:"Cinzel", Georgia, serif;--font-size-xs:.6875rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a;--shadow-xl:0 20px 40px #00000024, 0 8px 16px #00000014;--shadow-gold:0 0 20px #d9770626;--shadow-indigo:0 0 20px #0d948826;--transition-fast:80ms ease;--transition-base:.15s ease;--transition-slow:.25s ease;--transition-spring:.25s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:240px;--header-height:60px;--max-content-width:1440px;--z-sidebar:100;--z-header:110;--z-modal-overlay:200;--z-modal:210;--z-toast:300;--mobile-header-height:56px;--mobile-nav-height:64px;--z-bottom-nav:90;--z-bottom-sheet:200}:root[data-theme=amoled]{color-scheme:dark;--color-bg:#000;--color-bg-elevated:#050505;--color-bg-card:#080808;--color-bg-card-hover:#111;--color-bg-input:#030303;--color-bg-muted:#121212;--color-bg-overlay:#000000db;--color-border:#1f1f1f;--color-border-strong:#333;--color-border-focus:#14b8a699;--color-primary:#14b8a6;--color-primary-hover:#2dd4bf;--color-primary-dim:#14b8a624;--color-primary-glow:#14b8a647;--color-gold:#f59e0b;--color-gold-light:#fbbf24;--color-gold-dim:#f59e0b24;--color-gold-glow:#f59e0b3d;--color-text-primary:#f9fafb;--color-text-secondary:#d1d5db;--color-text-muted:#8b949e;--color-text-inverse:#000;--color-success:#34d399;--color-success-bg:#34d3991f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-info:#38bdf8;--color-info-bg:#38bdf81f;--shadow-sm:0 1px 3px #000000b3;--shadow-md:0 6px 18px #000000b8;--shadow-lg:0 12px 28px #000000c7;--shadow-xl:0 24px 52px #000000d6;--shadow-gold:0 0 22px #f59e0b2e;--shadow-indigo:0 0 22px #14b8a62e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-md)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}input,select,textarea{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);outline:none;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-dim)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}select option{background:var(--color-bg-elevated);color:var(--color-text-primary)}textarea{resize:vertical;min-height:64px}label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:4px;display:block}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--color-text-muted) 35%, transparent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--color-text-muted) 55%, transparent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.animate-fade-in{animation:.22s both fadeIn}.animate-fade-in-up{animation:.32s both fadeInUp}.animate-slide-in-left{animation:.28s both slideInLeft}.animate-scale-in{animation:.32s cubic-bezier(.34,1.56,.64,1) both scaleIn}.text-gold{color:var(--color-gold)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.hide-mobile{display:none!important}}@media (width<=480px){html{font-size:14px}}.btn{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 14px;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 10px var(--color-primary-glow)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 18px var(--color-primary-glow);transform:translateY(-1px)}.btn-gold{background:var(--color-gold);color:#fff;border-color:var(--color-gold);font-weight:var(--font-weight-bold);box-shadow:0 2px 12px var(--color-gold-glow)}.btn-gold:hover:not(:disabled){background:var(--color-gold-light);box-shadow:0 4px 20px var(--color-gold-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-card-hover);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 16px #ef44444d}.btn-sm{font-size:var(--font-size-xs);gap:5px;padding:6px 12px}.btn-lg{font-size:var(--font-size-md);padding:13px 28px}.btn-icon{padding:8px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.card-accent{border-left:3px solid var(--color-gold)}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spinnerRotate;display:inline-block}.table-container{border-radius:var(--radius-lg);border:1px solid var(--color-border);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.table thead{background:var(--color-bg-elevated);z-index:1;position:sticky;top:0}.table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--color-border);white-space:nowrap;padding:11px 16px}.table td{border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle;padding:13px 16px}.table tbody tr{transition:background var(--transition-fast);cursor:pointer}.table tbody tr:hover{background:var(--color-bg-card-hover)}.table tbody tr:last-child td{border-bottom:none}.lead-name-cell{align-items:center;gap:10px;display:flex}.lead-avatar{border-radius:var(--radius-full);background:var(--color-primary-dim);border:1px solid var(--color-primary);width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;line-height:1.4;display:inline-flex}.status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.modal-overlay{backdrop-filter:blur(6px);z-index:var(--z-modal-overlay);padding:var(--space-4);background:#000000b3;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.28s cubic-bezier(.34,1.56,.64,1) scaleIn;overflow-y:auto}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-body{padding:var(--space-5)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);display:flex}.form-group{margin-bottom:var(--space-3)}.form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.form-section{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3)}.form-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:flex}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);align-items:center;gap:4px;margin-top:5px;display:flex}.form-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.required:after{content:" *";color:var(--color-danger)}.pretty-select{width:100%;position:relative}.pretty-select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);width:100%;min-height:38px;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);padding:8px 11px;display:flex}.pretty-select.open .pretty-select-trigger,.pretty-select-trigger:hover{border-color:var(--color-border-strong);background:var(--color-bg-card-hover)}.pretty-select.open .pretty-select-trigger{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-dim)}.pretty-select-value,.pretty-select-placeholder{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:7px;min-width:0;display:inline-flex;overflow:hidden}.pretty-select-value strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.pretty-select-placeholder{color:var(--color-text-muted)}.pretty-select-chevron{color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.pretty-select.open .pretty-select-chevron{transform:rotate(180deg)}.pretty-select-menu{z-index:var(--z-modal);background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);animation:.14s both fadeInDown;position:absolute;top:calc(100% + 6px);left:0;right:0}.pretty-select-search{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text-muted);padding:7px 9px;display:flex}.pretty-select-search input{box-shadow:none;min-width:0;font-size:var(--font-size-sm);background:0 0;border:none;padding:0}.pretty-select-search input:focus{box-shadow:none;border:none}.pretty-select-list{flex-direction:column;gap:2px;max-height:238px;display:flex;overflow-y:auto}.pretty-select-option{justify-content:space-between;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);width:100%;min-height:34px;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--font-size-sm);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 9px;display:flex}.pretty-select-option:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.pretty-select-option.selected{background:var(--color-primary-dim);color:var(--color-primary)}.pretty-select-option>span{align-items:center;gap:8px;min-width:0;display:inline-flex}.pretty-select-option strong{color:var(--color-primary);flex-shrink:0;min-width:46px}.pretty-select-empty{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.pretty-select-option-desc{background:var(--color-bg-elevated);color:var(--color-text-muted);letter-spacing:.3px;text-transform:uppercase;border-radius:10px;flex-shrink:0;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600}.pretty-select-option-desc[data-tier=Budget]{color:#16a34a;background:#16a34a1a}.pretty-select-option-desc[data-tier=Mid-Range]{color:#2563eb;background:#2563eb1a}.pretty-select-option-desc[data-tier=Premium]{color:#d97306;background:#d973061a}.pretty-select-option-desc[data-tier=Luxury]{color:#7c3aed;background:#7c3aed1a}.country-code-select .pretty-select-trigger{padding-inline:10px}.country-code-select .pretty-select-menu{width:min(360px,78vw)}.page{padding:var(--space-6);max-width:var(--max-content-width);animation:.32s fadeInUp}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{border-radius:var(--radius-xl);background:var(--color-bg);border:1px solid var(--color-border);width:60px;height:60px;margin-bottom:var(--space-4);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.empty-state h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2);color:var(--color-text-primary)}.empty-state p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);max-width:320px}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);align-items:center;gap:var(--space-4);transition:all var(--transition-base);display:flex}.stat-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-content{flex:1;min-width:0}.stat-value{font-size:1.75rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:-.03em;line-height:1.1;animation:.4s both countUp}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;margin-top:3px}.stat-trend{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);margin-top:4px}.search-box{width:100%;position:relative}.search-box input{padding-left:38px}.search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.clear-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-btn:hover{color:var(--color-text-primary);background:var(--color-bg-muted)}.filter-bar{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.filter-bar select,.filter-bar input[type=date]{width:auto;min-width:150px;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:8px 12px}.pagination{margin-top:var(--space-6);padding:var(--space-4) 0;justify-content:center;align-items:center;gap:4px;display:flex}.pagination button{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast);font-family:var(--font-family);padding:7px 13px}.pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.pagination button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination button:disabled{opacity:.3;cursor:not-allowed}.tabs{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);gap:0;display:flex}.tab{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 20px;display:flex}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-count{background:var(--color-primary-dim);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:1px 6px}.duplicate-warning{background:var(--color-warning-bg);border-radius:var(--radius-md);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);border:1px solid #f59e0b40;animation:.25s fadeInDown;display:flex}.duplicate-warning .warning-icon{color:var(--color-warning);flex-shrink:0;margin-top:1px}.confirm-dialog-icon{border-radius:var(--radius-full);background:var(--color-danger-bg);width:48px;height:48px;margin:0 auto var(--space-4);color:var(--color-danger);justify-content:center;align-items:center;display:flex}@media (width<=768px){.page{padding:var(--space-4)}.page-header{margin-bottom:var(--space-5);flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar select,.filter-bar input[type=date]{width:100%;max-width:none}.modal{margin:var(--space-2);max-width:calc(100% - var(--space-4))}button:active,a:active,[role=button]:active{transition:transform .1s ease-out;transform:scale(.97)}.form-group input,.form-group select,.form-group textarea{min-height:44px}.main-content,.bsheet-body,.mls-container,.sidebar-nav{-webkit-overflow-scrolling:touch}}.login-page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.login-bg-gradient{background:radial-gradient(80% 60% at 50% -20%,#6366f11f 0%,#0000 60%),radial-gradient(60% 50% at 100% 100%,#c8a44e12 0%,#0000 50%);position:absolute;inset:0}.login-bg-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(80% 80%,#000 30%,#0000 80%)}.login-container{z-index:1;width:100%;max-width:420px;padding:var(--space-4);position:relative}.login-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-xl);animation:.38s cubic-bezier(.34,1.56,.64,1) both scaleIn}.login-logo{margin-bottom:var(--space-8);flex-direction:column;align-items:center;display:flex}.login-logo-img{object-fit:contain;width:96px;height:96px;margin-bottom:var(--space-3);filter:drop-shadow(0 4px 16px #c8a44e59)}.login-logo-name{font-family:var(--font-family-brand);color:var(--color-gold);letter-spacing:.15em;font-size:1.1rem;font-weight:600}.login-logo-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.06em;margin-top:4px}.login-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-1)}.login-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-6)}.login-form{gap:var(--space-4);flex-direction:column;display:flex}.login-input-group{position:relative}.login-input-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.login-input-group input{height:46px;font-size:var(--font-size-base);border-color:var(--color-border);background:#ffffff0a;padding:0 14px}.login-input-group input:focus{border-color:var(--color-border-focus);background:#6366f10a}.password-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;bottom:13px;right:12px}.password-toggle:hover{color:var(--color-text-primary)}.login-error{background:var(--color-danger-bg);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-danger);text-align:center;border:1px solid #ef444440}.login-btn{height:48px;margin-top:var(--space-2);background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);box-shadow:0 2px 12px var(--color-primary-glow);border:none;justify-content:center;align-items:center;gap:8px;display:flex}.login-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 20px var(--color-primary-glow);transform:translateY(-1px)}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spinnerRotate;display:inline-block}.login-switch{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.login-link{font-size:inherit;color:var(--color-primary);cursor:pointer;font-family:inherit;font-weight:var(--font-weight-semibold);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.login-link:hover{color:var(--color-primary-hover)}.login-form-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.login-success{text-align:center;padding:var(--space-4) 0;flex-direction:column;align-items:center;display:flex}.login-success-icon{color:var(--color-success);margin-bottom:var(--space-4)}.login-footer{text-align:center;margin-top:var(--space-6);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.04em}.sidebar{width:var(--sidebar-width);background:var(--color-bg-elevated);border-right:1px solid var(--color-border);height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-brand{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-bg-elevated);flex-direction:column;flex-shrink:0;min-height:120px;display:flex;position:relative}.sidebar-logo-img{object-fit:contain;filter:drop-shadow(0 2px 8px #c8a44e59);flex-shrink:0;width:100%;height:auto}.sidebar-brand-text{text-align:center}.sidebar-tagline{letter-spacing:.18em;text-transform:uppercase;color:#000000bf;text-align:center;user-select:none;margin-top:4px;font-size:7px;font-weight:400;display:block}:root[data-theme=amoled] .sidebar-tagline{display:none}.sidebar-brand-name{font-family:var(--font-family-brand);color:var(--color-gold);letter-spacing:.1em;font-size:.85rem;font-weight:600;line-height:1.2}.sidebar-brand-sub{color:var(--color-text-muted);letter-spacing:.06em;margin-top:2px;font-size:10px}.sidebar-close-btn{color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);top:var(--space-3);right:var(--space-3);background:0 0;border:none;align-items:center;padding:6px;display:none;position:absolute}.sidebar-nav{padding:var(--space-4) var(--space-3);flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.sidebar-nav-section-label{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-4) var(--space-3) var(--space-2);opacity:.7}.sidebar-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.sidebar-link.active{color:#0d9488;background:#0d948826}.sidebar-link.active svg{color:#0d9488}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0}.sidebar-theme-toggle{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);width:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);text-align:left;margin-bottom:var(--space-2);align-items:center;gap:10px;padding:9px 12px;display:flex}.sidebar-theme-toggle:hover{border-color:var(--color-border-strong);color:var(--color-primary);background:var(--color-bg-card-hover)}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-1);display:flex}.sidebar-user-avatar{border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:#f59e0b;background:#d9770626;border:1px solid #d9770659;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary);align-items:center;gap:3px;margin-top:2px;display:flex}.sidebar-logout{border-radius:var(--radius-md);width:100%;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;display:flex}.sidebar-logout:hover{background:var(--color-danger-bg);color:var(--color-danger)}.sidebar-overlay{backdrop-filter:blur(4px);z-index:calc(var(--z-sidebar) - 1);background:#000000a6;animation:.18s fadeIn;position:fixed;inset:0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-close-btn{display:flex}}.mobile-nav{display:none}@media (width<=768px){.mobile-nav{height:var(--mobile-nav-height);padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);z-index:var(--z-bottom-nav);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000012}}.mobile-nav-item{color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-medium);font-family:var(--font-family);min-height:44px;transition:color var(--transition-fast);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px 4px;text-decoration:none;display:flex;position:relative}.mobile-nav-item.active{color:var(--color-primary)}.mobile-nav-item.active:after{content:"";background:var(--color-primary);border-radius:0 0 var(--radius-full) var(--radius-full);width:28px;height:2.5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-nav-item svg{transition:transform var(--transition-fast)}.mobile-nav-item.active svg{transform:translateY(-1px)}.mobile-nav-fab{border-radius:var(--radius-full);background:var(--color-gold);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:0 4px 16px var(--color-gold-glow), 0 2px 6px #00000026;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:8px;transition:transform .1s ease-out,box-shadow .1s ease-out;display:flex}.mobile-nav-fab:active{box-shadow:0 2px 8px var(--color-gold-glow);transform:scale(.93)}.bsheet-backdrop{background:var(--color-bg-overlay);z-index:var(--z-bottom-sheet);align-items:flex-end;animation:.15s bsheetFadeIn;display:flex;position:fixed;inset:0}.bsheet{width:100%;height:var(--sheet-height);background:var(--color-bg-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:bsheetUp var(--transition-spring) forwards;padding-bottom:env(safe-area-inset-bottom);will-change:transform;flex-direction:column;display:flex}.bsheet-handle-area{padding:var(--space-3) var(--space-4) var(--space-2);align-items:center;gap:var(--space-2);cursor:grab;touch-action:none;user-select:none;flex-direction:column;flex-shrink:0;display:flex}.bsheet-handle{background:var(--color-border-strong);border-radius:var(--radius-full);width:40px;height:4px}.bsheet-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;width:100%;padding-bottom:var(--space-1);border-bottom:1px solid var(--color-border)}.bsheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}@keyframes bsheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes bsheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-bar{background:linear-gradient(90deg, var(--color-border) 0%, var(--color-bg-muted) 20%, var(--color-border) 40%, var(--color-border) 100%);background-size:1000px 100%;border-radius:6px;animation:1.2s infinite skeleton-shimmer;display:inline-block}.skeleton-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;padding:16px}.skeleton-table{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:10px;overflow:hidden}.skeleton-table-header{border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.skeleton-table-row{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;display:grid}.skeleton-table-row:last-child{border-bottom:none}.skeleton-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.skeleton-dashboard{padding:0}@media (width<=768px){.skeleton-stats-grid{grid-template-columns:1fr}.skeleton-table-header,.skeleton-table-row{grid-template-columns:repeat(2,1fr)}}.app-layout{min-height:100vh;display:flex}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.main-content{background:var(--color-bg);flex:1;overflow-x:hidden}.topbar{padding:0 var(--space-4);padding-top:env(safe-area-inset-top);height:var(--mobile-header-height);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);z-index:var(--z-header);justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.topbar-brand{font-family:var(--font-family-brand);letter-spacing:.14em;color:var(--color-gold);font-size:.85rem;font-weight:var(--font-weight-semibold)}.topbar-actions{align-items:center;gap:var(--space-2);display:flex}.topbar-theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:34px;height:34px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.topbar-theme-toggle:hover{border-color:var(--color-border-strong);color:var(--color-primary)}.topbar-profile-wrap{position:relative}.topbar-avatar{border-radius:var(--radius-full);background:var(--color-primary);width:34px;height:34px;color:var(--color-text-inverse);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.topbar-avatar:hover{opacity:.85}.topbar-popover-backdrop{z-index:calc(var(--z-header) + 1);position:fixed;inset:0}.topbar-profile-popover{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);min-width:180px;z-index:calc(var(--z-header) + 2);gap:var(--space-2);flex-direction:column;animation:.12s fadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0}.topbar-profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topbar-profile-role{font-size:var(--font-size-xs);color:var(--color-text-muted);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);align-items:center;gap:4px;display:flex}.topbar-profile-logout{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.topbar-profile-logout:hover{background:var(--color-danger-bg)}@media (width<=768px){.main-area{margin-left:0}.topbar{display:flex}.main-content{padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}}