:root{--primary: #f59e0b;--primary-hover: #d97706;--primary-light: #fff7ed;--secondary: #64748b;--background: #f8fafc;--surface: #ffffff;--sidebar-surface: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--border-light: #f1f5f9;--border-medium: #e2e8f0;--status-followed: #f3e8ff;--status-followed-text: #7e22ce;--status-open: #dcfce7;--status-open-text: #15803d;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .07), 0 2px 4px -2px rgb(0 0 0 / .07);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .04), 0 4px 6px -4px rgb(0 0 0 / .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--transition-all: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.glass-card{background:var(--gradient-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);opacity:.9}.btn-primary:active{transform:translateY(0)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--mobile-breakpoint: 640px;--tablet-breakpoint: 1024px}button{font-family:inherit;cursor:pointer;transition:var(--transition-all)}a{color:var(--primary);text-decoration:none;transition:var(--transition-all)}a:hover{color:var(--primary-hover)}.glass-card{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}body{margin:0;min-height:100vh;width:100%}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.stat-card{padding:2rem;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.5rem;transition:var(--transition-all)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-card h3{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.stat-value{font-size:2.25rem;font-weight:800;color:var(--primary)}.recent-activity{background:#fff;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.recent-activity h2{font-size:1.4rem;color:var(--text-primary);font-weight:800}.activity-list{margin-top:1.5rem;display:flex;flex-direction:column}.activity-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 0;border-bottom:1px solid var(--border-light)}.activity-item:last-child{border-bottom:none}.dot{width:10px;height:10px;background:var(--primary);border-radius:50%;flex-shrink:0;box-shadow:0 0 0 4px var(--primary-light)}.activity-item p{color:var(--text-secondary);font-size:.95rem;font-weight:500}.layout-root{display:flex;flex-direction:column;height:100vh;background-color:var(--background)}.main-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;background:#fff;border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);z-index:100}.header-left{display:flex;align-items:center;gap:1.25rem}.header-logo-img{height:48px;width:auto;object-fit:contain}.header-logo-text{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.logout-btn{background:#f1f5f9;border:none;color:var(--text-secondary);font-weight:600;padding:.6rem 1.2rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-all)}.logout-btn:hover{background:#e2e8f0;color:var(--text-primary)}.layout-body{display:flex;flex:1;overflow:hidden;height:calc(100vh - 70px)}.sidebar{width:220px;background:#fff;border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:2rem .75rem;gap:2.5rem}.sidebar-section{display:flex;flex-direction:column;gap:.75rem}.section-label{padding:0 1.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:700}.nav-menu{display:flex;flex-direction:column;gap:.25rem}.nav-item{padding:.85rem 1.25rem;color:var(--text-secondary);background:none;border:none;text-align:left;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:1rem;border-radius:var(--radius-md);transition:var(--transition-all)}.nav-item:hover{background:#f8fafc;color:var(--primary);padding-left:1.5rem}.nav-item.active{color:var(--primary);background:var(--primary-light)}.nav-item.active:before{background:var(--brand-gold)}.nav-icon{width:1.2rem;height:1.2rem;opacity:.85;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:100%;height:100%}.content-area{flex:1;display:block;overflow-y:auto;padding:1.5rem}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem;margin-right:.5rem}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:140;opacity:0;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1}.sidebar-header-mobile{display:none;justify-content:space-between;align-items:center;padding:0 1.25rem;margin-bottom:1.5rem}.close-sidebar-btn{background:none;border:none;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer}@media(max-width:1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:150;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-lg)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}.sidebar-header-mobile{display:flex}.main-header{padding:0 1rem}}@media print{.main-header,.sidebar{display:none!important}.layout-root{height:auto!important;overflow:visible!important}.layout-body{overflow:visible!important}.content-area{padding:0!important;overflow:visible!important}.scroll-container{overflow:visible!important;height:auto!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f8fafc;background-image:radial-gradient(#e2e8f0 1px,transparent 1px);background-size:24px 24px}.login-card{background:#fff;padding:3rem;border-radius:20px;width:100%;max-width:420px;box-shadow:0 10px 25px #0000000d;border:1px solid rgba(255,255,255,.5)}.login-header{text-align:center;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center}.login-logo-img{width:80px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.login-logo-placeholder{width:56px;height:56px;background:linear-gradient(135deg,#d4a017,#b8860b);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:1.25rem;margin-bottom:1.5rem;box-shadow:0 8px 16px #d4a01733}.login-header h1{font-size:1.75rem;color:#1e293b;margin:0 0 .5rem;font-weight:800;letter-spacing:-.02em}.login-header p{color:#64748b;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form label{font-size:.9rem;font-weight:600;color:#475569}.login-form input{padding:.85rem 1rem;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .2s;background:#f8fafc}.login-form input:focus{outline:none;border-color:#d4a017;background:#fff;box-shadow:0 0 0 4px #d4a0171a}.error-message{background-color:#fee2e2;color:#ef4444;padding:.75rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;text-align:center;border:1px solid #fecaca}.label-row{display:flex;justify-content:space-between;align-items:center}.text-btn{background:none;border:none;color:#d4a017;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;transition:color .2s}.text-btn:hover{color:#b8860b;text-decoration:underline}.back-to-login{margin-top:1rem;align-self:center}.success-message{background-color:#f0fdf4;color:#16a34a;padding:.75rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;text-align:center;border:1px solid #bbf7d0}.login-btn{margin-top:.5rem;background:linear-gradient(135deg,#d4a017,#b8860b);color:#fff;border:none;padding:1rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px #d4a01733}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 12px #d4a0174d}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media(max-width:640px){.login-card{padding:2rem;border-radius:16px}.login-header{margin-bottom:2rem}}.dashboard-page{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0}.timeframe-selector{display:flex;background:#fff;padding:.4rem;border-radius:999px;border:1px solid var(--border-light);box-shadow:var(--shadow-sm);gap:.25rem;flex-wrap:wrap;justify-content:center}.timeframe-btn{border:none;background:none;padding:.6rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.timeframe-btn:hover{color:var(--primary);background:#fff7ed}.timeframe-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #f586154d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.premium-stat-card{padding:2rem;background:#fff;border-radius:24px;border:1px solid var(--border-light);box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.premium-stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014;border-color:var(--primary-light)}.stat-icon-wrapper{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.premium-stat-card.followups .stat-icon-wrapper{background:#eff6ff;color:#3b82f6}.premium-stat-card.deals .stat-icon-wrapper{background:#fff7ed;color:#f59e0b}.premium-stat-card.invoices .stat-icon-wrapper{background:#f0fdf4;color:#22c55e}.stat-info{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-value-large{font-size:2.25rem;font-weight:800;color:var(--text-primary);display:flex;align-items:baseline;gap:.5rem}.stat-currency{font-size:1rem;font-weight:600;color:var(--text-muted)}.stat-trend{font-size:.85rem;font-weight:600;margin-top:.5rem}.stat-trend.positive{color:#10b981}.stat-trend.neutral{color:var(--text-muted)}.stat-multi-info{display:flex;flex-direction:column;gap:.15rem;margin-top:.5rem}.stat-multi-info .stat-trend{margin-top:0}.premium-stat-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(245,134,21,.03) 0%,transparent 70%);pointer-events:none}@media(max-width:768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1.5rem}}.customer-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.customer-modal{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.customer-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.customer-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.customer-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.customer-modal-form{padding:2rem;overflow-y:auto}.customer-modal .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.customer-modal .form-field{display:flex;flex-direction:column;gap:.5rem}.customer-modal .form-field.full-width{grid-column:1 / -1}.customer-modal .form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.customer-modal .form-field input,.customer-modal .form-field textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fdfdfd;transition:all .2s;font-family:inherit}.customer-modal .form-field input:focus,.customer-modal .form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f10d}.customer-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.customer-modal .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.customer-modal .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.customer-modal .btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.customer-modal .btn-primary:disabled,.customer-modal .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.customer-modal .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}@keyframes cm-scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-in{animation:cm-scaleIn .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.customer-modal .form-grid{grid-template-columns:1fr}.customer-modal-form{padding:1.5rem}}.follow-up-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.follow-up-modal-container{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.follow-up-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.follow-up-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.client-names{margin:.25rem 0 0;font-size:.85rem;color:var(--text-secondary)}.follow-up-modal-form{padding:2rem;overflow-y:auto}.follow-up-modal-container .form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.follow-up-modal-container label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.follow-up-modal-container input,.follow-up-modal-container select,.follow-up-modal-container textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.95rem;background:#fdfdfd;transition:all .2s;font-family:inherit;color:var(--text-primary)}.follow-up-modal-container input:focus,.follow-up-modal-container select:focus,.follow-up-modal-container textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.follow-up-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.follow-up-modal-container .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.follow-up-modal-container .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.follow-up-modal-container .btn-danger{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.follow-up-modal-container .btn-primary:hover:not(:disabled),.follow-up-modal-container .btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.follow-up-modal-container .btn-primary:disabled,.follow-up-modal-container .btn-ghost:disabled,.follow-up-modal-container .btn-danger:disabled{opacity:.5;cursor:not-allowed}.follow-up-modal-container .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}.rcm-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rcm-modal{background:#fffffff2;border-radius:20px;width:1000px;max-width:95vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.rcm-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.rcm-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.rcm-grid{flex:1;overflow-y:auto;padding:1rem 0;display:flex;flex-direction:column}.rcm-row{display:grid;gap:1rem;padding:.75rem 2rem;align-items:center;border-bottom:1px solid var(--border-light)}.rcm-row.header{background:#f8fafc;position:sticky;top:0;z-index:10;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;border-bottom:2px solid var(--border-light)}.rcm-body{display:flex;flex-direction:column}.rcm-row select,.rcm-row input{padding:.6rem .8rem;border:1px solid var(--border-light);border-radius:8px;font-size:.9rem;background:#fff;transition:all .2s;font-family:inherit;width:100%}.rcm-row select:focus,.rcm-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b0d}.rcm-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.rcm-primary-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.rcm-ghost-btn{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.rcm-primary-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.rcm-primary-btn:disabled,.rcm-ghost-btn:disabled{opacity:.5;cursor:not-allowed}.rcm-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.rcm-empty-text{text-align:center;padding:3rem;color:var(--text-muted);font-size:.9rem}.rcm-grid::-webkit-scrollbar{width:8px}.rcm-grid::-webkit-scrollbar-track{background:transparent}.rcm-grid::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}@media(max-width:768px){.rcm-row.header{display:none}.rcm-row{grid-template-columns:1fr!important;gap:.5rem;padding:1.5rem}}.follow-ups-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.follow-ups-modal{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.follow-ups-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.follow-ups-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.follow-ups-body{flex:1;overflow-y:auto;padding:1.5rem 2rem}.follow-ups-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.follow-ups-row{padding:1.25rem;background:#f8fafc;border-radius:16px;border:1px solid var(--border-light);transition:all .2s}.follow-ups-row.clickable{cursor:pointer}.follow-ups-row.clickable:hover{background:#f1f5f9;transform:translateY(-2px);border-color:var(--primary);box-shadow:var(--shadow-sm)}.follow-up-meta{display:flex;justify-content:space-between;margin-bottom:.5rem}.follow-up-date{font-size:.75rem;font-weight:800;color:var(--primary);background:#fff;padding:.25rem .6rem;border-radius:6px;box-shadow:0 1px 2px #0000000d}.follow-up-user{font-size:.75rem;color:var(--text-secondary);font-weight:600}.follow-up-description{font-size:.9rem;color:var(--text-primary);line-height:1.5;margin:0}.follow-ups-footer{padding:1.25rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.follow-ups-close-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.follow-ups-close-btn:hover{opacity:.9;transform:translateY(-1px)}.close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.follow-ups-empty{text-align:center;padding:3rem;color:var(--text-muted);font-size:.9rem}.add-invoice-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-invoice-modal-container{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.add-invoice-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.add-invoice-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.add-invoice-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.add-invoice-modal-form{padding:2rem;overflow-y:auto}.add-invoice-modal-container .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.add-invoice-modal-container .form-field{display:flex;flex-direction:column;gap:.5rem}.add-invoice-modal-container .form-field.full-width{grid-column:1 / -1}.add-invoice-modal-container .form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.add-invoice-modal-container .form-field input,.add-invoice-modal-container .form-field select,.add-invoice-modal-container .form-field textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fdfdfd;transition:all .2s;font-family:inherit}.add-invoice-modal-container .form-field input:focus,.add-invoice-modal-container .form-field select:focus,.add-invoice-modal-container .form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.add-invoice-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.add-invoice-modal-container .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.add-invoice-modal-container .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.add-invoice-modal-container .btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.add-invoice-modal-container .btn-primary:disabled,.add-invoice-modal-container .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.add-invoice-modal-container .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}@keyframes ai-scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-in{animation:ai-scaleIn .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.add-invoice-modal-container .form-grid{grid-template-columns:1fr}.add-invoice-modal-form{padding:1.5rem}}.edit-invoice-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-invoice-modal-container{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.edit-invoice-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.edit-invoice-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.edit-invoice-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.edit-invoice-header-actions{display:flex;align-items:center;gap:.75rem}.icon-btn-action{background:#f8fafc;border:1px solid var(--border-light);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.1rem}.icon-btn-action:hover{background:#f1f5f9;border-color:var(--border-medium);transform:translateY(-1px)}.edit-invoice-modal-form{padding:2rem;overflow-y:auto}.edit-invoice-modal-container .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.edit-invoice-modal-container .form-field{display:flex;flex-direction:column;gap:.5rem}.edit-invoice-modal-container .form-field.full-width{grid-column:1 / -1}.edit-invoice-modal-container .form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.edit-invoice-modal-container .form-field input,.edit-invoice-modal-container .form-field select,.edit-invoice-modal-container .form-field textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fdfdfd;transition:all .2s;font-family:inherit}.edit-invoice-modal-container .form-field input:focus,.edit-invoice-modal-container .form-field select:focus,.edit-invoice-modal-container .form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.edit-invoice-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.edit-invoice-modal-container .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.edit-invoice-modal-container .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.edit-invoice-modal-container .btn-danger{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.edit-invoice-modal-container .btn-primary:hover:not(:disabled),.edit-invoice-modal-container .btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.edit-invoice-modal-container .btn-primary:disabled,.edit-invoice-modal-container .btn-ghost:disabled,.edit-invoice-modal-container .btn-danger:disabled{opacity:.5;cursor:not-allowed}.edit-invoice-modal-container .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}@keyframes ei-scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-in{animation:ei-scaleIn .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.edit-invoice-modal-container .form-grid{grid-template-columns:1fr}.edit-invoice-modal-form{padding:1.5rem}}.searchable-select-container{position:relative;width:100%;font-family:inherit}.select-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:42px;font-size:.95rem}.select-trigger:hover{border-color:#cbd5e1;background:#f8fafc}.select-trigger.disabled{background:#f1f5f9;cursor:not-allowed;border-color:#e2e8f0;color:#94a3b8}.select-trigger.disabled:hover{background:#f1f5f9;border-color:#e2e8f0}.select-trigger.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.selected-value{color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.placeholder{color:#94a3b8}.chevron{color:#64748b;font-size:.8rem;transition:transform .2s ease}.select-trigger.active .chevron{transform:rotate(180deg)}.trigger-actions{display:flex;align-items:center;gap:8px}.clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#94a3b8;font-size:.7rem;transition:all .2s}.clear-btn:hover{background:#f1f5f9;color:#ef4444}.searchable-select-dropdown{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;animation:slideDown .2s ease-out}.search-input-container{padding:10px;border-bottom:1px solid #f1f5f9}.search-input-container input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s}.search-input-container input:focus{border-color:#6366f1}.options-list{max-height:250px;overflow-y:auto}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f5f9}.options-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.option-item{padding:10px 14px;cursor:pointer;font-size:.9rem;color:#334155;transition:background .15s}.option-item:hover{background:#f1f5f9;color:#6366f1}.option-item.selected{background:#eef2ff;color:#4f46e5;font-weight:500}.no-options{padding:20px;text-align:center;color:#94a3b8;font-size:.9rem}.rdm-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rdm-modal{background:#fffffff2;border-radius:20px;width:800px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.rdm-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.rdm-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.rdm-content{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.rdm-subtitle{margin:0;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.rdm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.rdm-grid label{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.rdm-grid input,.rdm-grid select,.rdm-grid textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fff;transition:all .2s;font-family:inherit}.rdm-grid input:focus,.rdm-grid select:focus,.rdm-grid textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.rdm-full-span{grid-column:1 / -1}.rdm-components{background:#f8fafc;border:1px solid var(--border-light);border-radius:16px;padding:1.25rem}.rdm-components-header{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:.75rem;border-bottom:1px solid var(--border-light);margin-bottom:1rem}.rdm-components-body{display:flex;flex-direction:column;gap:.75rem}.rdm-component-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:1rem;align-items:center}.rdm-total{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:1.25rem;font-weight:800;color:var(--text-primary)}.rdm-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.rdm-primary-btn{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.rdm-ghost-btn{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.rdm-danger-btn{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.rdm-primary-btn:hover:not(:disabled),.rdm-danger-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.rdm-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.rdm-component-row input{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fff;transition:all .2s;font-family:inherit;width:100%}.rdm-component-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.rdm-component-delete-btn{background:#fee2e2;color:#ef4444;border:none;padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.75rem;font-weight:700;transition:all .2s;white-space:nowrap}.rdm-component-delete-btn:hover{background:#ef4444;color:#fff}.rdm-add-component-btn{background:#fff;border:1px dashed var(--border-medium);padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-top:1rem}.rdm-add-component-btn:hover{border-color:var(--primary);color:var(--primary)}@media(max-width:640px){.rdm-grid{grid-template-columns:1fr}}.customer-details-sidebar{position:fixed;top:0;right:0;height:100vh;background:#fff;box-shadow:-10px 0 30px #0000000d;display:flex;flex-direction:column;z-index:100;border-left:1px solid var(--border-light);animation:sidebar-slide-in .3s cubic-bezier(.16,1,.3,1)}@keyframes sidebar-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.cds-sidebar-resizer{position:absolute;left:0;top:0;bottom:0;width:4px;cursor:col-resize;background:transparent;transition:background .2s}.cds-sidebar-resizer:hover,.is-resizing .cds-sidebar-resizer{background:var(--primary);opacity:.5}.cds-sidebar-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);background:#fff}.cds-sidebar-header-titles h2{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-primary)}.cds-sidebar-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary);font-weight:600}.cds-close-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.cds-close-btn:hover{background:#e2e8f0;color:var(--text-primary);transform:rotate(90deg)}.cds-sidebar-content{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.cds-detail-section{display:flex;flex-direction:column;gap:1rem}.cds-section-header{display:flex;justify-content:space-between;align-items:center}.cds-section-title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.cds-link-btn{background:none;border:none;color:var(--primary);font-size:.8rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.cds-link-btn:hover:not(:disabled){background:var(--primary-light);text-decoration:underline}.cds-link-btn:disabled{opacity:.5;cursor:not-allowed}.cds-divider{border:none;border-top:1px solid var(--border-light);margin:0}.cds-remarks-box{background:#f8fafc;border:1px solid var(--border-light);border-radius:8px;padding:1rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;margin-top:.75rem}.cds-follow-up-list{display:flex;flex-direction:column;gap:.75rem}.cds-follow-up-item{padding:1rem;background:#f8fafc;border-radius:12px;display:flex;gap:1rem;transition:all .2s}.cds-follow-up-item.clickable:hover{background:#f1f5f9;transform:translate(4px);box-shadow:var(--shadow-sm)}.cds-fu-date{font-size:.7rem;font-weight:800;color:var(--primary);white-space:nowrap;background:#fff;padding:4px 8px;border-radius:6px;height:fit-content;box-shadow:0 2px 4px #00000005}.cds-fu-info{display:flex;flex-direction:column;gap:.25rem}.cds-fu-description{font-size:.85rem;color:var(--text-primary);line-height:1.4;margin:0}.cds-fu-user{font-size:.7rem;color:var(--text-muted);margin:0}.cds-component-grid{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;width:100%}.cds-component-grid-header{display:grid;grid-template-columns:repeat(3,1fr);padding:.75rem 1rem;background:#f8fafc;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border-light)}.cds-component-grid-row{display:grid;grid-template-columns:repeat(3,1fr);padding:.75rem 1rem;font-size:.8rem;color:var(--text-primary);border-bottom:1px solid var(--border-light);transition:background .2s;width:100%}.cds-component-grid-row:last-child{border-bottom:none}.cds-component-grid-row:hover{background:#fbfcfd}.cds-deal-list,.cds-invoice-list{display:flex;flex-direction:column;gap:.5rem}.cds-deal-row-btn,.cds-invoice-row-btn{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.25rem;background:#fff;border:1px solid var(--border-light);border-radius:12px;font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:left}.cds-deal-row-btn:hover,.cds-invoice-row-btn:hover{border-color:var(--primary);background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cds-deal-row-btn span:last-child,.cds-invoice-row-btn span:last-child{font-weight:400;color:#000}.cds-loading-text,.cds-empty-text{text-align:center;padding:1.5rem;font-size:.8rem;color:var(--text-muted);background:#fbfcfd;border-radius:12px;border:1px dashed var(--border-medium)}.client-table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);overflow-x:auto!important;overflow-y:visible!important;width:100%;scrollbar-width:thin;scrollbar-color:var(--primary) #f1f5f9}.client-table-container::-webkit-scrollbar{height:10px}.client-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.client-table-container::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px;border:2px solid #f1f5f9}.client-table-container::-webkit-scrollbar-thumb:hover{background-color:#ea580c}.clients-page-wrapper{display:flex;min-height:100%;padding-bottom:5rem}.page-container{display:flex;flex-direction:column;gap:1.5rem;flex:1;padding:2rem;transition:all .3s ease}.header-titles{display:flex;align-items:baseline;gap:1rem}.selected-count{font-size:.85rem;color:#475569;background:#f1f5f9;padding:.2rem .75rem;border-radius:999px;font-weight:600}.header-actions{display:flex;gap:.75rem;align-items:center}.add-btn{background:var(--primary);color:#fff;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:var(--transition-all);box-shadow:0 4px 12px #f59e0b33}.btn-danger{background:#ef4444;color:#fff;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;border:none;cursor:pointer;transition:var(--transition-all);box-shadow:0 4px 12px #ef444433}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d;background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.filter-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.tabs{display:flex;gap:.5rem;background:#f1f5f9;padding:.25rem;border-radius:8px}.tab-item{padding:.5rem 1.25rem;border-radius:6px;background:transparent;color:var(--text-secondary);border:none;font-weight:600;font-size:.85rem;cursor:pointer;transition:var(--transition-all)}.tab-item:hover{color:var(--text-primary)}.tab-item.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.filter-actions{display:flex;gap:.75rem;align-items:center}.duplicate-select{padding:.5rem 1rem;border:1px solid var(--border-medium);border-radius:6px;font-size:.85rem;color:var(--text-secondary);background:#fff;outline:none;cursor:pointer}.search-container input{padding:.5rem 1rem;border:1px solid var(--border-medium);border-radius:6px;width:280px;font-size:.85rem;outline:none;transition:var(--transition-all)}.search-container input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #f59e0b1a}.client-table{width:max-content;min-width:100%;display:block}.client-table thead,.client-table tbody{display:block;width:100%}.client-table tr{display:grid;align-items:center;gap:1rem;width:100%;grid-template-columns:var(--desktop-grid-template)}.client-table th{padding:.9rem 1rem;text-align:left;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border-light);background:#fbfcfd;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-table th span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px}.client-table th.header-right{text-align:right}.client-table td{padding:.75rem 1rem;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.client-table td.cell-right{text-align:right;font-weight:600}.client-row{transition:var(--transition-all);cursor:pointer;background:#fff}.client-row:hover{background:#f8fafc}.client-row.active{background:#fff8e6}.client-names{display:flex;flex-direction:column}.bride{font-weight:700;color:var(--text-primary)}.groom{color:var(--text-secondary);font-size:.85rem}.separator{font-size:.75rem;color:var(--primary);margin:.1rem 0}.status-pill{padding:.2rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-pill.followed-up{background:#fdf4ff;color:#a21caf;border:1px solid #f5d0fe}.status-pill.open{background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}.status-pill.won{background:#ecfdf5;color:#047857;border:1px solid #6ee7b7}.status-pill.lost{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.status-pill.pending{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.row-actions{display:flex;gap:.6rem}.icon-btn{background:none;border:none;cursor:pointer;opacity:.45;width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:999px;transition:var(--transition-all)}.icon-btn svg{width:1.25rem;height:1.25rem}.icon-btn:hover{opacity:1;color:var(--primary);background:var(--primary-light)}.empty-row td{text-align:center;padding:3rem;color:var(--text-secondary)}.loading-state{text-align:center;padding:4rem;color:var(--primary);font-weight:600}@media(max-width:1100px){.client-table thead{display:none}.client-table tr{display:flex;flex-direction:column;padding:1rem;border:1px solid var(--border-light);border-radius:12px;margin-bottom:1rem;gap:.5rem;height:auto;background:#fff;box-shadow:0 1px 3px #0000000d}.client-table td{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border:none;text-align:right;width:100%;min-width:0}.client-table td:before{content:attr(data-label);font-weight:600;color:var(--text-secondary);font-size:.85rem;text-align:left;margin-right:1rem;min-width:120px}.client-table td:first-child{display:none}.client-table td.row-actions{justify-content:flex-end;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border-light)}}.edit-product-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-product-modal-container{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.edit-product-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.edit-product-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.edit-product-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.edit-product-modal-form{padding:2rem;overflow-y:auto}.edit-product-modal-container .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.edit-product-modal-container .form-field{display:flex;flex-direction:column;gap:.5rem}.edit-product-modal-container .form-field.full-width{grid-column:1 / -1}.edit-product-modal-container .form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.edit-product-modal-container .form-field input,.edit-product-modal-container .form-field select,.edit-product-modal-container .form-field textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fdfdfd;transition:all .2s;font-family:inherit}.edit-product-modal-container .form-field input:focus,.edit-product-modal-container .form-field select:focus,.edit-product-modal-container .form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.edit-product-modal-container .form-field input:read-only{background:#f1f5f9;cursor:default}.edit-product-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.edit-product-modal-container .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.edit-product-modal-container .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.edit-product-modal-container .btn-danger{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.edit-product-modal-container .btn-primary:hover:not(:disabled),.edit-product-modal-container .btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.edit-product-modal-container .btn-primary:disabled,.edit-product-modal-container .btn-ghost:disabled,.edit-product-modal-container .btn-danger:disabled{opacity:.5;cursor:not-allowed}.edit-product-modal-container .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}@keyframes ep-scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-in{animation:ep-scaleIn .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.edit-product-modal-container .form-grid{grid-template-columns:1fr}.edit-product-modal-form{padding:1.5rem}}.add-product-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-product-modal-container{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.add-product-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.add-product-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.add-product-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.add-product-modal-form{padding:2rem;overflow-y:auto}.add-product-modal-container .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.add-product-modal-container .form-field{display:flex;flex-direction:column;gap:.5rem}.add-product-modal-container .form-field.full-width{grid-column:1 / -1}.add-product-modal-container .form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.add-product-modal-container .form-field input,.add-product-modal-container .form-field select,.add-product-modal-container .form-field textarea{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fdfdfd;transition:all .2s;font-family:inherit}.add-product-modal-container .form-field input:focus,.add-product-modal-container .form-field select:focus,.add-product-modal-container .form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d}.image-management-section{background:#f8fafc;border:1px solid var(--border-light);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.image-uploader-box{display:flex;justify-content:center}.upload-trigger-button{background:#fff;border:2px dashed var(--border-medium);border-radius:12px;padding:1rem 2rem;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s;width:100%}.upload-trigger-button:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#fffbeb}.image-preview-scroller{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.preview-tile{position:relative;min-width:100px;height:100px;border-radius:10px;overflow:hidden;border:1px solid var(--border-light)}.preview-tile img{width:100%;height:100%;object-fit:cover}.preview-tile .remove-btn{position:absolute;top:4px;right:4px;background:#00000080;color:#fff;border:none;width:20px;height:20px;border-radius:50%;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.preview-tile .remove-btn:hover{background:#ef4444}.add-product-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.add-product-modal-container .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.add-product-modal-container .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.add-product-modal-container .btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.add-product-modal-container .btn-primary:disabled,.add-product-modal-container .btn-ghost:disabled{opacity:.5;cursor:not-allowed}.add-product-modal-container .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}@keyframes ap-scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-in{animation:ap-scaleIn .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.add-product-modal-container .form-grid{grid-template-columns:1fr}.add-product-modal-form{padding:1.5rem}}.product-schedule-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.product-schedule-modal{background:#fff;border-radius:16px;width:90%;max-width:800px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:700}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:.25rem;line-height:1;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#f3f4f6;color:var(--text-primary)}.modal-content{padding:2rem;overflow-y:auto}.schedule-table-container{border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.schedule-table{width:100%;border-collapse:collapse;font-size:.9rem}.schedule-table th,.schedule-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-light)}.schedule-table th{background-color:#f9fafb;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.schedule-table tr:last-child td{border-bottom:none}.schedule-table tr:hover td{background-color:#f9fafb}.schedule-empty{text-align:center;padding:3rem;color:var(--text-secondary);background:#f9fafb;border-radius:8px}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.open{background-color:#dbeafe;color:#1e40af}.status-badge.completed{background-color:#dcfce7;color:#166534}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.modal-footer{padding:1rem 2rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.products-page{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .6s ease-out}.add-product-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;background:linear-gradient(180deg,#c58c00,#a65d00);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition-all);box-shadow:0 10px 20px #c58c0033;white-space:nowrap}.add-product-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #c58c004d}.add-icon{font-size:1.2rem}.filter-controls{display:flex;flex-direction:column;gap:1rem}.multi-select-container{position:relative;width:320px}.multi-select-trigger{width:100%;padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;font-weight:600;color:var(--text-primary);transition:var(--transition-all)}.multi-select-trigger:hover,.multi-select-trigger.active{border-color:var(--primary)}.trigger-icon{font-size:.75rem;opacity:.5}.multi-select-dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;max-height:300px;background:#fff;border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-direction:column;animation:slideDown .2s ease-out}.dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.clear-link{background:none;border:none;color:#ef4444;font-weight:600;cursor:pointer;font-size:.75rem}.dropdown-list{overflow-y:auto;padding:.5rem}.dropdown-item{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all)}.dropdown-item:hover{background:var(--primary-light)}.dropdown-item input[type=checkbox]{display:none}.checkbox-custom{width:18px;height:18px;border:2px solid var(--border-medium);border-radius:4px;position:relative;transition:var(--transition-all)}.dropdown-item input[type=checkbox]:checked+.checkbox-custom{background:var(--primary);border-color:var(--primary)}.dropdown-item input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.item-label{font-size:.95rem;font-weight:500;color:var(--text-primary)}.category-tag-active{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary);border-radius:999px;font-size:.85rem;font-weight:700}.category-tag-active button{background:none;border:none;color:var(--primary);font-size:1.1rem;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center}.gown-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.gown-card{display:flex;flex-direction:column;overflow:hidden;height:100%;background:#fff;border-radius:var(--radius-lg);transition:var(--transition-all)}.gown-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.gown-image-container{position:relative;height:380px;background:#f1f5f9;overflow:hidden}.gown-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.gown-card:hover .gown-image{transform:scale(1.08)}.gown-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:5rem;background:var(--primary-light)}.gown-overlay{position:absolute;inset:0;background:#00000073;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gown-card:hover .gown-overlay{opacity:1}.details-btn{padding:.85rem 1.75rem;background:#fff;color:var(--text-primary);border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;width:180px;transform:translateY(15px);transition:var(--transition-all);cursor:pointer;box-shadow:0 4px 12px #0000001a}.details-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px)!important}.details-btn.secondary{background:#ffffff26;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.details-btn.secondary:hover{background:#fff;color:var(--primary)}.gown-card:hover .details-btn{transform:translateY(0)}.gown-info{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1rem}.gown-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.gown-header h3{margin:0;font-size:1.2rem;font-weight:700;color:var(--text-primary);line-height:1.3}.sku-badge{padding:.25rem .6rem;background:#f1f5f9;color:var(--text-secondary);font-size:.75rem;font-weight:700;border-radius:6px;letter-spacing:.05em}.gown-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.category-tag{font-size:.85rem;color:var(--primary);font-weight:600;padding:.3rem .75rem;background:var(--primary-light);border-radius:999px}.skeleton-card{height:480px;background:#fff;border-radius:var(--radius-lg);overflow:hidden}.skeleton-image{height:380px;background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 2s infinite}.skeleton-content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.skeleton-line{background:linear-gradient(90deg,#f1f5f9 25%,#f8fafc,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.skeleton-line.title{height:20px;width:80%}.skeleton-line.price{height:16px;width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{padding:6rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;color:var(--text-secondary)}.empty-icon{font-size:5rem;opacity:.2}.empty-state h3{font-size:2rem;font-weight:800;color:var(--text-primary);margin:0}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start}.search-bar,.multi-select-container,.search-bar input{width:100%}.search-bar input:focus{width:100%}}.pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:3rem;padding-bottom:2rem}.pagination-pages{display:flex;align-items:center;gap:.5rem}.pagination-btn,.pagination-page-btn{padding:.6rem 1rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:#fff;color:var(--text-primary);font-weight:600;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled),.pagination-page-btn:hover:not(.active){border-color:var(--primary);color:var(--primary);background:var(--primary-light);transform:translateY(-2px)}.pagination-page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #c58c004d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.pagination-ellipsis{color:var(--text-muted);font-weight:700;padding:0 .25rem}.total-indicator{font-size:.9rem;color:var(--text-secondary);background:#f8fafc;padding:.5rem 1.25rem;border-radius:var(--radius-md);border:1px solid var(--border-light);align-self:flex-start}.total-indicator strong{color:var(--text-primary);font-weight:700}.vendor-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.vendor-modal{background:#fffffff2;border-radius:20px;width:600px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.vendor-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.vendor-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.vendor-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.vendor-modal-form{padding:2rem;overflow-y:auto}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field.full-width{grid-column:1 / -1}.form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.form-field input,.form-field textarea,.form-field select{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:.9rem;background:#fdfdfd;transition:all .2s}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #6366f10d}.vendor-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.category-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-top:.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid var(--border-light)}.category-checkbox-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-primary);cursor:pointer}.category-checkbox-item input{width:1rem;height:1rem;cursor:pointer}.btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.btn-danger{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.btn-primary:disabled,.btn-ghost:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}.page-container{width:100%;padding:0}.page-header{width:95%;margin-bottom:.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.header-content{display:flex;justify-content:space-between;align-items:center;width:100%;gap:2rem;flex-wrap:wrap}.header-left h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,#475569 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-left .subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1.1rem;font-weight:500}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.search-bar{position:relative;width:320px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.6}.search-bar input{width:100%;height:48px;padding:0 1rem 0 2.8rem;border:1px solid var(--border-light);border-radius:14px;background:#fff;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);width:380px}.filter-summary{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.multi-select-container{position:relative;width:220px}.multi-select-trigger{width:100%;height:48px;display:flex;justify-content:space-between;align-items:center;padding:0 1.25rem;background:#fff;border:1px solid var(--border-light);border-radius:14px;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-primary);transition:all .2s;box-shadow:var(--shadow-sm)}.multi-select-trigger:hover{border-color:var(--border-medium);transform:translateY(-1px)}.multi-select-trigger.active{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.multi-select-dropdown{position:absolute;top:calc(100% + .75rem);left:0;width:280px;background:#fff;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:100;padding:.75rem;max-height:400px;display:flex;flex-direction:column;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);margin-bottom:.5rem}.dropdown-header span{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.clear-link{background:none;border:none;color:var(--primary);font-size:.75rem;font-weight:600;cursor:pointer}.dropdown-list{overflow-y:auto;padding-right:2px}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:var(--radius-md);cursor:pointer;transition:background .2s}.dropdown-item:hover{background:var(--background)}.dropdown-item input{width:1rem;height:1rem;cursor:pointer}.item-label{font-size:.9rem;color:var(--text-primary)}.selected-tags{display:flex;flex-wrap:wrap;gap:.5rem}.category-tag-active{background:var(--primary-light);color:var(--primary);padding:.4rem .75rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.5rem;border:1px solid #fed7aa}.category-tag-active button{background:none;border:none;color:var(--primary);font-size:1.1rem;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7}.category-tag-active button:hover{opacity:1}.total-indicator{font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.total-indicator strong{color:var(--primary);font-size:1.1rem}.vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.vendor-card{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.vendor-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.vendor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),#818cf8);opacity:0;transition:opacity .3s}.vendor-card:hover:before{opacity:1}.vendor-header h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.category-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{font-size:.7rem;padding:.2rem .6rem;background:#f59e0b1a;color:var(--primary);border-radius:6px;text-transform:uppercase;font-weight:700;letter-spacing:.02em}.vendor-details{font-size:.9rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.6rem;margin:.5rem 0}.vendor-details p{display:flex;align-items:center;gap:.75rem;margin:0}.vendor-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--border-light)}.btn-details,.btn-whatsapp{flex:1;font-size:.85rem;padding:.75rem;height:42px;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:12px;font-weight:600;transition:all .2s;text-decoration:none;border:none;cursor:pointer}.btn-details{background:#f8fafc;color:var(--text-primary);border:1px solid var(--border-medium)!important}.btn-details:hover{background:#f1f5f9;border-color:#cbd5e1!important;transform:translateY(-1px)}.btn-whatsapp{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0!important}.btn-whatsapp:hover{background:#dcfce7;border-color:#86efac!important;transform:translateY(-1px)}.btn-whatsapp:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;color:var(--text-muted);border-color:var(--border-light)!important}.btn-sync-external{white-space:nowrap}.btn-sync-external:disabled{opacity:.7;cursor:not-allowed}.btn-download-csv{height:48px;padding:0 1rem;white-space:nowrap}.sync-status-panel{padding:.9rem 1rem;border:1px solid var(--border-light);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:.35rem}.sync-error{margin:0;color:#b42318;font-size:.9rem;font-weight:600}.sync-summary-line{margin:0;color:var(--text-primary);font-size:.9rem;font-weight:600}.sync-summary-note{margin:0;color:var(--text-secondary);font-size:.85rem}.bill-upload-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.bill-upload-modal{width:100%;max-width:500px;background:#fff;border-radius:20px;padding:0;overflow:hidden;animation:bill-modal-slide-up .3s ease-out}@keyframes bill-modal-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.bill-upload-modal .modal-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light, #e2e8f0)}.bill-upload-modal .modal-header h2{font-size:1.25rem;font-weight:800;color:var(--text-primary, #0f172a);margin:0}.bill-upload-modal .close-btn{background:none;border:none;font-size:1.8rem;color:var(--text-secondary, #64748b);cursor:pointer;line-height:1}.bill-upload-modal .modal-content{padding:1.5rem;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.bill-upload-modal .sync-status-panel{border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:.9rem}.bill-upload-modal .sync-status-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;font-size:.82rem}.bill-upload-modal .sync-status-row span{color:#64748b;font-weight:600}.bill-upload-modal .sync-status-row strong{color:#0f172a;text-align:right}.bill-upload-modal .sync-status-badge{text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;background:#e2e8f0;color:#334155;border-radius:999px;padding:2px 8px}.bill-upload-modal .sync-status-badge.synced{background:#dcfce7;color:#166534}.bill-upload-modal .sync-status-badge.failed{background:#fee2e2;color:#991b1b}.bill-upload-modal .sync-status-badge.syncing{background:#dbeafe;color:#1d4ed8}.bill-upload-modal .sync-status-error{margin:.5rem 0 0;color:#b91c1c;font-size:.8rem;font-weight:600}.bill-upload-modal .accounting-form-section{border:1px solid #e2e8f0;border-radius:10px;padding:.9rem;background:#fff}.bill-upload-modal .accounting-form-section h3{margin:0 0 .75rem;font-size:.92rem;color:#334155;text-transform:uppercase;letter-spacing:.04em}.bill-upload-modal .accounting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.bill-upload-modal .accounting-grid label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:#475569;font-weight:700}.bill-upload-modal .accounting-grid label input,.bill-upload-modal .accounting-grid label textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;font-size:.82rem;padding:.45rem .6rem;font-family:inherit;color:#0f172a;background:#fff}.bill-upload-modal .accounting-grid label textarea{resize:vertical}.bill-upload-modal .accounting-grid .full-width{grid-column:1 / -1}.bill-upload-modal .advanced-toggle-btn{margin-top:.8rem;border:1px solid #e2e8f0;border-radius:8px;padding:.35rem .7rem;font-size:.75rem;font-weight:700;background:#f8fafc;color:#334155;cursor:pointer}.bill-upload-modal .advanced-grid{margin-top:.7rem;border-top:1px dashed #e2e8f0;padding-top:.7rem}.bill-upload-modal .checkbox-field{display:flex!important;flex-direction:row!important;align-items:center;gap:.5rem!important}.bill-upload-modal .checkbox-field input{width:auto!important}.bill-upload-modal .save-error-message{margin:0;color:#b91c1c;font-size:.82rem;font-weight:700}.bill-upload-modal .upload-zone{border:2px dashed #cbd5e1;border-radius:12px;padding:2rem;text-align:center;transition:all .2s ease;background:#f8fafc}.bill-upload-modal .upload-zone.drag-active{border-color:var(--invoice-accent, #f59e0b);background:#fffbeb}.bill-upload-modal .upload-label{cursor:pointer;display:block}.bill-upload-modal .upload-icon{font-size:2.5rem;margin-bottom:1rem}.bill-upload-modal .upload-label p{margin:.25rem 0;font-weight:600;color:#475569}.bill-upload-modal .upload-label span{color:var(--invoice-accent, #f59e0b);text-decoration:underline}.bill-upload-modal .sub-text{font-size:.75rem;color:#94a3b8!important;font-weight:400!important}.bill-upload-modal .upload-progress{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:1rem 0;color:#2563eb;font-weight:600;font-size:.9rem}.bill-upload-modal .attachments-list h3{font-size:.9rem;font-weight:700;margin:1.5rem 0 .75rem;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em}.bill-upload-modal .no-files{text-align:center;padding:2rem;color:#94a3b8;font-size:.9rem;background:#f1f5f9;border-radius:10px}.bill-upload-modal .files-grid{display:flex;flex-direction:column;gap:.5rem}.bill-upload-modal .file-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s}.bill-upload-modal .file-item:hover{border-color:#cbd5e1;background:#f8fafc}.bill-upload-modal .file-info{display:flex;align-items:center;gap:.75rem;min-width:0}.bill-upload-modal .file-ext{font-size:.65rem;font-weight:800;background:#e2e8f0;color:#475569;padding:2px 6px;border-radius:4px}.bill-upload-modal .file-name{font-size:.85rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bill-upload-modal .file-actions{display:flex;align-items:center;gap:.75rem}.bill-upload-modal .view-link{font-size:.8rem;font-weight:700;color:#2563eb;text-decoration:none}.bill-upload-modal .delete-btn{background:#fee2e2;color:#dc2626;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.bill-upload-modal .modal-footer{padding:1.5rem;display:flex;justify-content:flex-end;gap:1rem;background:#f8fafc;border-top:1px solid #e2e8f0}.bill-upload-modal .btn-secondary{background:#fff;border:1px solid #e2e8f0;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer}.bill-upload-modal .btn-primary{background:var(--invoice-accent, #f59e0b);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:8px;font-weight:700;cursor:pointer}.bill-upload-modal .btn-primary:disabled,.bill-upload-modal .btn-secondary:disabled{cursor:not-allowed;opacity:.65}@media(max-width:640px){.bill-upload-modal .accounting-grid{grid-template-columns:1fr}}.deal-components-page{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:5rem}.deal-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.deal-page-header h1{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary)}.page-subtitle{margin-top:.35rem;color:var(--text-secondary);font-size:.95rem}.primary-btn{border:none;background:linear-gradient(135deg,#f58615,#fbc02d);color:#fff;border-radius:999px;padding:.65rem 1.6rem;font-weight:700;box-shadow:0 8px 24px #f5861559}.primary-btn:hover{opacity:.9}.filter-panel{padding:1.25rem 1.5rem;margin-bottom:.75rem}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem 1.25rem}.filter-field{display:flex;flex-direction:column;gap:.35rem;justify-content:flex-start}.filter-field label{font-size:.75rem;color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.filter-field input,.filter-field select{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:.5rem .75rem;font-size:.9rem;background:#fff;color:var(--text-primary);width:100%}.filter-field input:focus,.filter-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #f59e0b1a}.filter-with-checkbox{display:flex;flex-direction:column;gap:.5rem}.date-range{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.tiny-checkbox{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.tiny-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}@media(max-width:1200px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.filter-grid{grid-template-columns:1fr}}.components-card{padding:0;overflow-y:visible!important;overflow-x:auto!important;width:100%;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);scrollbar-width:thin;scrollbar-color:var(--primary) #f1f5f9}.components-card::-webkit-scrollbar{height:10px}.components-card::-webkit-scrollbar-track{background:#f1f5f9;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.components-card::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:10px;border:2px solid #f1f5f9}.components-card::-webkit-scrollbar-thumb:hover{background-color:#ea580c}.table-head,.table-row{display:grid;align-items:center;width:max-content;min-width:100%;gap:1rem;grid-template-columns:var(--desktop-grid-template)}.table-head{font-weight:700;font-size:.75rem;color:var(--text-muted);border-bottom:2px solid var(--border-light);padding:1rem;text-transform:uppercase;letter-spacing:.05em;background:#fbfcfd;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);position:relative}.table-head span{position:relative;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:12px;line-height:1.2}.resizer{position:absolute;right:0;top:25%;height:50%;width:2px;background:#0f172a1a;cursor:col-resize;z-index:10;transition:all .2s}.resizer:hover,.resizer.is-resizing{background:var(--primary);height:100%;top:0;width:4px}.table-body{display:flex;flex-direction:column;overflow:visible;padding:1rem;gap:.75rem}.table-row{background:#fff;border-radius:12px;padding:.75rem 1rem;border:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d;transition:all .2s ease;position:relative}.table-row.z-top{z-index:100!important;border-color:var(--primary);box-shadow:0 10px 15px -3px #0000001a}.table-row:hover{background:#fbfbfb;border-color:var(--primary-light);box-shadow:0 4px 6px -1px #0000001a}.table-row p,.table-row div{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row p{color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-row p.client-name{font-weight:700}.table-row select,.table-row input,.table-row textarea{width:100%;border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.4rem .6rem;font-size:.85rem;background:#fff;color:var(--text-primary);outline:none;transition:all .2s;font-family:inherit}.table-row textarea{resize:vertical;min-height:38px;max-height:100px;line-height:1.4;overflow-x:hidden;white-space:pre-wrap}.table-row select:focus,.table-row input:focus,.table-row textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #f586151a}.icon-btn{border:none;background:#fff7ed;color:#ea580c;border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:all .2s}.icon-btn svg{width:16px;height:16px}.row-actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:.45rem}.unsync-btn{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:6px;height:32px;padding:0 .55rem;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap}.unsync-btn:hover:not(:disabled){background:#fee2e2}.unsync-btn:disabled{opacity:.65;cursor:not-allowed}.integration-flag{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:0;cursor:pointer;transition:all .2s}.integration-flag svg{width:16px;height:16px}.integration-flag.synced{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.integration-flag.pending{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0;opacity:.75;cursor:not-allowed}.integration-flag:disabled{pointer-events:auto}.integration-flag.synced:hover{background:#dcfce7}.icon-btn:hover{background:#ffedd5;transform:scale(1.1)}.dropdown-item:hover{background:#f8fafc!important;color:var(--primary)!important}.searchable-dropdown input:hover{border-color:var(--primary-light)}.searchable-dropdown input:focus{cursor:text;border-color:var(--primary);box-shadow:0 0 0 3px #f5861526}.empty-state,.loading-state{padding:3rem;text-align:center;color:var(--text-secondary);font-weight:500}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fbfcfd;border-top:1px solid var(--border-light);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}@media(max-width:1100px){.table-head{display:none}.table-row{grid-template-columns:1fr 1fr;gap:1rem;padding:1.5rem}.table-row>*{display:flex;flex-direction:column;gap:.25rem}.table-row{width:100%;min-width:0}.table-row p:before{content:attr(data-label);font-size:.75rem;text-transform:uppercase;color:var(--text-secondary);font-weight:700}}@media(max-width:600px){.table-row{grid-template-columns:1fr}}.invoice-page{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.header-title h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin-bottom:.25rem}.header-title .subtitle{color:var(--text-secondary);font-size:1rem}.search-wrapper{position:relative;display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.search-icon{position:absolute;left:1rem;font-size:1rem;opacity:.5}.search-wrapper input{padding:.75rem 1rem .75rem 2.8rem;border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:350px;font-size:.95rem;background:#fff;transition:var(--transition-all);box-shadow:var(--shadow-sm)}.search-wrapper input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);width:400px}.sync-filter-select{padding:.75rem .9rem;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:#fff;color:var(--text-primary);font-size:.92rem;min-width:150px;box-shadow:var(--shadow-sm)}.sync-filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.bulk-actions-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fffaf0,#fff);border:1px solid #f6e2b3}.bulk-actions-summary{display:flex;align-items:center;gap:.7rem;color:var(--text-secondary);font-size:.92rem}.bulk-actions-summary strong{font-size:1.2rem;color:var(--text-primary)}.bulk-actions-buttons{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.bulk-btn,.bulk-clear-btn{border:1px solid var(--border-medium);background:#fff;color:var(--text-secondary);border-radius:10px;padding:.65rem 1rem;font-size:.84rem;font-weight:700;transition:var(--transition-all)}.bulk-btn:hover:not(:disabled),.bulk-clear-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bulk-btn-post:hover:not(:disabled){border-color:#0ea5e9;color:#0284c7;background:#e0f2fe}.bulk-btn-unpost:hover:not(:disabled){border-color:#fb7185;color:#e11d48;background:#fff1f2}.bulk-btn-danger:hover:not(:disabled){border-color:#ef4444;color:#b91c1c;background:#fef2f2}.bulk-btn:disabled,.bulk-clear-btn:disabled{opacity:.6;cursor:not-allowed}.invoice-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);background:#fff}.invoice-table{width:100%;border-collapse:collapse;text-align:left}.invoice-table th{padding:1.25rem 1.5rem;background:#f8fafc;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.invoice-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.invoice-row{transition:var(--transition-all)}.invoice-row.selected{background:#fff8eb}.invoice-row:hover{background:#fdfdfd;transform:scale(1.002)}.invoice-row.selected:hover{background:#fff3d6}.checkbox-column{width:56px;text-align:center}.checkbox-column input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.checkbox-column input:disabled{cursor:not-allowed}.inv-id-badge{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--text-primary);font-weight:700;background:#f1f5f9;padding:.35rem .6rem;border-radius:var(--radius-sm);display:inline-block;margin-bottom:.5rem}.inv-remarks{font-size:.85rem;color:var(--text-secondary);max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-name{font-weight:700;color:var(--text-primary);margin:0}.client-sub{font-size:.8rem;color:var(--text-muted);margin:0}.deal-badge{background:var(--primary-light);color:var(--primary);padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap}.inv-amount{font-weight:800;color:var(--text-primary);font-size:1.1rem;margin:0}.due-date{font-size:.9rem;color:var(--text-secondary);padding:.35rem .75rem;border-radius:var(--radius-sm);background:#f8fafc}.due-date.overdue{background:#fef2f2;color:#ef4444;font-weight:600}.view-btn{background:#fff;border:1px solid var(--border-medium);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;color:var(--text-secondary);transition:var(--transition-all)}.view-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b33}.invoice-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.post-btn,.unsync-btn{border:1px solid var(--border-medium);background:#fff;color:var(--text-secondary);border-radius:8px;padding:.45rem .8rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:var(--transition-all)}.post-btn:hover:not(:disabled){border-color:#0ea5e9;color:#0284c7;background:#e0f2fe}.unsync-btn:hover:not(:disabled){border-color:#fb7185;color:#e11d48;background:#fff1f2}.post-btn:disabled,.unsync-btn:disabled{opacity:.6;cursor:not-allowed}.integration-flag{width:36px;height:36px;border-radius:999px;border:1px solid #f3d5a4;background:#fff8ed;color:#d97706;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all)}.integration-flag svg{width:15px;height:15px}.integration-flag.synced{border-color:#86efac;background:#ecfdf3;color:#15803d}.integration-flag.pending{cursor:not-allowed;opacity:.7}.integration-flag.synced:hover{box-shadow:0 0 0 4px #16a34a24}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;gap:1.5rem;color:var(--text-secondary)}.loader{width:48px;height:48px;border:5px solid var(--border-light);border-bottom-color:var(--primary);border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;text-align:center;gap:1rem}.empty-icon{font-size:4rem;opacity:.2;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.empty-state p{color:var(--text-secondary);max-width:300px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#fbfcfd;border-top:1px solid var(--border-light)}.pagination-info{font-size:.85rem;color:var(--text-secondary)}.pagination-controls{display:flex;gap:.25rem;align-items:center}.pagination-btn{padding:.4rem .75rem;border-radius:6px;background:#fff;border:1px solid var(--border-medium);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-all);min-width:32px}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9}.pagination-ellipsis{color:var(--text-muted);padding:0 .5rem}@media(max-width:1024px){.bulk-actions-bar{flex-direction:column;align-items:stretch}.bulk-actions-summary{justify-content:space-between;flex-wrap:wrap}.bulk-actions-buttons,.bulk-btn,.bulk-clear-btn,.search-wrapper input,.sync-filter-select{width:100%}}.package-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.package-modal{background:#fff;width:100%;max-width:600px;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.package-modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.package-modal-header h3{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0}.package-modal-subtitle{font-size:.9rem;color:var(--text-secondary);margin:.25rem 0 0}.package-modal-form{padding:2rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.package-modal-form label{display:flex;flex-direction:column;gap:.5rem}.package-modal-form label span{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.package-modal-form input{padding:.75rem 1rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-all)}.package-modal-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.components-section{display:flex;flex-direction:column}.components-header{display:flex;justify-content:space-between;align-items:center}.components-header h4{font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0}.add-component-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:.85rem;cursor:pointer}.component-item-row{display:grid;grid-template-columns:1fr 120px 40px;gap:.75rem;align-items:center}.component-select,.component-price-input{padding:.6rem .75rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem}.remove-component-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:1.2rem}.package-modal-actions{padding:1.5rem 2rem;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary)}.btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600}.btn-danger{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600}.packages-page{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.page-header{padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-left h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.25rem}.header-left .subtitle{color:var(--text-secondary);font-size:1rem;font-weight:500}.header-actions{display:flex;align-items:center;gap:1rem}.add-package-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.5rem;background:linear-gradient(180deg,#c58c00,#a65d00);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:700;font-size:.95rem;cursor:pointer;transition:var(--transition-all);box-shadow:0 10px 20px #c58c0033;white-space:nowrap}.add-package-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #c58c004d}.search-bar{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.25rem;font-size:1rem;opacity:.4}.search-bar input{padding:.85rem 1.25rem .85rem 3rem;border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:280px;font-size:.95rem;font-weight:500;background:#fff;transition:var(--transition-all)}.search-bar input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light);width:320px}.package-table-container{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.package-table{width:100%;border-collapse:collapse;text-align:left}.package-table th{padding:1.25rem 1.5rem;background:#f8fafc;color:var(--text-secondary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-light)}.package-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.95rem;font-weight:500}.package-row{transition:var(--transition-all)}.package-row:hover{background:#fdfaf3}.package-name{font-weight:700;color:var(--text-primary)}.component-list{display:flex;flex-wrap:wrap;gap:.5rem}.component-pill{padding:.25rem .75rem;background:var(--primary-light);color:var(--primary);border:1px solid var(--primary);border-radius:999px;font-size:.75rem;font-weight:700}.no-components{color:var(--text-muted);font-size:.85rem;font-style:italic}.date-cell{color:var(--text-secondary);font-size:.85rem}.actions-cell{display:flex;gap:.5rem}.icon-btn{padding:.5rem;border:1px solid var(--border-light);border-radius:var(--radius-md);background:#fff;cursor:pointer;transition:var(--transition-all)}.icon-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.loading-state,.empty-state{padding:4rem;text-align:center;color:var(--text-secondary)}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.header-actions{width:100%;flex-direction:column}.search-bar,.add-package-btn{width:100%}}.new-deal-container{padding:1.25rem 2.5rem;max-width:1150px;margin:0 auto;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.new-deal-container .page-header{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.25rem}.new-deal-container .page-header h1{font-size:1.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin:0}.new-deal-container .page-header:after{content:"";width:40px;height:3px;background:var(--primary);border-radius:2px;display:block;margin-top:.25rem}.new-deal-container .form-card{background:#fff;border-radius:var(--radius-lg);padding:1.5rem 2rem;box-shadow:var(--shadow-md);border:1px solid var(--border-light)}.new-deal-container .form-grid-top{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem;margin-bottom:2rem}.new-deal-container .form-group{display:flex;flex-direction:column;gap:.4rem}.new-deal-container .form-group label{font-size:.75rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.new-deal-container .form-group input,.new-deal-container .form-group select,.new-deal-container .form-group textarea{padding:.65rem 1rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;color:var(--text-primary);background:#fff;transition:var(--transition-all)}.new-deal-container .form-group input:focus,.new-deal-container .form-group select:focus,.new-deal-container .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b1a}.new-deal-container .disabled-input{background-color:#f8fafc!important;color:var(--text-muted)!important;cursor:not-allowed!important;border-style:dashed!important}.new-deal-container .full-height{grid-column:1 / -1}.new-deal-container .components-section{margin-top:1.5rem;border-top:1px solid var(--border-light);padding-top:1.5rem}.new-deal-container .components-header-row{display:grid;grid-template-columns:2fr 1.5fr 2fr 50px;gap:1.25rem;padding:.75rem 1.25rem;background:#f8fafc;border-radius:var(--radius-md);margin-bottom:1rem;font-weight:700;font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.new-deal-container .component-row{display:grid;grid-template-columns:2fr 1.5fr 2fr 50px;gap:1.25rem;align-items:center;margin-bottom:.75rem;padding:0 .5rem}.new-deal-container .col-price input,.new-deal-container .col-note input{width:100%;padding:.65rem 1rem;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.9rem;transition:var(--transition-all)}.new-deal-container .col-price input:focus,.new-deal-container .col-note input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b1a}.new-deal-container .col-actions{display:flex;align-items:center;justify-content:center}.new-deal-container .delete-btn{background:#fee2e2;border:none;color:#ef4444;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-all);font-size:1.1rem}.new-deal-container .delete-btn:hover{background:#ef4444;color:#fff;transform:scale(1.05)}.new-deal-container .add-component-btn{background:transparent;border:1px dashed var(--border-medium);color:var(--text-secondary);font-weight:700;cursor:pointer;padding:.75rem;width:100%;border-radius:var(--radius-md);font-size:.85rem;transition:var(--transition-all);margin:.5rem 0 1rem}.new-deal-container .add-component-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.new-deal-container .deal-total{font-size:1.4rem;font-weight:800;color:var(--text-primary);margin:1rem 0;padding:1rem 1.5rem;background:#f8fafc;border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center}.new-deal-container .deal-total:before{content:"Total Amount";font-size:.8rem;color:var(--text-secondary);font-weight:700;text-transform:uppercase}.new-deal-container .submit-deal-btn{background:linear-gradient(135deg,var(--primary),#d97706);color:#fff;border:none;padding:1rem 2.5rem;border-radius:var(--radius-md);font-weight:700;font-size:1rem;cursor:pointer;transition:var(--transition-all);width:100%;box-shadow:0 4px 6px -1px #f59e0b33}.new-deal-container .submit-deal-btn:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 10px 15px -3px #f59e0b4d}.new-deal-container .submit-deal-btn:disabled{background:var(--text-muted);cursor:not-allowed;box-shadow:none}@media(max-width:992px){.new-deal-container{padding:1rem 1.5rem}.new-deal-container .component-row,.new-deal-container .components-header-row{grid-template-columns:1.5fr 1fr 1.5fr 40px;gap:1rem}}@media(max-width:768px){.new-deal-container .form-grid-top{grid-template-columns:1fr}.new-deal-container .components-header-row{display:none}.new-deal-container .component-row{grid-template-columns:1fr;background:#f8fafc;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);gap:.75rem}.new-deal-container .col-actions{justify-content:flex-end}}:root{--invoice-primary: #0f172a;--invoice-accent: #f59e0b;--invoice-border: #e2e8f0;--invoice-bg-light: #f8fafc;--invoice-text-muted: #64748b}.invoice-detail-wrapper{background:#f1f5f9;min-height:100vh;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center}.invoice-actions{width:100%;max-width:850px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 1rem}.btn-back{background:#fff;color:var(--invoice-primary);border:1px solid var(--invoice-border);padding:.5rem .8rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:var(--invoice-bg-light)}.action-right{display:flex;gap:.75rem;align-items:center}.btn-email-primary{background:#2563eb;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease}.btn-email-primary:hover{background:#1d4ed8}.btn-email-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-print{background:var(--invoice-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5rem}.spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.invoice-page-a4{background:#fff;width:210mm;min-height:297mm;padding:1.2rem 2rem;box-shadow:0 25px 50px -12px #00000026;display:flex;flex-direction:column;color:var(--invoice-primary);font-family:Inter,sans-serif;position:relative;overflow:visible}.header-top{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--invoice-accent);padding-bottom:.6rem;margin-bottom:.6rem}.brand-box{display:flex;align-items:center;gap:.75rem}.invoice-logo-img{height:60px;width:auto;object-fit:contain}.brand-text{display:flex;flex-direction:column}.brand-text h1{font-size:1.6rem;font-weight:900;margin:0;line-height:1;color:var(--invoice-primary)}.brand-tagline{font-size:.6rem;font-weight:700;color:var(--invoice-accent);letter-spacing:.1em;margin:2px 0 0}.invoice-label-container{border:2px solid #f59e0b;padding:.3rem 1.4rem;border-radius:4px;background:transparent}.invoice-label{color:var(--invoice-primary);font-size:1.1rem;font-weight:800}.header-contact-info{display:flex;gap:1.2rem;margin-bottom:1rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--invoice-text-muted)}.contact-item p{margin:0}.invoice-meta-section{background:var(--invoice-bg-light);border-radius:6px;padding:.6rem 1.2rem;margin-bottom:1.2rem;border:1px solid var(--invoice-border)}.meta-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.meta-item .label{font-size:.65rem;font-weight:700;color:var(--invoice-text-muted);padding-right:13px}.meta-item .value{font-size:.85rem;font-weight:800}.invoice-client-event-section{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;margin-bottom:1.5rem}.section-title{font-size:.7rem;font-weight:800;margin-bottom:.6rem;color:var(--invoice-accent);text-transform:uppercase;letter-spacing:.1em;border-left:2px solid var(--invoice-accent);padding-left:.4rem}.details-grid{gap:.25rem}.detail-row{display:flex;font-size:.8rem}.detail-row .label{min-width:100px;color:var(--invoice-text-muted);font-size:.75rem}.detail-row .value{font-weight:600;color:var(--invoice-primary)}.invoice-package-banner{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem 1rem;background:var(--invoice-bg-light);border-radius:6px;border-left:4px solid var(--invoice-accent)}.invoice-package-banner .label{font-size:.75rem;font-weight:700;color:var(--invoice-text-muted);text-transform:uppercase}.invoice-package-banner .value{font-size:1rem;font-weight:800;color:var(--invoice-primary)}.invoice-items-section{margin-bottom:1.2rem}.items-table-premium{width:100%;border-collapse:collapse}.items-table-premium th{background:var(--invoice-bg-light);color:var(--invoice-primary);text-align:left;padding:.5rem 1rem;font-size:.7rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--invoice-primary)}.items-table-premium td{padding:.3rem 1rem;border-bottom:1px solid var(--invoice-border);font-size:.8rem}.items-table-premium tr:last-child td{border-bottom:1.5px solid var(--invoice-primary)}.font-bold{font-weight:700}.font-mono{font-family:JetBrains Mono,monospace}.text-right{text-align:right!important}.invoice-financial-summary{display:flex;justify-content:flex-end;margin-bottom:2rem}.financial-grid{min-width:320px;display:flex;flex-direction:column;gap:.5rem}.financial-row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;padding-right:16px}.financial-row .label{font-size:.85rem;color:var(--invoice-text-muted);font-weight:600;white-space:nowrap;margin-right:2rem}.financial-row .value-wrapper{display:flex;align-items:center;gap:1rem}.financial-row .colon{font-weight:700;color:var(--invoice-primary);width:10px}.financial-row .value{font-size:1rem;font-weight:800;text-align:right;font-family:JetBrains Mono,monospace;min-width:140px}.total-row{margin-top:.5rem}.highlight-box{border:2px solid #f59e0b;background:transparent;color:var(--invoice-primary);padding:.9rem 1.15rem;border-radius:8px;display:flex;justify-content:space-between;align-items:center;box-shadow:none}.highlight-box .label{color:var(--invoice-primary);font-size:.85rem;font-weight:700;white-space:nowrap;margin-right:1.5rem}.highlight-box .value-wrapper{display:flex;align-items:center;gap:.75rem}.highlight-box .colon{color:var(--invoice-primary)}.highlight-box .highlight{color:var(--invoice-accent);font-size:1.4rem;font-weight:900;font-family:JetBrains Mono,monospace;text-align:right;min-width:150px}.invoice-footer-premium{margin-top:auto}.footer-top-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;padding:1rem;background:var(--invoice-bg-light);border-radius:8px;margin-bottom:1.5rem}.footer-section-title{font-size:.65rem;font-weight:800;color:var(--invoice-text-muted);margin-bottom:.4rem}.remarks-content{font-size:.75rem;font-style:italic;line-height:1.4}.payment-details p{margin:0 0 .4rem;font-size:.75rem}.bank-card{border:1px solid var(--invoice-border);padding:.6rem;background:#fff;border-radius:4px}.bank-name{font-size:.6rem;font-weight:800;color:#0369a1}.account-number{font-size:1.1rem;font-weight:900;color:var(--invoice-primary)}.account-holder{font-size:.75rem;font-weight:700}.footer-bottom-signature{padding-bottom:.5rem}.signature-line-premium{width:160px;height:1.5px;background:var(--invoice-primary);margin:2rem 0 .4rem}.signer-name{font-size:.7rem;font-weight:700;color:var(--invoice-primary)}@media print{@page{margin:0;size:auto}.no-print{display:none!important}.invoice-detail-wrapper{padding:0!important;background:#fff!important}.invoice-page-a4{box-shadow:none!important;width:210mm!important;max-width:210mm!important;min-height:auto!important;height:auto!important;overflow:visible!important;padding:8mm 15mm!important;margin:0!important}.invoice-items-section,.invoice-financial-summary,.invoice-footer-premium{break-inside:avoid;page-break-inside:avoid}.highlight-box,.invoice-label-container{border:2px solid #f59e0b!important;background:transparent!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.role_permissions_manager{margin-top:2rem;padding:2rem;overflow:hidden}.matrix-info{margin-bottom:2rem;color:var(--text-secondary);font-size:.95rem}.permissions-matrix{width:100%;border-collapse:collapse;text-align:left}.permissions-matrix th{padding:1.2rem 1rem;border-bottom:2px solid rgba(255,255,255,.1);color:var(--primary);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}.permissions-matrix td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.category-row td{background:#b8860b1a;color:var(--primary);font-weight:700;font-size:1rem;letter-spacing:.1em;padding:1.5rem 1rem .75rem!important;text-transform:uppercase;border-bottom:2px solid var(--primary)!important}.perm-cell{min-width:250px}.perm-code-pretty{font-weight:600;color:var(--text-primary);margin-bottom:.1rem;font-size:.9rem}.perm-desc{font-size:.8rem;color:var(--text-secondary)}.toggle-cell{text-align:center}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#444;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background:linear-gradient(135deg,#b8860b,#8b6508)}input:focus+.slider{box-shadow:0 0 1px #b8860b}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider.updating{opacity:.5;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.table-responsive{overflow-x:auto}.invite-user-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.invite-user-modal-container{background:#fffffff2;border-radius:20px;width:480px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;border:1px solid rgba(255,255,255,.3);overflow:hidden}.invite-user-modal-header{background:#fff;padding:1.5rem 2rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center}.invite-user-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.invite-user-modal-subtitle{margin:.25rem 0 0;font-size:.75rem;color:var(--text-secondary)}.invite-user-modal-form{padding:2rem;overflow-y:auto}.invite-user-modal-container .form-grid{display:flex;flex-direction:column;gap:1.5rem}.invite-user-modal-container .form-field{display:flex;flex-direction:column;gap:.5rem}.invite-user-modal-container .form-field label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase}.invite-user-modal-container .form-field input,.invite-user-modal-container .form-field select{padding:.75rem 1rem;border:1px solid var(--border-light);border-radius:12px;font-size:1rem;background:#fdfdfd;transition:all .2s;font-family:inherit;color:var(--text-primary)}.invite-user-modal-container .form-field input:focus,.invite-user-modal-container .form-field select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #f59e0b0d;background:#fff}.invite-user-modal-container input:disabled{background:#f1f5f9;cursor:not-allowed;color:var(--text-muted)}.invite-user-modal-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:1rem}.invite-user-modal-container .btn-ghost{background:none;border:1px solid var(--border-medium);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.invite-user-modal-container .btn-primary{background:var(--primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.invite-user-modal-container .btn-danger{background:#fee2e2;color:#ef4444;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.invite-user-modal-container .btn-primary:hover:not(:disabled),.invite-user-modal-container .btn-danger:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.invite-user-modal-container .btn-primary:disabled,.invite-user-modal-container .btn-ghost:disabled,.invite-user-modal-container .btn-danger:disabled{opacity:.5;cursor:not-allowed}.invite-user-modal-container .icon-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted)}@keyframes invite-scaleIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scale-in{animation:invite-scaleIn .3s cubic-bezier(.16,1,.3,1)}.user-management-page{display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header h1{font-size:1.75rem;color:var(--text-primary);font-weight:800;letter-spacing:-.02em;margin:0}.invite-btn{background:var(--primary);color:#fff;padding:.75rem 1.25rem;border-radius:8px;border:none;font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition-all);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #f59e0b33}.invite-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b4d}.users-table-container{background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-md);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{padding:.9rem 1rem;text-align:left;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700;border-bottom:1px solid var(--border-light);background:#fbfcfd}.users-table td{padding:1.1rem 1rem;font-size:.9rem;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.users-table tr{transition:var(--transition-all);cursor:pointer}.users-table tr:hover:not(.empty-row){background:#f8fafc}.role-badge{padding:.2rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;display:inline-block}.role-badge.admin{background:#fdf4ff;color:#a21caf;border:1px solid #f5d0fe}.management-tabs{display:flex;gap:1rem;border-bottom:2px solid rgba(255,255,255,.1);padding-bottom:1rem;margin-bottom:.5rem}.tab-btn{background:transparent;border:none;color:var(--text-secondary);font-weight:600;font-size:1rem;padding:.5rem 1rem;cursor:pointer;transition:var(--transition-all);border-radius:var(--radius-md)}.tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.tab-btn.active{color:var(--primary);background:#f59e0b1a}.loading-state,.empty-state{text-align:center;padding:4rem;color:var(--text-secondary)}.loading-state{color:var(--primary);font-weight:600}.lead-capture-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,#fdfbfb,#ebedee);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lead-capture-card{background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);padding:3.5rem 3rem;border-radius:32px;width:100%;max-width:680px;box-shadow:0 40px 100px -20px #0000001a;animation:lc-fadeInScale .8s cubic-bezier(.16,1,.3,1)}@keyframes lc-fadeInScale{0%{opacity:0;transform:scale(.98) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.lead-header{text-align:center;margin-bottom:3.5rem}.lead-logo{width:80px;height:80px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.lead-logo img{width:100%;height:100%;object-fit:contain}.lead-logo-text{font-size:1.5rem;font-weight:800;color:#000;margin-bottom:1rem;letter-spacing:-.02em}.lead-header h1{font-size:2.25rem;color:#0f172a;margin:0 0 .75rem;font-weight:800;letter-spacing:-.04em}.lead-header p{color:#475569;font-size:1.1rem;margin:0;line-height:1.6}.lead-form{display:flex;flex-direction:column;gap:2.5rem}.form-section h3{font-size:.85rem;color:#475569;margin:0 0 1.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:1rem}.form-section h3:after{content:"";flex:1;height:1px;background:#e2e8f0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.6rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.85rem;font-weight:600;color:#334155;margin-left:2px}.form-group input,.form-group textarea{padding:.9rem 1.1rem;border:1.5px solid #e2e8f0;border-radius:14px;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);background:#f8fafc;color:#0f172a;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#f59e0b;background:#fff;box-shadow:0 0 0 4px #f59e0b14}.submit-btn{margin-top:1.5rem;background:linear-gradient(180deg,#c58c00,#a86500);color:#fff;border:none;padding:1.25rem;border-radius:999px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 20px #00000026}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 15px 30px #a865004d;filter:brightness(1.1)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;background:#cbd5e1}.success-card{text-align:center;padding:5rem 3rem!important}.success-icon{width:96px;height:96px;background:#ecfdf5;color:#10b981;font-size:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2.5rem;border:3px solid #d1fae5}.success-card h1{font-size:2.25rem;color:#0f172a;margin-bottom:1rem}.success-card p{color:#475569;font-size:1.15rem;margin-bottom:3rem;line-height:1.6}.back-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.back-btn:hover{background:#e2e8f0;color:#0f172a}.error-message{background:#fff1f2;color:#e11d48;padding:1.25rem;border-radius:16px;margin-bottom:2rem;font-size:.95rem;font-weight:600;text-align:center;border:1.5px solid #ffe4e6;animation:lc-shake .5s ease-in-out}@keyframes lc-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media(max-width:640px){.lead-capture-card{padding:2.5rem 1.5rem;border-radius:24px}.form-grid{grid-template-columns:1fr}.lead-header h1{font-size:2rem}}.integrations-page{display:flex;flex-direction:column;gap:1.5rem}.integration-card{background:#fff;border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;max-width:900px}.integration-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.integration-head h2{margin:0;color:var(--text-primary)}.integration-head p{margin:.35rem 0 0;color:var(--text-secondary)}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:700;white-space:nowrap}.status-badge.connected{background:#e8f7ee;color:#137a3b}.status-badge.disconnected{background:#fff4e5;color:#9a5d00}.integration-actions{display:flex;align-items:center;gap:.75rem}.connect-btn,.show-token-btn,.hide-token-btn,.open-link-btn{border:none;border-radius:var(--radius-sm);padding:.65rem 1rem;font-weight:600;cursor:pointer;font-size:.9rem}.connect-btn,.show-token-btn{background:var(--primary);color:#fff}.open-link-btn{background:#eef2ff;color:#334155;text-decoration:none}.hide-token-btn{background:#f1f5f9;color:#334155}.connect-btn:hover,.show-token-btn:hover{filter:brightness(.95)}.open-link-btn:hover,.hide-token-btn:hover{background:#e2e8f0}.integration-steps{margin:0;padding-left:1.25rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.4rem}.token-input-group{display:flex;flex-direction:column;gap:.5rem}.token-input-group label{font-weight:600;color:var(--text-primary)}.token-input-group textarea{border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:.75rem;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem}.token-input-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #0f172a14}.error-message{margin:0;color:#b42318;font-size:.85rem}.warning-message{margin:0;color:#9a5d00;font-size:.9rem}.token-result{border:1px solid #d1d5db;background:#f8fafc;border-radius:var(--radius-sm);padding:.85rem}.token-result-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.token-result-head h3{margin:0;font-size:.95rem;color:var(--text-primary)}.token-result pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.35}.env-note{display:flex;flex-direction:column;gap:.25rem;color:var(--text-secondary);font-size:.9rem}.env-note p{margin:0}@media(max-width:768px){.integration-head{flex-direction:column}.integration-actions{flex-wrap:wrap}}