@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap);:root{--ivory:#fffef7;--cream:#fdfcf5;--pearl:#f8f7f3;--beige:#f5f3f0;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--gold-50:#fffdf7;--gold-100:#fff9e6;--gold-200:#fff2cc;--gold-300:#ffe699;--gold-400:#ffd966;--gold-500:#f4d03f;--gold-600:#d4ac0d;--gold-700:#b7950b;--gold-800:#9a7d0a;--gold-900:#7d6608;--bronze-50:#fdf7f0;--bronze-100:#faede0;--bronze-200:#f5dbc1;--bronze-300:#f0c9a2;--bronze-400:#ebb783;--bronze-500:#d4a574;--bronze-600:#b8946f;--bronze-700:#9c7a5a;--bronze-800:#806145;--bronze-900:#644830;--copper-50:#fdf5f0;--copper-100:#faebe0;--copper-200:#f5d7c1;--copper-300:#f0c3a2;--copper-400:#ebaf83;--copper-500:#d49b64;--copper-600:#b8844a;--copper-700:#9c6d30;--copper-800:#805616;--copper-900:#643f00;--success-50:#f0f9f0;--success-100:#e6f7e6;--success-200:#ccefcc;--success-300:#99df99;--success-400:#66cf66;--success-500:#4ab34a;--success-600:#3d993d;--success-700:#308030;--success-800:#236623;--success-900:#164c16;--error-50:#fdf2f2;--error-100:#fce5e5;--error-200:#f9cccc;--error-300:#f39999;--error-400:#ed6666;--error-500:#d14a4a;--error-600:#b33d3d;--error-700:#953030;--error-800:#772323;--error-900:#591616;--warning-50:#fff7f0;--warning-100:#ffefe0;--warning-200:#ffdfcc;--warning-300:#ffbf99;--warning-400:#ff9f66;--warning-500:#e68a4d;--warning-600:#cc7a44;--warning-700:#b36a3b;--warning-800:#995a32;--warning-900:#804a29;--info-50:#f0f7ff;--info-100:#e6efff;--info-200:#ccdfff;--info-300:#99bfff;--info-400:#669fff;--info-500:#4d8ae6;--info-600:#3d7acc;--info-700:#306ab3;--info-800:#235a99;--info-900:#164a80;--primary-color:var(--gold-500);--primary-hover:var(--gold-600);--primary-light:var(--gold-100);--secondary-color:var(--bronze-500);--secondary-hover:var(--bronze-600);--secondary-light:var(--bronze-100);--accent-color:var(--copper-500);--accent-hover:var(--copper-600);--accent-light:var(--copper-100);--bg-primary:var(--white);--bg-secondary:var(--ivory);--bg-tertiary:var(--cream);--bg-subtle:var(--pearl);--text-primary:var(--gray-900);--text-secondary:var(--gray-700);--text-tertiary:var(--gray-600);--text-muted:var(--gray-500);--text-light:var(--gray-400);--border-light:var(--gray-200);--border-medium:var(--gray-300);--border-dark:var(--gray-400)}.bg-primary{background-color:#fff;background-color:var(--bg-primary)}.bg-secondary{background-color:#fffef7;background-color:var(--bg-secondary)}.bg-tertiary{background-color:#fdfcf5;background-color:var(--bg-tertiary)}.bg-subtle{background-color:#f8f7f3;background-color:var(--bg-subtle)}.text-primary{color:#212121;color:var(--text-primary)}.text-secondary{color:#616161;color:var(--text-secondary)}.text-tertiary{color:#757575;color:var(--text-tertiary)}.text-muted{color:#9e9e9e;color:var(--text-muted)}.text-light{color:#bdbdbd;color:var(--text-light)}.text-gold{color:#d4ac0d;color:var(--gold-600)}.text-bronze{color:#b8946f;color:var(--bronze-600)}.text-copper{color:#b8844a;color:var(--copper-600)}.bg-gold{background-color:#d4ac0d;background-color:var(--gold-600)}.bg-bronze{background-color:#b8946f;background-color:var(--bronze-600)}.bg-copper{background-color:#b8844a;background-color:var(--copper-600)}.border-gold{border-color:#d4ac0d;border-color:var(--gold-600)}.border-bronze{border-color:#b8946f;border-color:var(--bronze-600)}.border-copper{border-color:#b8844a;border-color:var(--copper-600)}.text-success{color:#3d993d;color:var(--success-600)}.text-error{color:#b33d3d;color:var(--error-600)}.text-warning{color:#cc7a44;color:var(--warning-600)}.text-info{color:#3d7acc;color:var(--info-600)}.bg-success{background-color:#3d993d;background-color:var(--success-600)}.bg-error{background-color:#b33d3d;background-color:var(--error-600)}.bg-warning{background-color:#cc7a44;background-color:var(--warning-600)}.bg-info{background-color:#3d7acc;background-color:var(--info-600)}.card{border:1px solid #eee}.card,.input{background-color:#fff}.input{border:2px solid #eee}.input:focus{border-color:#f4d03f;box-shadow:0 0 0 3px #fff9e6}:root{--bg-color:#f5f7fa;--menu-bg-color:#d4817e;--accent-color:#f59e0b;--text-color:#4a5568;--selected-text-color:#fff;--ancient-pink:#e8a5a5;--text-title:#d4817e;--white:#fff;--light-gray:#f7fafc;--gray:#a0aec0;--dark-gray:#4a5568;--success:#48bb78;--warning:#f6ad55;--danger:#f56565;--info:#4299e1;--shadow:0 2px 8px #00000014;--shadow-hover:0 4px 16px #0000001f;--border-radius:16px;--border-radius-sm:10px;--transition:all 0.3s ease}.theme-dark{--bg-color:#0f172a;--menu-bg-color:#8b4c6b;--accent-color:#f59e0b;--text-color:#e2e8f0;--selected-text-color:#0b1220;--ancient-pink:#b87a7a;--text-title:#f4acb7;--white:#0b1220;--light-gray:#1f2937;--gray:#94a3b8;--dark-gray:#cbd5e1;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--shadow:0 2px 8px #00000080;--shadow-hover:0 4px 16px #0009}*{box-sizing:border-box;margin:0;padding:0}html{font-size:12px}body{background-color:#f5f7fa;background-color:var(--bg-color);color:#4a5568;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;overflow-x:hidden}:root{--header-font-size:14px;--sidebar-font-size:14px;--titles-font-size:24px}.app-header{font-size:14px;font-size:var(--header-font-size)}.app-header h1{font-size:23.8px;font-size:calc(var(--header-font-size)*1.7)}.app-header *{font-size:14px;font-size:var(--header-font-size)}.app-nav,.app-nav *,.app-nav .nav-item,.app-nav .nav-item span,.app-nav button.nav-item,.app-nav button.nav-item *,.nav-menu,.nav-menu *,.nav-menu .nav-item,.sidebar,.sidebar *,.sidebar .nav-item{font-size:14px!important;font-size:var(--sidebar-font-size)!important}.card,.content-card,.data-table-container,.table-container{padding:16px!important}.list-item,.table-row{padding:12px 16px!important}.dashboard-stats-grid,.data-grid,.grid,.stats-grid{gap:16px!important}.dashboard-header,.expenses-header,.section-header{margin-bottom:20px!important}.appointments,.cabine,.calendario-lavoro,.customers,.expenses,.locations,.operatori,.reminders,.reports,.retouches,.treatments{padding:0!important}.modal-header{padding:16px 20px!important}.modal-body{padding:20px!important}.modal-footer{gap:12px!important;padding:16px 20px!important}.action-bar,.controls,.filters,.toolbar{gap:12px!important;margin-bottom:16px!important}.data-table,.list,.table{padding:0!important}.table td,.table th{padding:10px 12px!important}.appointment-card,.customer-card,.item-card{padding:12px 16px!important}.view-header h1{font-size:28.08px!important;font-size:calc(var(--titles-font-size)*1.17)!important}.view-header h2{font-size:24px!important;font-size:var(--titles-font-size)!important}.modal-header h2,.modal-title,.view-header h3{font-size:19.92px!important;font-size:calc(var(--titles-font-size)*.83)!important}h1{font-size:24px;font-size:var(--titles-font-size)}h2{font-size:19.92px;font-size:calc(var(--titles-font-size)*.83)}h3{font-size:18px;font-size:calc(var(--titles-font-size)*.75)}h4{font-size:16.08px;font-size:calc(var(--titles-font-size)*.67)}h5{font-size:13.92px;font-size:calc(var(--titles-font-size)*.58)}h6{font-size:12px}#root{min-height:100vh}#root.customer-app-root{overflow:auto}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.loading-spinner{border:3px solid #f7fafc;border-top:3px solid #f59e0b;border-top-color:var(--accent-color)}.btn,.btn-danger,.btn-outline,.btn-success,.header-actions .btn,.modal-footer .btn,.view-header .btn,button.btn{align-items:center!important;border:2px solid #0000;border-radius:10px!important;box-sizing:border-box!important;cursor:pointer;display:inline-flex!important;font-family:inherit;font-size:1rem!important;font-weight:500!important;gap:8px!important;height:auto!important;justify-content:center!important;line-height:1.5!important;max-width:none!important;min-height:40px!important;overflow:visible!important;padding:12px 24px!important;text-decoration:none;text-overflow:clip!important;transition:all .2s ease;white-space:nowrap!important;width:auto!important}.full-menu-content .menu-card,.full-menu-content .menu-item,.full-menu-content button.menu-card,.full-menu-content button.menu-item,.menu-card,.menu-item{border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}.btn:disabled{cursor:not-allowed;opacity:.6}.appointments .btn,.booking .btn,.cabine .btn,.calendario-lavoro .btn,.crm .btn,.customers .btn,.expenses .btn,.locations .btn,.operatori .btn,.reminders .btn,.reports .btn,.retouches .btn,.settings .btn,.treatments .btn{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;font-size:1rem!important;gap:8px!important;height:auto!important;justify-content:center!important;line-height:1.5!important;max-width:none!important;min-height:40px!important;overflow:visible!important;padding:12px 24px!important;text-overflow:clip!important;white-space:nowrap!important;width:auto!important}.appointments .btn-sm,.booking .btn-sm,.cabine .btn-sm,.calendario-lavoro .btn-sm,.crm .btn-sm,.customers .btn-sm,.expenses .btn-sm,.locations .btn-sm,.operatori .btn-sm,.reminders .btn-sm,.reports .btn-sm,.retouches .btn-sm,.settings .btn-sm,.treatments .btn-sm{height:auto!important;min-height:32px!important;padding:7px 14px!important}.btn-primary,.header-actions .btn-primary,.modal-footer .btn-primary,.view-header .btn-primary,.view-header>.btn-primary{background-color:#fff!important;background-color:var(--white)!important;border:2px solid var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;color:#d4817e!important;color:var(--text-title,#1f2937)!important}.btn-primary:hover:not(:disabled),.header-actions .btn-primary:hover:not(:disabled),.modal-footer .btn-primary:hover:not(:disabled),.view-header .btn-primary:hover:not(:disabled),.view-header>.btn-primary:hover:not(:disabled){background-color:#fff!important;background-color:var(--white)!important;border-color:var(--primary-hover)!important;box-shadow:var(--shadow-md)!important;color:#d4817e!important;color:var(--text-title,#1f2937)!important;transform:translateY(-1px)!important}.btn-secondary,.header-actions .btn-secondary,.modal-footer .btn-secondary,.view-header .btn-secondary,.view-header>.btn-secondary{background-color:#fff!important;background-color:var(--white)!important;border:2px solid var(--secondary-color)!important;box-shadow:var(--shadow-sm)!important;color:#d4817e!important;color:var(--text-title,#1f2937)!important}.btn-secondary:hover:not(:disabled),.header-actions .btn-secondary:hover:not(:disabled),.modal-footer .btn-secondary:hover:not(:disabled),.view-header .btn-secondary:hover:not(:disabled),.view-header>.btn-secondary:hover:not(:disabled){background-color:#fff!important;background-color:var(--white)!important;border-color:var(--secondary-hover)!important;box-shadow:var(--shadow-md)!important;color:#d4817e!important;color:var(--text-title,#1f2937)!important;transform:translateY(-1px)!important}.btn-danger{border:2px solid var(--error-color)!important;box-shadow:var(--shadow-sm)!important}.btn-danger,.btn-danger:hover:not(:disabled){background-color:#fff!important;background-color:var(--white)!important;color:#d4817e!important;color:var(--text-title,#1f2937)!important}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.header-right .btn-icon{background:#ffffffe6!important;border:1px solid #f7fafc!important;border:1px solid var(--light-gray)!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-google{background:#fff;background:var(--white);border:2px solid #f7fafc;border:2px solid var(--light-gray);color:#4a5568;color:var(--text-color)}.btn-google:hover:not(:disabled){background:#f7fafc;background:var(--light-gray);transform:translateY(-2px)}.btn-sm,.btn.btn-sm,.header-actions .btn-sm,.modal-footer .btn-sm,.view-header .btn-sm,button.btn-sm{box-sizing:border-box!important;font-size:.875rem!important;height:auto!important;line-height:1.4!important;min-height:32px!important;padding:7px 14px!important}.btn-icon,button.btn-icon{align-items:center!important;box-sizing:border-box!important;display:inline-flex!important;height:40px!important;justify-content:center!important;min-height:40px!important;min-width:40px!important;padding:8px!important;width:40px!important}.btn-icon.btn-sm,button.btn-icon.btn-sm{height:32px!important;min-height:32px!important;min-width:32px!important;padding:6px!important;width:32px!important}.form-group label{color:#4a5568}.form-group input,.form-group select,input:not([type=checkbox]):not([type=radio]),select{height:auto!important;min-height:40px!important;padding:9px 30px!important}.form-group input,.form-group select,.form-group textarea,input:not([type=checkbox]):not([type=radio]),select,textarea{background:#fff;background:var(--white);border:2px solid #f7fafc;border:2px solid var(--light-gray);border-radius:10px;border-radius:var(--border-radius-sm);box-sizing:border-box!important;font-family:inherit;font-size:1rem;line-height:1.4!important;transition:all .3s ease;transition:var(--transition)}.form-group textarea,textarea{min-height:80px!important;padding:9px 12px!important;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 0 0 3px #d977061a}.card{background:#fff;background:var(--white);border:1px solid #0000000a;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 2px 8px #00000014;box-shadow:var(--shadow);padding:28px;transition:all .3s ease;transition:var(--transition)}.card:hover{border-color:#00000014;box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.toast-container{display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:20px;z-index:3000}.toast{animation:slideIn .3s ease;background:#fff;background:var(--white);border-left:4px solid #f59e0b;border-left:4px solid var(--accent-color);border-radius:10px;border-radius:var(--border-radius-sm);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-hover);min-width:300px;padding:15px 20px}.toast.success{border-left-color:#48bb78;border-left-color:var(--success)}.toast.error{border-left-color:#f56565;border-left-color:var(--danger)}.toast.warning{border-left-color:#f6ad55;border-left-color:var(--warning)}.modal-overlay{height:100%;width:100%;z-index:2000}.modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 16px #0000001f;box-shadow:var(--shadow-hover);max-height:min(88vh,840px);max-width:min(920px,94vw);width:min(920px,94vw)}.modal-large,.modal.modal-large{max-height:min(90vh,880px)!important;max-width:min(1080px,96vw)!important;min-width:auto!important;width:min(1080px,96vw)!important}.modal-xlarge,.modal.modal-xlarge{border-radius:21px!important;max-height:min(90vh,900px)!important;max-width:min(1280px,97vw)!important;min-width:auto!important;width:min(1280px,97vw)!important}@media (max-width:1280px){.modal,.modal-large,.modal-xlarge,.modal.modal-large,.modal.modal-xlarge{max-width:min(96vw,1080px)!important;width:min(96vw,1080px)!important}}@media (max-width:768px){.modal,.modal-large,.modal-xlarge,.modal.modal-large,.modal.modal-xlarge{max-height:92vh!important;max-width:96vw!important;width:96vw!important}.modal-backdrop .modal-large,.modal-backdrop .modal.modal-large{height:auto!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important}.modal{margin:20px;max-width:95vw;width:95%}.toast-container{left:20px;right:20px}.toast{min-width:auto}.modal:not(.modal-large) .modal-footer{flex-direction:column}.modal:not(.modal-large) .modal-footer .btn{width:100%}.modal.modal-large .modal-footer{flex-direction:row;flex-wrap:nowrap}.modal.modal-large .modal-footer .btn{flex:1 1;min-width:120px}}.modal-header{background:linear-gradient(90deg,#c7746f,#d4817e);border-bottom:1px solid #f7fafc}.modal-header h3{text-shadow:0 1px 2px #0003}.modal-backdrop .modal .modal-header .btn-icon,.modal-backdrop .modal .modal-header button[aria-label*=Chiudi],.modal-backdrop .modal .modal-header button[aria-label*=lose],.modal-backdrop .modal-header .btn-icon,.modal-close,.modal-header .btn.btn-icon,.modal-header button.btn-icon,div[class*=modal] .modal-header .btn-icon{align-items:center!important;background:#0000004d!important;border:2px solid #fffc!important;border-radius:8px!important;box-shadow:0 2px 8px #0000004d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.1rem!important;height:36px!important;justify-content:center!important;min-height:36px!important;min-width:36px!important;opacity:1!important;padding:6px!important;position:relative!important;transition:all .2s ease!important;visibility:visible!important;width:36px!important;z-index:10!important}.modal-backdrop .modal .modal-header button[aria-label*=Chiudi]:hover,.modal-backdrop .modal .modal-header button[aria-label*=lose]:hover,.modal-close:hover,.modal-header .btn.btn-icon:hover:not(:disabled),.modal-header button.btn-icon:hover:not(:disabled){background:#00000080!important;border:2px solid #fff!important;box-shadow:0 4px 12px #0006!important;color:#fff!important;transform:scale(1.1)!important}.modal-header .btn.btn-icon:disabled,.modal-header button.btn-icon:disabled{cursor:not-allowed!important;opacity:.5!important}.modal-backdrop .modal .modal-header button svg,.modal-close svg,.modal-header .btn-icon svg{stroke:#fff!important;fill:none!important;stroke-width:2.5!important;color:#fff!important;display:block!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important;height:20px!important;opacity:1!important;visibility:visible!important;width:20px!important}.modal-footer{border-top:1px solid #f7fafc;border-top:1px solid var(--light-gray);gap:15px;padding:16px 24px calc(16px + env(safe-area-inset-bottom, 0px))}.modal-body{padding:16px 24px}.modal-backdrop{align-items:center!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}@media (max-width:768px){.modal-backdrop{align-items:center!important;justify-content:center!important;padding:calc(100px + env(safe-area-inset-top, 0px)) 0 calc(140px + env(safe-area-inset-bottom, 0px))!important}}.modal-backdrop .modal.modal-large{display:flex!important;flex-direction:column!important;margin:auto!important;max-height:calc(100vh - 40px)!important;position:relative!important;z-index:10000!important}@media (max-width:768px){.modal-backdrop .modal.modal-large{border-radius:16px!important;height:auto!important;margin:0 auto!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.modal-backdrop .modal.modal-large .modal-header{flex-shrink:0!important;min-height:60px!important}.modal-backdrop .modal.modal-large .modal-footer{flex-shrink:0!important;min-height:70px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;padding-top:16px!important}}@supports (height:100dvh){.modal-backdrop .modal.modal-large{max-height:calc(100dvh - 40px)!important}@media (max-width:768px){.modal-backdrop .modal.modal-large{max-height:calc(100dvh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important}}}.modal-backdrop .modal.modal-large .modal-header{align-items:center!important;background:linear-gradient(90deg,#c7746f,#d4817e)!important;border-bottom:1px solid var(--border-light)!important;display:flex!important;flex-shrink:0!important;justify-content:space-between!important;padding:16px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10001!important}.modal-backdrop .modal.modal-large .modal-header h3{color:#fff!important;position:relative!important;z-index:10002!important}.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{position:relative!important;z-index:10003!important}.modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-xlarge{display:flex!important;flex-direction:column!important;max-height:85vh!important;overflow:hidden!important}.modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:0!important;position:relative!important;z-index:1!important}@supports (padding-top:env(safe-area-inset-top)){.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))!important}}.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer{background:#fff!important;background:var(--white)!important;display:flex!important;width:100%!important;z-index:5!important}.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer{border-top:1px solid var(--border-light)!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;flex-shrink:0!important;flex-wrap:nowrap!important;gap:12px!important;padding:16px 20px calc(16px + env(safe-area-inset-bottom, 0px))!important;position:-webkit-sticky!important;position:sticky!important;z-index:10001!important}.modal-backdrop .modal.modal-large .modal-footer{background:#fff!important}.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1!important;min-width:120px!important;position:relative!important;z-index:10002!important}@media (max-width:480px){.modal{margin:10px;max-width:98vw;width:98%}}.fade-in{animation:fadeIn .5s ease}.slide-up{animation:slideUp .5s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f7fafc;background:var(--light-gray)}::-webkit-scrollbar-thumb{background:#a0aec0;background:var(--gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5568;background:var(--dark-gray)}@media (max-width:768px){.modal-backdrop .modal.modal-large,.modal-backdrop>.modal.modal-large,div.modal-backdrop div.modal.modal-large,div.modal-backdrop>div.modal.modal-large{border-radius:16px!important;height:auto!important;margin:0!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.modal-backdrop .modal.modal-large .modal-header,.modal-backdrop>.modal.modal-large .modal-header,div.modal-backdrop div.modal.modal-large .modal-header,div.modal-backdrop>div.modal.modal-large .modal-header{flex-shrink:0!important;min-height:60px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10001!important}.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop>.modal.modal-large .modal-footer,div.modal-backdrop div.modal.modal-large .modal-footer,div.modal-backdrop>div.modal.modal-large .modal-footer{bottom:0!important;flex-shrink:0!important;min-height:70px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;padding-top:16px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10001!important}}@supports (height:100dvh){@media (max-width:768px){.modal-backdrop .modal.modal-large,.modal-backdrop>.modal.modal-large,div.modal-backdrop div.modal.modal-large,div.modal-backdrop>div.modal.modal-large{max-height:calc(100dvh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important}}}.modal-footer .btn svg,.view-header .btn svg{stroke:currentColor!important;color:inherit!important}#root,body,html{height:100%;margin:0;overflow:auto;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--modal-xs:800px;--modal-sm:1000px;--modal-md:1200px;--modal-lg:1600px;--modal-xl:2000px;--modal-2xl:2400px;--modal-full:95vw;--modal-padding:24px;--modal-padding-sm:20px;--modal-padding-lg:32px;--modal-radius:16px;--modal-radius-sm:12px;--modal-radius-lg:20px;--modal-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--modal-backdrop-blur:8px}.modal-backdrop{align-items:center;animation:modalBackdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:20px;right:0;top:0;z-index:2000}.modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:var(--white);border-radius:16px;border-radius:var(--modal-radius);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;max-width:var(--modal-md);overflow:hidden;position:relative;width:100%}.modal-xs{max-width:800px;max-width:var(--modal-xs)}.modal-sm{max-width:1000px;max-width:var(--modal-sm)}.modal-md{max-width:1200px;max-width:var(--modal-md)}.modal-lg{max-width:1600px;max-width:var(--modal-lg)}.modal-xl{max-width:2000px;max-width:var(--modal-xl)}.modal-2xl{max-width:2400px;max-width:var(--modal-2xl)}.modal-full{max-width:95vw;max-width:var(--modal-full)}.modal-header{background:linear-gradient(135deg,var(--theme-primary) 0,var(--theme-primary-hover) 100%);padding:var(--modal-padding)}.modal-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-title{color:var(--white);font-size:1.375rem;font-weight:600;letter-spacing:-.025em;margin:0;position:relative;text-shadow:0 1px 2px #0000001a;z-index:1}.modal-subtitle{color:#fffc;font-size:.875rem;font-weight:400;margin-top:4px;position:relative;z-index:1}.modal-close-btn{color:var(--white);transition:var(--modal-transition)}.modal-body{background:var(--white);padding:var(--modal-padding)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.modal-footer{background:var(--gray-50);min-height:64px;padding:var(--modal-padding)}.modal-footer-left{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-space-between{justify-content:space-between}.modal-section{margin-bottom:24px}.modal-section:last-child{margin-bottom:0}.modal-section-title{border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:1rem;margin-bottom:12px;padding-bottom:8px}.modal-form-group{margin-bottom:20px}.modal-form-group:last-child{margin-bottom:0}.modal-label{color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:6px}.modal-input,.modal-select,.modal-textarea{background:var(--white);border:2px solid var(--border-light);border-radius:12px;border-radius:var(--modal-radius-sm);color:var(--text-primary);font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);width:100%}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #e8c8c21a;outline:none}.modal-textarea{min-height:100px;resize:vertical}.modal-grid{grid-gap:16px;display:grid;gap:16px}.modal-grid-2{grid-template-columns:1fr 1fr}.modal-grid-3{grid-template-columns:1fr 1fr 1fr}.modal-tabs{background:var(--gray-50);border-bottom:1px solid var(--border-light);border-radius:12px 12px 0 0;border-radius:var(--modal-radius-sm) var(--modal-radius-sm) 0 0;overflow-x:auto}.modal-tab{align-items:center;background:#0000;border-bottom:2px solid #0000;display:flex;font-size:.875rem;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--modal-transition);white-space:nowrap}.modal-tab:hover{background:#ffffff80}.modal-tab.active{border-bottom-color:var(--theme-primary);color:var(--theme-primary)}.modal-tab-content{display:none}.modal-tab-content.active{display:block}@media (max-width:768px){.modal-backdrop{align-items:center!important;justify-content:center!important;padding:calc(100px + env(safe-area-inset-top, 0px)) 0 calc(140px + env(safe-area-inset-bottom, 0px))!important}.modal-backdrop .modal.modal-large{border-radius:16px!important;height:auto!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.modal-backdrop .modal.modal-large .modal-header{flex-shrink:0!important;min-height:60px!important}.modal-backdrop .modal.modal-large .modal-footer{flex-shrink:0!important;min-height:70px!important}.modal{border-radius:12px;border-radius:var(--modal-radius-sm);max-height:95vh}.modal-body,.modal-footer,.modal-header{padding:20px;padding:var(--modal-padding-sm)}.modal-title{font-size:1.25rem}.modal-grid-2,.modal-grid-3{grid-template-columns:1fr}.modal-footer{flex-direction:row;gap:12px}.modal-footer button{flex:1 1;width:auto}}@media (max-width:480px){.modal-backdrop{align-items:center!important;justify-content:center!important;padding:calc(100px + env(safe-area-inset-top, 0px)) 0 calc(140px + env(safe-area-inset-bottom, 0px))!important}.modal-backdrop .modal.modal-large{border-radius:16px!important;height:auto!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.modal-backdrop .modal.modal-large .modal-header{flex-shrink:0!important;min-height:60px!important}.modal-backdrop .modal.modal-large .modal-footer{flex-shrink:0!important;min-height:70px!important}.modal-body,.modal-footer,.modal-header{padding:16px}.modal-title{font-size:1.125rem}.modal-close-btn{height:36px;width:36px}.modal-close-btn svg{height:18px;width:18px}}.modal-no-padding .modal-body{padding:0}.modal-no-footer .modal-footer,.modal-no-header .modal-header{display:none}.modal-center{text-align:center}.modal-loading{opacity:.7;pointer-events:none}.modal-loading:after{animation:modalSpinner 1s linear infinite;border-top:3px solid var(--border-light);border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--theme-primary);content:"";height:32px;left:50%;margin:-16px 0 0 -16px;position:absolute;top:50%;width:32px}@keyframes modalSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.cabins,.customers,.expenses,.locations,.operators,.reminders,.reports,.retouches,.treatments{flex:none!important;height:auto!important;max-height:none!important;overflow:visible!important;padding-bottom:290px!important}.view-content{max-height:none!important;overflow:visible!important;padding:16px 16px 240px!important}.view-header{margin-bottom:20px!important}.view-header h2{font-size:1.5rem!important}.btn{font-size:.9rem!important;padding:8px 16px!important}.btn svg{height:18px!important;width:18px!important}.cabin-card,.customer-card,.location-card,.operator-card,.treatment-item{margin-bottom:10px!important;padding:12px!important}.customer-name,.location-name,.treatment-name{font-size:1rem!important}.customer-email,.customer-phone,.treatment-duration,.treatment-price,table,th{font-size:.85rem!important}td,th{padding:10px 8px!important}.modal-content{padding:16px!important}.modal-header h3{font-size:1.3rem!important}.modal-body,.modal-footer{padding:12px 16px!important}.form-group{margin-bottom:14px!important}.form-group label{font-size:.9rem!important;margin-bottom:6px!important}input,select,textarea{font-size:.9rem!important;padding:10px 12px!important}.stat-card{padding:14px!important}.stat-value{font-size:1.5rem!important}.stat-label{font-size:.85rem!important}.appointments-layout{gap:12px!important}.mini-calendar{padding:12px!important}.mini-day{padding:2px!important}.mini-day,.mini-day-number{font-size:.75rem!important}.appointment-block,.timeline-hour{font-size:.75rem!important;padding:4px 6px!important}.customers-list,.locations-list,.operators-list,.treatments-list{max-height:none!important;overflow:visible!important}}@media (max-width:480px){.view-header h2{font-size:1.3rem!important}.view-content{padding:12px!important}.btn{font-size:.85rem!important;padding:6px 12px!important}.btn svg{height:16px!important;width:16px!important}.cabin-card,.customer-card,.location-card,.operator-card,.treatment-item{margin-bottom:8px!important;padding:10px!important}.customer-name,.location-name,.treatment-name{font-size:.95rem!important}.customer-email,.customer-phone,.treatment-duration,.treatment-price,table,td,th{font-size:.8rem!important}td,th{padding:8px 6px!important}.modal-header h3{font-size:1.2rem!important}.stat-value{font-size:1.3rem!important}.stat-label{font-size:.8rem!important}.appointment-block,.timeline-hour{font-size:.7rem!important;padding:3px 5px!important}.mini-day,.mini-day-number{font-size:.7rem!important}}@media (max-width:768px) and (orientation:landscape){.appointments,.cabins,.customers,.customers-list,.expenses,.locations,.locations-list,.operators,.operators-list,.reminders,.reports,.retouches,.treatments,.treatments-list,.view-content{max-height:none!important;overflow:visible!important}}@media (max-width:768px){body,html{-webkit-overflow-scrolling:touch}#root,body,html{height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.app-header{height:auto!important;min-height:50px!important;padding:10px 12px!important}.app-header h1{font-size:1.2rem!important}.header-right{gap:8px!important}.header-right button{min-height:36px!important;min-width:36px!important;padding:8px!important}.app-layout{flex-direction:column!important}.sidebar{height:100vh!important;left:0!important;position:fixed!important;top:0!important;transform:translateX(-100%)!important;transition:transform .3s ease!important;width:250px!important;z-index:1000!important}.sidebar.open{transform:translateX(0)!important}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar-overlay.active{display:block}.main-content{margin-left:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:12px 10px!important;width:100%!important}.view-header{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.view-header h2{font-size:1.4rem!important;margin:0!important}.view-header .btn{font-size:.875rem!important;justify-content:center!important;max-width:-webkit-fit-content!important;max-width:fit-content!important;padding:10px 14px!important;white-space:nowrap!important;width:auto!important}.card,.content-card,.data-table-container{margin-bottom:12px!important;padding:12px!important}.data-table{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.data-table table{font-size:.85rem!important;min-width:100%!important}.data-table td,.data-table th{font-size:.85rem!important;padding:8px 6px!important}.data-table td:last-child,.data-table th:last-child{min-width:100px!important}.form-grid{gap:12px!important;grid-template-columns:1fr!important}.form-group{margin-bottom:12px!important}.form-group label{font-size:.9rem!important}.form-group input,.form-group select,.form-group textarea{font-size:16px!important;padding:10px!important}.btn{font-size:.9rem!important;min-height:44px!important;padding:10px 16px!important}.btn-sm{min-height:36px!important;padding:8px 12px!important}.btn-icon{min-height:44px!important;min-width:44px!important;padding:10px!important}.modal-overlay{padding:0!important}.modal-content{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;max-width:100vw!important;overflow-y:auto!important;width:100vw!important}.modal-header{background:#fff!important;padding:12px 16px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-body{overflow-y:auto!important;padding:16px!important}.modal-footer{background:#fff!important;bottom:0!important;padding:12px 16px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.controls,.filters,.toolbar{flex-direction:column!important;gap:10px!important}.controls>*,.filters>*,.search-box,.toolbar>*{width:100%!important}.dashboard-stats-grid,.stats-grid{gap:12px!important;grid-template-columns:1fr!important}.stat-card{padding:12px!important}.appointments{padding:0!important}.appointments-layout{gap:0!important;grid-template-columns:1fr!important}.appointments-sidebar{display:none!important}.appointments-main{max-height:calc(100vh - 120px)!important;padding:10px!important}.timeline-grid{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.timeline-header,.timeline-row{min-width:600px!important}.date-navigation{gap:8px!important;padding:8px!important}.date-navigation button{min-width:40px!important;padding:8px!important}.crm-tabs{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;overflow-x:auto!important}.crm-tab{padding:10px 16px!important;white-space:nowrap!important}.crm-filters{flex-direction:column!important;gap:10px!important}.crm-content,.products-grid-shop{padding:12px!important}.products-grid-shop{gap:16px!important;grid-template-columns:1fr!important}.product-card-shop{max-width:100%!important}.shop-header-container{flex-wrap:wrap!important;padding:12px!important}.shop-branding{flex-direction:row!important;gap:12px!important}.checkout-container{grid-template-columns:1fr!important;padding:12px!important}.order-summary-section{margin-bottom:20px!important;position:static!important}.chart-container{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.recharts-wrapper{min-width:300px!important}body{font-size:14px!important}*{-webkit-tap-highlight-color:transparent}a,button,input,select{min-height:44px}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{font-size:16px!important}@media (orientation:landscape) and (max-height:500px){.modal-content{height:100vh!important;overflow-y:auto!important}.app-header{min-height:44px!important}}}@media (max-width:375px){.view-header h2{font-size:1.2rem!important}.btn{font-size:.85rem!important;padding:8px 12px!important}.modal-header h2{font-size:1.1rem!important}.card{padding:10px!important}}@supports (padding-top:env(safe-area-inset-top)){.app-header{padding-top:calc(10px + env(safe-area-inset-top))!important}.sidebar{padding-top:calc(20px + env(safe-area-inset-top))!important}.modal-content{padding-bottom:env(safe-area-inset-bottom)!important;padding-top:env(safe-area-inset-top)!important}}[data-theme=medical-clean]{--primary-color:#06c;--primary-hover:#0052a3;--secondary-color:#4a90e2;--accent-color:#00a8e8;--success-color:#28a745;--warning-color:#ffc107;--error-color:#dc3545;--info-color:#17a2b8;--bg-app:#f8f9fa;--bg-primary:#fff;--bg-secondary:#f5f7fa;--bg-hover:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-title:#06c;--text-light:#adb5bd;--border-light:#dee2e6;--border-medium:#ced4da;--border-dark:#adb5bd;--shadow-sm:0 1px 3px #0066cc14;--shadow-md:0 4px 12px #0066cc1f;--shadow-lg:0 8px 24px #0066cc29;--white:#fff;--black:#000;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}[data-theme=medical-clean] .app-header{background:linear-gradient(135deg,#06c,#00a8e8)}[data-theme=medical-clean] .stat-card{border-left:4px solid var(--primary-color)}[data-theme=medical-clean] .btn-primary{background:linear-gradient(135deg,#06c,#0052a3);box-shadow:0 4px 12px #0066cc4d}[data-theme=medical-clean] .btn-primary:hover{background:linear-gradient(135deg,#0052a3,#004080);box-shadow:0 6px 16px #06c6}[data-theme=medical-clean] .nav-item.active{background:linear-gradient(135deg,#0066cc1a,#00a8e81a);border-left:4px solid var(--primary-color)}[data-theme=medical-clean] .recharts-pie-sector{filter:brightness(1.1)}[data-theme=medical-clean] *{letter-spacing:.3px}[data-theme=dental-fresh]{--primary-color:#00bfa5;--primary-hover:#00897b;--secondary-color:#26c6da;--accent-color:#64ffda;--success-color:#00c853;--warning-color:#ffb300;--error-color:#e53935;--info-color:#26c6da;--bg-app:#f1f8f6;--bg-primary:#fff;--bg-secondary:#e0f7f4;--bg-hover:#c8f2e9;--text-primary:#004d40;--text-secondary:#00796b;--text-title:#00bfa5;--text-light:#80cbc4;--border-light:#b2dfdb;--border-medium:#80cbc4;--border-dark:#4db6ac;--shadow-sm:0 1px 3px #00bfa51a;--shadow-md:0 4px 12px #00bfa526;--shadow-lg:0 8px 24px #00bfa533;--white:#fff;--black:#000;--radius-sm:8px;--radius-md:12px;--radius-lg:20px}[data-theme=dental-fresh] .app-header{background:linear-gradient(135deg,#00bfa5,#64ffda)}[data-theme=dental-fresh] .stat-card{background:linear-gradient(135deg,#fff,#f1f8f6);border-left:4px solid var(--primary-color)}[data-theme=dental-fresh] .btn-primary{background:linear-gradient(135deg,#00bfa5,#00897b);box-shadow:0 4px 12px #00bfa54d}[data-theme=dental-fresh] .btn-primary:hover{background:linear-gradient(135deg,#00897b,#00695c);box-shadow:0 6px 16px #00bfa566}[data-theme=dental-fresh] .nav-item.active{background:linear-gradient(135deg,#00bfa51a,#64ffda1a);border-left:4px solid var(--primary-color)}[data-theme=dental-fresh] .modal-content,[data-theme=dental-fresh] .settings-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}[data-theme=physio-energy]{--primary-color:#4caf50;--primary-hover:#388e3c;--secondary-color:#ff9800;--accent-color:#8bc34a;--success-color:#66bb6a;--warning-color:#ffa726;--error-color:#ef5350;--info-color:#42a5f5;--bg-app:#f1f8f1;--bg-primary:#fff;--bg-secondary:#e8f5e9;--bg-hover:#c8e6c9;--text-primary:#1b5e20;--text-secondary:#388e3c;--text-title:#4caf50;--text-light:#81c784;--border-light:#c8e6c9;--border-medium:#a5d6a7;--border-dark:#81c784;--shadow-sm:0 1px 3px #4caf501a;--shadow-md:0 4px 12px #4caf5026;--shadow-lg:0 8px 24px #4caf5033;--white:#fff;--black:#000;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}[data-theme=physio-energy] .app-header{background:linear-gradient(135deg,#4caf50,#ff9800 50%,#8bc34a)}[data-theme=physio-energy] .stat-card{border-left:4px solid var(--primary-color);transition:transform .2s ease}[data-theme=physio-energy] .stat-card:hover{transform:translateY(-4px) scale(1.02)}[data-theme=physio-energy] .btn-primary{background:linear-gradient(135deg,#4caf50,#388e3c);box-shadow:0 4px 12px #4caf504d;font-weight:600}[data-theme=physio-energy] .btn-primary:hover{background:linear-gradient(135deg,#388e3c,#2e7d32);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}[data-theme=physio-energy] .nav-item.active{background:linear-gradient(135deg,#4caf501a,#ff98001a);border-left:4px solid var(--primary-color)}[data-theme=physio-energy] .btn-secondary{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}[data-theme=physio-energy] .modal-content{animation:slideUpEnergy .3s ease}@keyframes slideUpEnergy{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}[data-theme=spa-zen]{--primary-color:#9c88bc;--primary-hover:#7e6ba3;--secondary-color:#a8c5da;--accent-color:#c8b8db;--success-color:#95c9a4;--warning-color:#f4d58d;--error-color:#e87676;--info-color:#a8c5da;--bg-app:#f5f3f7;--bg-primary:#fff;--bg-secondary:#ede8f5;--bg-hover:#e0d7ec;--text-primary:#4a3f5c;--text-secondary:#6d5d7d;--text-title:#9c88bc;--text-light:#b8a7d1;--border-light:#e0d7ec;--border-medium:#c8b8db;--border-dark:#9c88bc;--shadow-sm:0 1px 3px #9c88bc14;--shadow-md:0 4px 12px #9c88bc1f;--shadow-lg:0 8px 24px #9c88bc29;--white:#fff;--black:#000;--radius-sm:10px;--radius-md:16px;--radius-lg:24px}[data-theme=spa-zen] .app-header{background:linear-gradient(135deg,#9c88bc,#a8c5da 50%,#c8b8db)}[data-theme=spa-zen] .stat-card{background:linear-gradient(135deg,#fff,#f5f3f7);border-left:4px solid var(--primary-color);border-radius:var(--radius-md)}[data-theme=spa-zen] .btn-primary{background:linear-gradient(135deg,#9c88bc,#7e6ba3);border-radius:var(--radius-md);box-shadow:0 4px 12px #9c88bc4d}[data-theme=spa-zen] .btn-primary:hover{background:linear-gradient(135deg,#7e6ba3,#6a5889);box-shadow:0 6px 16px #9c88bc66}[data-theme=spa-zen] .nav-item.active{background:linear-gradient(135deg,#9c88bc1a,#c8b8db1a);border-left:4px solid var(--primary-color);border-radius:0 var(--radius-md) var(--radius-md) 0}[data-theme=spa-zen] .modal-content,[data-theme=spa-zen] .settings-card,[data-theme=spa-zen] input,[data-theme=spa-zen] select,[data-theme=spa-zen] textarea{border-radius:var(--radius-lg)}[data-theme=spa-zen] *{transition:all .4s cubic-bezier(.4,0,.2,1)}[data-theme=spa-zen] .modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#9c88bc1a}[data-theme=spa-zen] .modal-content{animation:fadeInZen .5s ease}@keyframes fadeInZen{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme=barber-vintage]{--primary-color:#8b4513;--primary-hover:#6b3410;--secondary-color:#d4af37;--accent-color:#b8860b;--success-color:#6b8e23;--warning-color:#ff8c00;--error-color:#8b0000;--info-color:#4682b4;--bg-app:#f5f0e8;--bg-primary:#fffbf5;--bg-secondary:#f0e6d8;--bg-hover:#e8d9c5;--text-primary:#2c1810;--text-secondary:#5c4033;--text-title:#8b4513;--text-light:#a0826d;--border-light:#d4c4b0;--border-medium:#b8a189;--border-dark:#8b4513;--shadow-sm:0 1px 3px #8b451326;--shadow-md:0 4px 12px #8b451333;--shadow-lg:0 8px 24px #8b451340;--white:#fffbf5;--black:#1c1008;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}[data-theme=barber-vintage] .app-header{background:linear-gradient(135deg,#8b4513,#d4af37 50%,#6b3410);border-bottom:3px solid var(--secondary-color)}[data-theme=barber-vintage] .stat-card{background:linear-gradient(135deg,#fffbf5,#f5f0e8);border:2px solid var(--secondary-color);border-left:4px solid var(--primary-color);box-shadow:inset 0 1px 0 #d4af371a}[data-theme=barber-vintage] .btn-primary{background:linear-gradient(135deg,#8b4513,#6b3410);border:1px solid #d4af37;box-shadow:0 4px 12px #8b451366;font-weight:700;letter-spacing:1px;text-transform:uppercase}[data-theme=barber-vintage] .btn-primary:hover{background:linear-gradient(135deg,#6b3410,#4a2408);border-color:#b8860b;box-shadow:0 6px 16px #8b451380}[data-theme=barber-vintage] .nav-item.active{background:linear-gradient(135deg,#8b451326,#d4af371a);border-left:4px solid var(--primary-color);border-right:2px solid var(--secondary-color)}[data-theme=barber-vintage] .btn-secondary{background:linear-gradient(135deg,#d4af37,#b8860b);color:#1c1008;font-weight:700}[data-theme=barber-vintage] .modal-content,[data-theme=barber-vintage] .settings-card{border:2px solid var(--border-medium);border-radius:var(--radius-md);position:relative}[data-theme=barber-vintage] .stat-card:before{background:repeating-linear-gradient(90deg,var(--secondary-color),var(--secondary-color) 10px,#0000 10px,#0000 20px);content:"";height:4px;left:0;position:absolute;right:0;top:0}[data-theme=barber-vintage] .btn,[data-theme=barber-vintage] h1,[data-theme=barber-vintage] h2,[data-theme=barber-vintage] h3{font-weight:700;letter-spacing:.5px}[data-theme=barber-vintage] .modal-content{animation:slideVintage .3s ease}@keyframes slideVintage{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=barber-vintage] .bg-primary{background-image:radial-gradient(circle at 20% 50%,#0000 0,#8b451305 100%),radial-gradient(circle at 80% 80%,#0000 0,#d4af3705 100%)}.tech-theme-dark-professional{--tech-bg-primary:#0d1117;--tech-bg-secondary:#161b22;--tech-bg-tertiary:#21262d;--tech-bg-card:#1c2128;--tech-text-primary:#f0f6fc;--tech-text-secondary:#c9d1d9;--tech-text-tertiary:#8b949e;--tech-text-muted:#6e7681;--tech-accent-primary:#58a6ff;--tech-accent-hover:#79c0ff;--tech-accent-light:#58a6ff33;--tech-success:#3fb950;--tech-success-light:#3fb95033;--tech-warning:#d29922;--tech-warning-light:#d2992233;--tech-error:#f85149;--tech-error-light:#f8514933;--tech-info:#58a6ff;--tech-info-light:#58a6ff33;--tech-border-light:#f0f6fc1f;--tech-border-medium:#f0f6fc2e;--tech-border-dark:#f0f6fc40;--tech-shadow-sm:0 1px 3px #00000080;--tech-shadow-md:0 4px 8px #0009;--tech-shadow-lg:0 8px 16px #000000b3;--tech-hover-bg:#f0f6fc1a;--tech-active-bg:#58a6ff40}.tech-theme-light-professional{--tech-bg-primary:#fafbfc;--tech-bg-secondary:#fff;--tech-bg-tertiary:#f6f8fa;--tech-bg-card:#fff;--tech-text-primary:#24292f;--tech-text-secondary:#57606a;--tech-text-tertiary:#8c959f;--tech-text-muted:#adbac7;--tech-accent-primary:#0969da;--tech-accent-hover:#0860ca;--tech-accent-light:#0969da1a;--tech-success:#1a7f37;--tech-success-light:#1a7f371a;--tech-warning:#9a6700;--tech-warning-light:#9a67001a;--tech-error:#cf222e;--tech-error-light:#cf222e1a;--tech-info:#0969da;--tech-info-light:#0969da1a;--tech-border-light:#d1d9e0;--tech-border-medium:#b1bac4;--tech-border-dark:#8c959f;--tech-shadow-sm:0 1px 3px #00000014;--tech-shadow-md:0 4px 6px #0000001a;--tech-shadow-lg:0 8px 12px #0000001f;--tech-hover-bg:#0969da0d;--tech-active-bg:#0969da1a}.tech-theme-neutral-modern{--tech-bg-primary:#f7f7f7;--tech-bg-secondary:#fff;--tech-bg-tertiary:#f0f0f0;--tech-bg-card:#fff;--tech-bg-sidebar:#2d2d2d;--tech-text-primary:#1f1f1f;--tech-text-secondary:#6e6e6e;--tech-text-tertiary:#909090;--tech-text-muted:#b0b0b0;--tech-text-on-dark:#e8e8e8;--tech-accent-primary:#6366f1;--tech-accent-secondary:#818cf8;--tech-accent-hover:#4f46e5;--tech-accent-light:#6366f11f;--tech-success:#10b981;--tech-success-light:#10b9811f;--tech-warning:#f59e0b;--tech-warning-light:#f59e0b1f;--tech-error:#ef4444;--tech-error-light:#ef44441f;--tech-info:#6366f1;--tech-info-light:#6366f11f;--tech-border-light:#e0e0e0;--tech-border-medium:#c8c8c8;--tech-border-dark:#a0a0a0;--tech-shadow-sm:0 1px 2px #0000000f;--tech-shadow-md:0 4px 6px #00000014;--tech-shadow-lg:0 10px 15px #0000001a;--tech-hover-bg:#6366f10f;--tech-active-bg:#6366f11f}body.tech-theme-dark-professional .support-admin-container,body.tech-theme-dark-professional .tech-admin-panel,body.tech-theme-light-professional .support-admin-container,body.tech-theme-light-professional .tech-admin-panel,body.tech-theme-neutral-modern .support-admin-container,body.tech-theme-neutral-modern .tech-admin-panel{background:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-header,body.tech-theme-light-professional .admin-header,body.tech-theme-neutral-modern .admin-header{background:var(--tech-bg-secondary)!important;border-bottom:1px solid var(--tech-border-light)!important;box-shadow:var(--tech-shadow-sm)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-header-left h1,body.tech-theme-dark-professional .admin-header-left p,body.tech-theme-light-professional .admin-header-left h1,body.tech-theme-light-professional .admin-header-left p,body.tech-theme-neutral-modern .admin-header-left h1,body.tech-theme-neutral-modern .admin-header-left p{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .tech-badge,body.tech-theme-light-professional .tech-badge,body.tech-theme-neutral-modern .tech-badge{background:var(--tech-bg-tertiary)!important;border:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-stats,body.tech-theme-light-professional .admin-stats,body.tech-theme-neutral-modern .admin-stats{background:var(--tech-bg-primary)!important;border-bottom:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .stat-card,body.tech-theme-light-professional .stat-card,body.tech-theme-neutral-modern .stat-card{background:var(--tech-bg-card)!important;border-left:4px solid var(--tech-accent-primary)!important;box-shadow:var(--tech-shadow-sm)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-dark-professional .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-dark-professional .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-dark-professional .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-light-professional .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-light-professional .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-light-professional .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-light-professional .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-neutral-modern .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-neutral-modern .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-neutral-modern .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-neutral-modern .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-dark-professional .stat-label,body.tech-theme-light-professional .stat-label,body.tech-theme-neutral-modern .stat-label{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .stat-value,body.tech-theme-light-professional .stat-value,body.tech-theme-neutral-modern .stat-value{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-controls,body.tech-theme-dark-professional .tech-admin-tabs,body.tech-theme-light-professional .admin-controls,body.tech-theme-light-professional .tech-admin-tabs,body.tech-theme-neutral-modern .admin-controls,body.tech-theme-neutral-modern .tech-admin-tabs{background:var(--tech-bg-primary)!important;border-bottom:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .search-box,body.tech-theme-light-professional .search-box,body.tech-theme-neutral-modern .search-box{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .search-box:focus-within,body.tech-theme-light-professional .search-box:focus-within,body.tech-theme-neutral-modern .search-box:focus-within{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .search-box input,body.tech-theme-dark-professional .search-box input::placeholder,body.tech-theme-light-professional .search-box input,body.tech-theme-light-professional .search-box input::placeholder,body.tech-theme-neutral-modern .search-box input,body.tech-theme-neutral-modern .search-box input::placeholder{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .search-box svg,body.tech-theme-light-professional .search-box svg,body.tech-theme-neutral-modern .search-box svg{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .filter-buttons button,body.tech-theme-light-professional .filter-buttons button,body.tech-theme-neutral-modern .filter-buttons button{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .filter-buttons button:hover,body.tech-theme-light-professional .filter-buttons button:hover,body.tech-theme-neutral-modern .filter-buttons button:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .filter-buttons button.active,body.tech-theme-light-professional .filter-buttons button.active,body.tech-theme-neutral-modern .filter-buttons button.active{background:var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .tech-admin-tabs button,body.tech-theme-light-professional .tech-admin-tabs button,body.tech-theme-neutral-modern .tech-admin-tabs button{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .tech-admin-tabs button:hover,body.tech-theme-light-professional .tech-admin-tabs button:hover,body.tech-theme-neutral-modern .tech-admin-tabs button:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .tech-admin-tabs button.active,body.tech-theme-light-professional .tech-admin-tabs button.active,body.tech-theme-neutral-modern .tech-admin-tabs button.active{background:var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .admin-content,body.tech-theme-light-professional .admin-content,body.tech-theme-neutral-modern .admin-content{background:var(--tech-bg-primary)!important}body.tech-theme-dark-professional .ticket-card-admin,body.tech-theme-light-professional .ticket-card-admin,body.tech-theme-neutral-modern .ticket-card-admin{background:var(--tech-bg-card)!important;border:2px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .ticket-card-admin:hover,body.tech-theme-light-professional .ticket-card-admin:hover,body.tech-theme-neutral-modern .ticket-card-admin:hover{border-color:var(--tech-accent-primary)!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-professional .ticket-card-admin.active,body.tech-theme-light-professional .ticket-card-admin.active,body.tech-theme-neutral-modern .ticket-card-admin.active{background:var(--tech-bg-secondary)!important;border-color:var(--tech-accent-primary)!important;box-shadow:0 4px 16px var(--tech-accent-light)!important}body.tech-theme-dark-professional .ticket-card-title,body.tech-theme-light-professional .ticket-card-title,body.tech-theme-neutral-modern .ticket-card-title{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .ticket-card-description,body.tech-theme-light-professional .ticket-card-description,body.tech-theme-neutral-modern .ticket-card-description{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .ticket-card-footer,body.tech-theme-light-professional .ticket-card-footer,body.tech-theme-neutral-modern .ticket-card-footer{border-top:1px solid var(--tech-border-light)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .ticket-detail-admin,body.tech-theme-light-professional .ticket-detail-admin,body.tech-theme-neutral-modern .ticket-detail-admin{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .ticket-detail-admin-header,body.tech-theme-light-professional .ticket-detail-admin-header,body.tech-theme-neutral-modern .ticket-detail-admin-header{background:var(--tech-bg-secondary)!important;border-bottom:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .ticket-detail-admin-header h2,body.tech-theme-light-professional .ticket-detail-admin-header h2,body.tech-theme-neutral-modern .ticket-detail-admin-header h2{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .messages-container-admin,body.tech-theme-light-professional .messages-container-admin,body.tech-theme-neutral-modern .messages-container-admin{background:var(--tech-bg-card)!important}body.tech-theme-dark-professional .message-admin,body.tech-theme-light-professional .message-admin,body.tech-theme-neutral-modern .message-admin{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .message-initial,body.tech-theme-light-professional .message-initial,body.tech-theme-neutral-modern .message-initial{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-info)!important}body.tech-theme-dark-professional .message-support,body.tech-theme-light-professional .message-support,body.tech-theme-neutral-modern .message-support{background:var(--tech-success-light)!important;border-left:4px solid var(--tech-success)!important}body.tech-theme-dark-professional .message-internal,body.tech-theme-light-professional .message-internal,body.tech-theme-neutral-modern .message-internal{background:var(--tech-warning-light)!important;border-left:4px solid var(--tech-warning)!important}body.tech-theme-dark-professional .message-input-admin,body.tech-theme-light-professional .message-input-admin,body.tech-theme-neutral-modern .message-input-admin{background:var(--tech-bg-secondary)!important;border-top:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .message-input-admin textarea,body.tech-theme-light-professional .message-input-admin textarea,body.tech-theme-neutral-modern .message-input-admin textarea{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .message-input-admin textarea:focus,body.tech-theme-light-professional .message-input-admin textarea:focus,body.tech-theme-neutral-modern .message-input-admin textarea:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .empty-state,body.tech-theme-dark-professional .ticket-detail-admin-empty,body.tech-theme-light-professional .empty-state,body.tech-theme-light-professional .ticket-detail-admin-empty,body.tech-theme-neutral-modern .empty-state,body.tech-theme-neutral-modern .ticket-detail-admin-empty{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .empty-state h3,body.tech-theme-dark-professional .ticket-detail-admin-empty h3,body.tech-theme-light-professional .empty-state h3,body.tech-theme-light-professional .ticket-detail-admin-empty h3,body.tech-theme-neutral-modern .empty-state h3,body.tech-theme-neutral-modern .ticket-detail-admin-empty h3{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .ticket-status-buttons,body.tech-theme-light-professional .ticket-status-buttons,body.tech-theme-neutral-modern .ticket-status-buttons{border-bottom:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .ticket-status-buttons button,body.tech-theme-light-professional .ticket-status-buttons button,body.tech-theme-neutral-modern .ticket-status-buttons button{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .ticket-status-buttons button:hover,body.tech-theme-light-professional .ticket-status-buttons button:hover,body.tech-theme-neutral-modern .ticket-status-buttons button:hover{background:var(--tech-hover-bg)!important}body.tech-theme-dark-professional .ticket-status-buttons button.active,body.tech-theme-light-professional .ticket-status-buttons button.active,body.tech-theme-neutral-modern .ticket-status-buttons button.active{background:var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .ticket-stato-badge,body.tech-theme-light-professional .ticket-stato-badge,body.tech-theme-neutral-modern .ticket-stato-badge{color:#fff!important;font-weight:600!important}body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="#EF4444"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*=EF4444],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*=ef4444]{background:var(--tech-error)!important;background-color:var(--tech-error)!important;color:#fff!important}body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="#F59E0B"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*=F59E0B],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*=f59e0b]{background:var(--tech-warning)!important;background-color:var(--tech-warning)!important;color:#fff!important}body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="#10B981"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="10B981"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="10b981"]{background:var(--tech-success)!important;background-color:var(--tech-success)!important;color:#fff!important}body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="#8B5CF6"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="8B5CF6"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="8b5cf6"]{background:#8b5cf6!important;background-color:#8b5cf6!important;color:#fff!important}body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="#6B7280"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="6B7280"],body.tech-theme-dark-professional .ticket-card-admin .ticket-stato-badge[style*="6b7280"]{background:var(--tech-text-muted)!important;background-color:var(--tech-text-muted)!important;color:#fff!important}body.tech-theme-dark-professional .ticket-detail-admin .ticket-stato-badge[style*="#EF4444"],body.tech-theme-dark-professional .ticket-detail-admin .ticket-stato-badge[style*=EF4444]{background:var(--tech-error)!important;background-color:var(--tech-error)!important}body.tech-theme-dark-professional .ticket-detail-admin .ticket-stato-badge[style*="#F59E0B"],body.tech-theme-dark-professional .ticket-detail-admin .ticket-stato-badge[style*=F59E0B]{background:var(--tech-warning)!important;background-color:var(--tech-warning)!important}body.tech-theme-dark-professional .ticket-detail-admin .ticket-stato-badge[style*="#10B981"],body.tech-theme-dark-professional .ticket-detail-admin .ticket-stato-badge[style*="10B981"]{background:var(--tech-success)!important;background-color:var(--tech-success)!important}body.tech-theme-dark-professional .ticket-priorita-badge,body.tech-theme-light-professional .ticket-priorita-badge,body.tech-theme-neutral-modern .ticket-priorita-badge{background:var(--tech-bg-tertiary)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .ticket-detail-id,body.tech-theme-dark-professional .ticket-detail-meta,body.tech-theme-dark-professional .ticket-id,body.tech-theme-light-professional .ticket-detail-id,body.tech-theme-light-professional .ticket-detail-meta,body.tech-theme-light-professional .ticket-id,body.tech-theme-neutral-modern .ticket-detail-id,body.tech-theme-neutral-modern .ticket-detail-meta,body.tech-theme-neutral-modern .ticket-id{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .ticket-detail-stato,body.tech-theme-light-professional .ticket-detail-stato,body.tech-theme-neutral-modern .ticket-detail-stato{color:#fff!important}body.tech-theme-dark-professional .message-admin .message-content,body.tech-theme-dark-professional .message-admin .message-header strong,body.tech-theme-light-professional .message-admin .message-content,body.tech-theme-light-professional .message-admin .message-header strong,body.tech-theme-neutral-modern .message-admin .message-content,body.tech-theme-neutral-modern .message-admin .message-header strong{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .message-date,body.tech-theme-light-professional .message-date,body.tech-theme-neutral-modern .message-date{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .internal-note-toggle label,body.tech-theme-light-professional .internal-note-toggle label,body.tech-theme-neutral-modern .internal-note-toggle label{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-send-admin,body.tech-theme-light-professional .btn-send-admin,body.tech-theme-neutral-modern .btn-send-admin{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .btn-send-admin:hover:not(:disabled),body.tech-theme-light-professional .btn-send-admin:hover:not(:disabled),body.tech-theme-neutral-modern .btn-send-admin:hover:not(:disabled){background:var(--tech-accent-hover)!important;box-shadow:0 4px 12px var(--tech-accent-light)!important}body.tech-theme-dark-professional .btn-assign,body.tech-theme-light-professional .btn-assign,body.tech-theme-neutral-modern .btn-assign{background:#8b5cf6!important;color:#fff!important}body.tech-theme-dark-professional .btn-resolve,body.tech-theme-light-professional .btn-resolve,body.tech-theme-neutral-modern .btn-resolve{background:var(--tech-success)!important;color:#fff!important}body.tech-theme-dark-professional .btn-assign:hover,body.tech-theme-dark-professional .btn-resolve:hover,body.tech-theme-light-professional .btn-assign:hover,body.tech-theme-light-professional .btn-resolve:hover,body.tech-theme-neutral-modern .btn-assign:hover,body.tech-theme-neutral-modern .btn-resolve:hover{box-shadow:var(--tech-shadow-md)!important;transform:translateY(-2px)!important}body.tech-theme-dark-professional .admin-loading,body.tech-theme-light-professional .admin-loading,body.tech-theme-neutral-modern .admin-loading{background:var(--tech-bg-primary)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .admin-loading .spin,body.tech-theme-light-professional .admin-loading .spin,body.tech-theme-neutral-modern .admin-loading .spin{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .admin-header svg,body.tech-theme-dark-professional .empty-state svg,body.tech-theme-dark-professional .tech-badge svg,body.tech-theme-dark-professional .ticket-card-footer svg,body.tech-theme-dark-professional .ticket-detail-admin-empty svg{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .search-box svg,body.tech-theme-dark-professional .ticket-messages svg,body.tech-theme-dark-professional .ticket-time svg{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .ticket-priorita-badge[style*="#10B981"],body.tech-theme-dark-professional .ticket-priorita-badge[style*="10B981"]{color:var(--tech-success)!important}body.tech-theme-dark-professional .ticket-priorita-badge[style*="#F59E0B"],body.tech-theme-dark-professional .ticket-priorita-badge[style*=F59E0B]{color:var(--tech-warning)!important}body.tech-theme-dark-professional .ticket-priorita-badge[style*="#DC2626"],body.tech-theme-dark-professional .ticket-priorita-badge[style*="#EF4444"],body.tech-theme-dark-professional .ticket-priorita-badge[style*=DC2626],body.tech-theme-dark-professional .ticket-priorita-badge[style*=EF4444]{color:var(--tech-error)!important}body.tech-theme-dark-professional .ticket-card-admin{border-color:var(--tech-border-medium)!important}body.tech-theme-dark-professional .stat-card{border-left-width:4px!important}body.tech-theme-dark-professional .stat-card:hover{box-shadow:var(--tech-shadow-md)!important;transform:translateY(-2px)!important}body.tech-theme-dark-professional *{color:inherit}body.tech-theme-dark-professional h1,body.tech-theme-dark-professional h2,body.tech-theme-dark-professional h3,body.tech-theme-dark-professional h4,body.tech-theme-dark-professional h5,body.tech-theme-dark-professional h6{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional ::-webkit-scrollbar{height:10px;width:10px}body.tech-theme-dark-professional ::-webkit-scrollbar-track{background:var(--tech-bg-primary)}body.tech-theme-dark-professional ::-webkit-scrollbar-thumb{background:var(--tech-bg-tertiary);border-radius:5px}body.tech-theme-dark-professional ::-webkit-scrollbar-thumb:hover{background:var(--tech-border-medium)}body.tech-theme-dark-professional,body.tech-theme-light-professional,body.tech-theme-neutral-modern{background:var(--tech-bg-primary);color:var(--tech-text-primary)}body.tech-theme-dark-professional .form-card,body.tech-theme-dark-professional .support-admin-section,body.tech-theme-dark-professional .tech-admin-section,body.tech-theme-light-professional .form-card,body.tech-theme-light-professional .support-admin-section,body.tech-theme-light-professional .tech-admin-section,body.tech-theme-neutral-modern .form-card,body.tech-theme-neutral-modern .support-admin-section,body.tech-theme-neutral-modern .tech-admin-section{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important;box-shadow:var(--tech-shadow-md)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-header,body.tech-theme-dark-professional .admin-header-left,body.tech-theme-dark-professional .admin-header-right,body.tech-theme-dark-professional .tech-admin-header,body.tech-theme-light-professional .admin-header,body.tech-theme-light-professional .admin-header-left,body.tech-theme-light-professional .admin-header-right,body.tech-theme-light-professional .tech-admin-header,body.tech-theme-neutral-modern .admin-header,body.tech-theme-neutral-modern .admin-header-left,body.tech-theme-neutral-modern .admin-header-right,body.tech-theme-neutral-modern .tech-admin-header{background:var(--tech-bg-secondary)!important;border-bottom:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-header h1,body.tech-theme-dark-professional .admin-header p,body.tech-theme-light-professional .admin-header h1,body.tech-theme-light-professional .admin-header p,body.tech-theme-neutral-modern .admin-header h1,body.tech-theme-neutral-modern .admin-header p{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-primary,body.tech-theme-dark-professional .btn-refresh,body.tech-theme-dark-professional button.primary,body.tech-theme-light-professional .btn-primary,body.tech-theme-light-professional .btn-refresh,body.tech-theme-light-professional button.primary,body.tech-theme-neutral-modern .btn-primary,body.tech-theme-neutral-modern .btn-refresh,body.tech-theme-neutral-modern button.primary{background:#fff!important;background:var(--white,#fff)!important;border:2px solid var(--tech-accent-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-primary:hover,body.tech-theme-dark-professional .btn-refresh:hover,body.tech-theme-dark-professional button.primary:hover,body.tech-theme-light-professional .btn-primary:hover,body.tech-theme-light-professional .btn-refresh:hover,body.tech-theme-light-professional button.primary:hover,body.tech-theme-neutral-modern .btn-primary:hover,body.tech-theme-neutral-modern .btn-refresh:hover,body.tech-theme-neutral-modern button.primary:hover{background:#fff!important;background:var(--white,#fff)!important;border-color:var(--tech-accent-hover)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .status-success,body.tech-theme-light-professional .status-success,body.tech-theme-neutral-modern .status-success{background:var(--tech-success-light);color:var(--tech-success)}body.tech-theme-dark-professional .status-warning,body.tech-theme-light-professional .status-warning,body.tech-theme-neutral-modern .status-warning{background:var(--tech-warning-light);color:var(--tech-warning)}body.tech-theme-dark-professional .status-error,body.tech-theme-light-professional .status-error,body.tech-theme-neutral-modern .status-error{background:var(--tech-error-light);color:var(--tech-error)}body.tech-theme-dark-professional .modern-input,body.tech-theme-dark-professional input,body.tech-theme-dark-professional select,body.tech-theme-dark-professional textarea,body.tech-theme-light-professional .modern-input,body.tech-theme-light-professional input,body.tech-theme-light-professional select,body.tech-theme-light-professional textarea,body.tech-theme-neutral-modern .modern-input,body.tech-theme-neutral-modern input,body.tech-theme-neutral-modern select,body.tech-theme-neutral-modern textarea{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .modern-input:focus,body.tech-theme-dark-professional input:focus,body.tech-theme-dark-professional select:focus,body.tech-theme-dark-professional textarea:focus,body.tech-theme-light-professional .modern-input:focus,body.tech-theme-light-professional input:focus,body.tech-theme-light-professional select:focus,body.tech-theme-light-professional textarea:focus,body.tech-theme-neutral-modern .modern-input:focus,body.tech-theme-neutral-modern input:focus,body.tech-theme-neutral-modern select:focus,body.tech-theme-neutral-modern textarea:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important;outline:none!important}body.tech-theme-dark-professional .form-group label,body.tech-theme-dark-professional h1,body.tech-theme-dark-professional h2,body.tech-theme-dark-professional h3,body.tech-theme-dark-professional label,body.tech-theme-dark-professional p,body.tech-theme-light-professional .form-group label,body.tech-theme-light-professional h1,body.tech-theme-light-professional h2,body.tech-theme-light-professional h3,body.tech-theme-light-professional label,body.tech-theme-light-professional p,body.tech-theme-neutral-modern .form-group label,body.tech-theme-neutral-modern h1,body.tech-theme-neutral-modern h2,body.tech-theme-neutral-modern h3,body.tech-theme-neutral-modern label,body.tech-theme-neutral-modern p{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .form-hint,body.tech-theme-dark-professional small,body.tech-theme-light-professional .form-hint,body.tech-theme-light-professional small,body.tech-theme-neutral-modern .form-hint,body.tech-theme-neutral-modern small{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional table,body.tech-theme-light-professional table,body.tech-theme-neutral-modern table{background:var(--tech-bg-card);color:var(--tech-text-primary)}body.tech-theme-dark-professional table th,body.tech-theme-light-professional table th,body.tech-theme-neutral-modern table th{background:var(--tech-bg-secondary);border-bottom:2px solid var(--tech-border-medium);color:var(--tech-text-secondary)}body.tech-theme-dark-professional table td,body.tech-theme-light-professional table td,body.tech-theme-neutral-modern table td{border-bottom:1px solid var(--tech-border-light)}body.tech-theme-dark-professional table tr:hover,body.tech-theme-light-professional table tr:hover,body.tech-theme-neutral-modern table tr:hover{background:var(--tech-hover-bg)}body.tech-theme-neutral-modern .sidebar{background:var(--tech-bg-sidebar);color:var(--tech-text-on-dark)}body.tech-theme-dark-professional .app-header,body.tech-theme-light-professional .app-header,body.tech-theme-neutral-modern .app-header{background:var(--tech-bg-secondary)!important;border-bottom:1px solid var(--tech-border-light)!important;box-shadow:var(--tech-shadow-sm)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .app-header .business-details h1,body.tech-theme-dark-professional .app-header h1,body.tech-theme-light-professional .app-header .business-details h1,body.tech-theme-light-professional .app-header h1,body.tech-theme-neutral-modern .app-header .business-details h1,body.tech-theme-neutral-modern .app-header h1{color:var(--tech-text-primary)!important;color:var(--tech-text-title,var(--tech-text-primary))!important}body.tech-theme-dark-professional .app-header .business-name,body.tech-theme-light-professional .app-header .business-name,body.tech-theme-neutral-modern .app-header .business-name{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .app-header .user-label,body.tech-theme-light-professional .app-header .user-label,body.tech-theme-neutral-modern .app-header .user-label{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .app-header .user-label:hover,body.tech-theme-light-professional .app-header .user-label:hover,body.tech-theme-neutral-modern .app-header .user-label:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .app-header .btn-icon,body.tech-theme-light-professional .app-header .btn-icon,body.tech-theme-neutral-modern .app-header .btn-icon{background-color:var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .app-header .btn-icon:hover,body.tech-theme-light-professional .app-header .btn-icon:hover,body.tech-theme-neutral-modern .app-header .btn-icon:hover{background-color:var(--tech-accent-hover)!important;border-color:var(--tech-accent-hover)!important}body.tech-theme-dark-professional .app-header .btn-icon svg,body.tech-theme-dark-professional .app-header .btn-icon svg *,body.tech-theme-light-professional .app-header .btn-icon svg,body.tech-theme-light-professional .app-header .btn-icon svg *,body.tech-theme-neutral-modern .app-header .btn-icon svg,body.tech-theme-neutral-modern .app-header .btn-icon svg *{stroke:#fff!important;fill:#fff!important;color:#fff!important}body.tech-theme-dark-professional .app-nav,body.tech-theme-dark-professional .navigation,body.tech-theme-dark-professional .sidebar,body.tech-theme-light-professional .app-nav,body.tech-theme-light-professional .navigation,body.tech-theme-light-professional .sidebar,body.tech-theme-neutral-modern .app-nav,body.tech-theme-neutral-modern .navigation{background:var(--tech-bg-secondary)!important;border-right:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .nav-item,body.tech-theme-light-professional .nav-item,body.tech-theme-neutral-modern .nav-item{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .nav-item:hover,body.tech-theme-light-professional .nav-item:hover,body.tech-theme-neutral-modern .nav-item:hover{background:var(--tech-hover-bg)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .nav-item.active,body.tech-theme-light-professional .nav-item.active,body.tech-theme-neutral-modern .nav-item.active{background:var(--tech-active-bg)!important;border-left-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .nav-section-title,body.tech-theme-light-professional .nav-section-title,body.tech-theme-neutral-modern .nav-section-title{color:var(--tech-text-tertiary)!important}body.tech-theme-dark-professional .nav-section-subtitle,body.tech-theme-light-professional .nav-section-subtitle,body.tech-theme-neutral-modern .nav-section-subtitle{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .nav-section-body,body.tech-theme-light-professional .nav-section-body,body.tech-theme-neutral-modern .nav-section-body{background:var(--tech-bg-tertiary)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .app-content,body.tech-theme-dark-professional .app-layout,body.tech-theme-light-professional .app-content,body.tech-theme-light-professional .app-layout,body.tech-theme-neutral-modern .app-content,body.tech-theme-neutral-modern .app-layout{background:var(--tech-bg-primary)!important}body.tech-theme-dark-professional .main-content,body.tech-theme-light-professional .main-content,body.tech-theme-neutral-modern .main-content{background:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .custom-dropdown-trigger,body.tech-theme-light-professional .custom-dropdown-trigger,body.tech-theme-neutral-modern .custom-dropdown-trigger{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .custom-dropdown-trigger:hover:not(.disabled),body.tech-theme-light-professional .custom-dropdown-trigger:hover:not(.disabled),body.tech-theme-neutral-modern .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .custom-dropdown-trigger.disabled,body.tech-theme-light-professional .custom-dropdown-trigger.disabled,body.tech-theme-neutral-modern .custom-dropdown-trigger.disabled{background:var(--tech-bg-tertiary)!important;opacity:.6}body.tech-theme-dark-professional .dropdown-text,body.tech-theme-light-professional .dropdown-text,body.tech-theme-neutral-modern .dropdown-text{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .dropdown-icon,body.tech-theme-light-professional .dropdown-icon,body.tech-theme-neutral-modern .dropdown-icon{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .dropdown-chevron,body.tech-theme-light-professional .dropdown-chevron,body.tech-theme-neutral-modern .dropdown-chevron{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .custom-dropdown-menu,body.tech-theme-light-professional .custom-dropdown-menu,body.tech-theme-neutral-modern .custom-dropdown-menu{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;box-shadow:var(--tech-shadow-lg)!important}body.tech-theme-dark-professional .dropdown-search,body.tech-theme-light-professional .dropdown-search,body.tech-theme-neutral-modern .dropdown-search{background:var(--tech-bg-tertiary)!important;border-bottom-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .dropdown-search input,body.tech-theme-light-professional .dropdown-search input,body.tech-theme-neutral-modern .dropdown-search input{background:#0000!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .dropdown-search input::placeholder,body.tech-theme-light-professional .dropdown-search input::placeholder,body.tech-theme-neutral-modern .dropdown-search input::placeholder{color:var(--tech-text-tertiary)!important}body.tech-theme-dark-professional .dropdown-options,body.tech-theme-light-professional .dropdown-options,body.tech-theme-neutral-modern .dropdown-options{background:var(--tech-bg-card)!important}body.tech-theme-dark-professional .dropdown-option,body.tech-theme-light-professional .dropdown-option,body.tech-theme-neutral-modern .dropdown-option{border-bottom-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .dropdown-option:hover,body.tech-theme-light-professional .dropdown-option:hover,body.tech-theme-neutral-modern .dropdown-option:hover{background:var(--tech-hover-bg)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .dropdown-option.selected,body.tech-theme-light-professional .dropdown-option.selected,body.tech-theme-neutral-modern .dropdown-option.selected{background:var(--tech-active-bg)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .option-icon,body.tech-theme-light-professional .option-icon,body.tech-theme-neutral-modern .option-icon{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .dropdown-option:hover .option-icon,body.tech-theme-light-professional .dropdown-option:hover .option-icon,body.tech-theme-neutral-modern .dropdown-option:hover .option-icon{background:var(--tech-hover-bg)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .dropdown-option.selected .option-icon,body.tech-theme-light-professional .dropdown-option.selected .option-icon,body.tech-theme-neutral-modern .dropdown-option.selected .option-icon{background:var(--tech-active-bg)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .checkmark,body.tech-theme-light-professional .checkmark,body.tech-theme-neutral-modern .checkmark{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .dropdown-no-results,body.tech-theme-light-professional .dropdown-no-results,body.tech-theme-neutral-modern .dropdown-no-results{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .dropdown-options::-webkit-scrollbar-track,body.tech-theme-light-professional .dropdown-options::-webkit-scrollbar-track,body.tech-theme-neutral-modern .dropdown-options::-webkit-scrollbar-track{background:var(--tech-bg-tertiary)!important}body.tech-theme-dark-professional .dropdown-options::-webkit-scrollbar-thumb,body.tech-theme-light-professional .dropdown-options::-webkit-scrollbar-thumb,body.tech-theme-neutral-modern .dropdown-options::-webkit-scrollbar-thumb{background:var(--tech-border-medium)!important}body.tech-theme-dark-professional .dropdown-options::-webkit-scrollbar-thumb:hover,body.tech-theme-light-professional .dropdown-options::-webkit-scrollbar-thumb:hover,body.tech-theme-neutral-modern .dropdown-options::-webkit-scrollbar-thumb:hover{background:var(--tech-border-dark)!important}body.tech-theme-dark-professional .dropdown-search-input,body.tech-theme-light-professional .dropdown-search-input,body.tech-theme-neutral-modern .dropdown-search-input{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .dropdown-search-input:focus,body.tech-theme-light-professional .dropdown-search-input:focus,body.tech-theme-neutral-modern .dropdown-search-input:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .dropdown-arrow,body.tech-theme-light-professional .dropdown-arrow,body.tech-theme-neutral-modern .dropdown-arrow{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .dropdown-arrow.open,body.tech-theme-light-professional .dropdown-arrow.open,body.tech-theme-neutral-modern .dropdown-arrow.open{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .settings,body.tech-theme-dark-professional .settings-layout,body.tech-theme-light-professional .settings,body.tech-theme-light-professional .settings-layout,body.tech-theme-neutral-modern .settings,body.tech-theme-neutral-modern .settings-layout{background:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .settings-sidebar,body.tech-theme-light-professional .settings-sidebar,body.tech-theme-neutral-modern .settings-sidebar{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .settings-sidebar .sidebar-header h1,body.tech-theme-dark-professional .settings-sidebar .sidebar-header p,body.tech-theme-light-professional .settings-sidebar .sidebar-header h1,body.tech-theme-light-professional .settings-sidebar .sidebar-header p,body.tech-theme-neutral-modern .settings-sidebar .sidebar-header h1,body.tech-theme-neutral-modern .settings-sidebar .sidebar-header p{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .sidebar-item,body.tech-theme-light-professional .sidebar-item,body.tech-theme-neutral-modern .sidebar-item{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .sidebar-item:hover,body.tech-theme-light-professional .sidebar-item:hover,body.tech-theme-neutral-modern .sidebar-item:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .sidebar-item.active,body.tech-theme-light-professional .sidebar-item.active,body.tech-theme-neutral-modern .sidebar-item.active{background:var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .sidebar-item.active svg,body.tech-theme-light-professional .sidebar-item.active svg,body.tech-theme-neutral-modern .sidebar-item.active svg{color:#fff!important}body.tech-theme-dark-professional .settings-card,body.tech-theme-light-professional .settings-card,body.tech-theme-neutral-modern .settings-card{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important;box-shadow:var(--tech-shadow-sm)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .settings-card:hover,body.tech-theme-light-professional .settings-card:hover,body.tech-theme-neutral-modern .settings-card:hover{box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-professional .card-header,body.tech-theme-light-professional .card-header,body.tech-theme-neutral-modern .card-header{background:var(--tech-bg-secondary)!important;border-bottom:2px solid var(--tech-accent-primary)!important}body.tech-theme-dark-professional .card-icon,body.tech-theme-light-professional .card-icon,body.tech-theme-neutral-modern .card-icon{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .settings-main-header,body.tech-theme-light-professional .settings-main-header,body.tech-theme-neutral-modern .settings-main-header{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .settings-main-header h2,body.tech-theme-dark-professional .settings-main-header p,body.tech-theme-light-professional .settings-main-header h2,body.tech-theme-light-professional .settings-main-header p,body.tech-theme-neutral-modern .settings-main-header h2,body.tech-theme-neutral-modern .settings-main-header p{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .settings-content,body.tech-theme-light-professional .settings-content,body.tech-theme-neutral-modern .settings-content{background:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .section-stack,body.tech-theme-light-professional .section-stack,body.tech-theme-neutral-modern .section-stack{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .theme-card,body.tech-theme-light-professional .theme-card,body.tech-theme-neutral-modern .theme-card{background:var(--tech-bg-card)!important;border:3px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .theme-card:hover,body.tech-theme-light-professional .theme-card:hover,body.tech-theme-neutral-modern .theme-card:hover{border-color:var(--tech-accent-primary)!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-professional .theme-card.active,body.tech-theme-light-professional .theme-card.active,body.tech-theme-neutral-modern .theme-card.active{border-color:var(--tech-accent-primary)!important;box-shadow:var(--tech-shadow-lg)!important}body.tech-theme-dark-professional .theme-info,body.tech-theme-light-professional .theme-info,body.tech-theme-neutral-modern .theme-info{background:var(--tech-bg-card)!important}body.tech-theme-dark-professional .theme-name,body.tech-theme-light-professional .theme-name,body.tech-theme-neutral-modern .theme-name{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .theme-desc,body.tech-theme-light-professional .theme-desc,body.tech-theme-neutral-modern .theme-desc{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .theme-info-note,body.tech-theme-light-professional .theme-info-note,body.tech-theme-neutral-modern .theme-info-note{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-light)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .btn,body.tech-theme-dark-professional button:not(.sidebar-item),body.tech-theme-light-professional .btn,body.tech-theme-light-professional button:not(.sidebar-item),body.tech-theme-neutral-modern .btn,body.tech-theme-neutral-modern button:not(.sidebar-item){background:var(--tech-accent-primary)!important;border:none!important;color:#fff!important}body.tech-theme-dark-professional .btn:hover,body.tech-theme-dark-professional button:not(.sidebar-item):hover,body.tech-theme-light-professional .btn:hover,body.tech-theme-light-professional button:not(.sidebar-item):hover,body.tech-theme-neutral-modern .btn:hover,body.tech-theme-neutral-modern button:not(.sidebar-item):hover{background:#fff!important;background:var(--white,#fff)!important}body.tech-theme-dark-professional .btn-secondary,body.tech-theme-light-professional .btn-secondary,body.tech-theme-neutral-modern .btn-secondary{background:#fff!important;background:var(--white,#fff)!important;border:2px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-secondary:hover,body.tech-theme-light-professional .btn-secondary:hover,body.tech-theme-neutral-modern .btn-secondary:hover{background:#fff!important;background:var(--white,#fff)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}.btn.btn-primary,.customers .view-header .btn-primary,.customers .view-header .btn.btn-primary,.header-actions .btn.btn-primary,.modal-footer .btn.btn-primary,.view-header .btn.btn-primary,[data-theme] .btn.btn-primary,[data-theme] .customers .view-header .btn-primary,[data-theme] .customers .view-header .btn.btn-primary,[data-theme] .header-actions .btn.btn-primary,[data-theme] .modal-footer .btn.btn-primary,[data-theme] .view-header .btn.btn-primary,[data-theme] button.btn.btn-primary,button.btn.btn-primary{background-color:var(--white)!important;background-image:none!important;border:2px solid var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important}.btn.btn-secondary,.header-actions .btn.btn-secondary,.modal-footer .btn.btn-secondary,.view-header .btn.btn-secondary,[data-theme] .btn.btn-secondary,[data-theme] .header-actions .btn.btn-secondary,[data-theme] .modal-footer .btn.btn-secondary,[data-theme] .view-header .btn.btn-secondary,[data-theme] button.btn.btn-secondary,button.btn.btn-secondary{background-color:var(--white)!important;background-image:none!important;border:2px solid var(--secondary-color)!important;box-shadow:var(--shadow-sm)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important}.btn.btn-primary:hover:not(:disabled),.customers .view-header .btn-primary:hover:not(:disabled),.customers .view-header .btn.btn-primary:hover:not(:disabled),.header-actions .btn.btn-primary:hover:not(:disabled),.modal-footer .btn.btn-primary:hover:not(:disabled),.view-header .btn.btn-primary:hover:not(:disabled),[data-theme] .btn.btn-primary:hover:not(:disabled),[data-theme] .customers .view-header .btn-primary:hover:not(:disabled),[data-theme] .customers .view-header .btn.btn-primary:hover:not(:disabled),[data-theme] .header-actions .btn.btn-primary:hover:not(:disabled),[data-theme] .modal-footer .btn.btn-primary:hover:not(:disabled),[data-theme] .view-header .btn.btn-primary:hover:not(:disabled),[data-theme] button.btn.btn-primary:hover:not(:disabled),button.btn.btn-primary:hover:not(:disabled){background-color:var(--white)!important;background-image:none!important;border-color:var(--primary-hover)!important;box-shadow:var(--shadow-md)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important;transform:translateY(-1px)!important}.btn.btn-secondary:hover:not(:disabled),.header-actions .btn.btn-secondary:hover:not(:disabled),.modal-footer .btn.btn-secondary:hover:not(:disabled),.view-header .btn.btn-secondary:hover:not(:disabled),[data-theme] .btn.btn-secondary:hover:not(:disabled),[data-theme] .header-actions .btn.btn-secondary:hover:not(:disabled),[data-theme] .modal-footer .btn.btn-secondary:hover:not(:disabled),[data-theme] .view-header .btn.btn-secondary:hover:not(:disabled),[data-theme] button.btn.btn-secondary:hover:not(:disabled),button.btn.btn-secondary:hover:not(:disabled){background-color:var(--white)!important;background-image:none!important;border-color:var(--secondary-hover)!important;box-shadow:var(--shadow-md)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important;transform:translateY(-1px)!important}.btn.btn-primary,.btn.btn-secondary,.customers .view-header .btn-primary,.customers .view-header .btn.btn-primary,.header-actions .btn.btn-primary,.header-actions .btn.btn-secondary,.modal-footer .btn.btn-primary,.modal-footer .btn.btn-secondary,.view-header .btn.btn-primary,.view-header .btn.btn-secondary,button.btn.btn-primary,button.btn.btn-secondary{-webkit-font-smoothing:antialiased!important;align-items:center!important;border:2px solid #0000;border-radius:10px!important;box-sizing:border-box!important;cursor:pointer;display:inline-flex!important;font-family:inherit;font-size:1rem!important;font-weight:500!important;gap:8px!important;height:auto!important;justify-content:center!important;line-height:1.5!important;max-width:none!important;min-height:40px!important;overflow:visible!important;padding:12px 24px!important;text-decoration:none;text-overflow:clip!important;text-rendering:optimizeLegibility!important;transition:all .2s ease;white-space:nowrap!important;width:auto!important}.btn svg,.btn-primary svg,.btn-secondary svg,.header-actions .btn svg,.modal-footer .btn svg,.view-header .btn svg{stroke:currentColor!important;color:inherit!important;flex-shrink:0!important;height:18px!important;width:18px!important}.view-header{min-width:0!important}.header-actions,.view-header,.view-header *{overflow:visible!important}.header-actions{align-items:center!important;display:flex!important;gap:12px!important;max-width:none!important;min-width:0!important}.header-actions *{overflow:visible!important}.btn-primary:disabled,.btn-secondary:disabled,.btn:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.full-menu-content .menu-card,.full-menu-content .menu-item,.full-menu-content [data-menu-item=true],.full-menu-content button.menu-card,.full-menu-content button.menu-item,.menu-card,.menu-item,[data-menu-item=true],button.menu-card,button.menu-item,button[data-menu-item=true]{border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.auth-screen{align-items:center;background:linear-gradient(135deg,var(--bg-color) 0,var(--ancient-pink) 100%);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-container{animation:slideUp .5s ease;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-hover);margin:20px;max-width:400px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-logo{display:block;height:auto;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:220px;width:100%}.auth-header p{color:var(--gray);font-size:1.1rem;margin-top:0}.auth-tabs{border-bottom:2px solid var(--light-gray);display:flex;margin-bottom:30px}.auth-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--gray);cursor:pointer;flex:1 1;font-size:1rem;padding:15px;transition:var(--transition)}.auth-tab.active{border-bottom-color:var(--text-title)}.auth-tab.active,.auth-tab:hover{color:var(--text-title)}.error-message{background:#dc35451a;border-left:4px solid var(--danger);border-radius:var(--border-radius-sm);color:var(--danger);font-size:.9rem;margin-bottom:20px;padding:12px 16px}.auth-form{gap:20px}.auth-form,.auth-form .form-group{display:flex;flex-direction:column}.auth-form .form-group{gap:8px}.auth-form .form-group label{color:var(--text-color);font-size:.9rem;font-weight:600}.auth-form .form-group input{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-color);font-size:1rem;padding:12px 14px;transition:var(--transition);width:100%}.auth-form .form-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #f59e0b1a;outline:none}.auth-form .btn-primary{margin:0 auto}.auth-form .btn-google,.auth-form .btn-primary{align-items:center;display:flex;font-weight:600;justify-content:center;padding:14px;width:100%}.auth-form .btn-google{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-color);cursor:pointer;gap:10px;transition:var(--transition)}.auth-form .btn-google:hover:not(:disabled){border-color:var(--gray);box-shadow:var(--shadow)}.auth-form .btn-google:disabled{cursor:not-allowed;opacity:.6}.auth-links{margin-top:20px;text-align:center}.forgot-password-link{background:none;border:none;color:var(--accent-color);cursor:pointer;font-size:.9rem;padding:0;text-decoration:none}.forgot-password-link:hover{text-decoration:underline}.auth-divider,.btn-register{display:none!important}@media (max-width:768px){.auth-container{margin:10px;padding:30px 20px}.auth-logo{max-width:180px}}@media (max-width:480px){.auth-container{margin:5px;padding:20px 15px}.auth-logo{margin-bottom:10px;max-width:150px}.auth-header p{font-size:.95rem}.auth-tab{font-size:.9rem;padding:12px 8px}}.user-profile-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.user-profile-modal-content{animation:slideUp .3s ease-out;background:#fff;background:var(--surface,#fff);border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.user-profile-modal-header{align-items:center;background:linear-gradient(135deg,#f5f5f5,#0000);background:linear-gradient(135deg,var(--primary-bg,#f5f5f5) 0,#0000 100%);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;justify-content:space-between;padding:20px 24px}.user-profile-modal-header h2{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.25rem;font-weight:600;margin:0}.btn-close-modal{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;color:var(--text-secondary,#666);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.btn-close-modal:hover{background:#f0f0f0;background:var(--hover-bg,#f0f0f0);color:#1a1a1a;color:var(--text-primary,#1a1a1a)}.user-profile-modal-body{flex:1 1;overflow-y:auto;padding:24px}.profile-avatar-section{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);display:flex;flex-direction:column;margin-bottom:32px;padding-bottom:24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--primary,#6366f1) 0,var(--primary-dark,#4f46e5) 100%);border-radius:50%;box-shadow:0 4px 12px #6366f14d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin-bottom:16px;width:100px}.profile-name{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1.5rem;font-weight:600;margin:0 0 8px;text-align:center}.profile-role{background:#f0f0ff;background:var(--primary-bg,#f0f0ff);border-radius:20px;color:#6366f1;color:var(--primary,#6366f1);font-size:.85rem;font-weight:600;padding:6px 16px;text-transform:capitalize}.profile-info-section{display:flex;flex-direction:column;gap:16px}.profile-info-item{align-items:flex-start;background:#fafafa;background:var(--background,#fafafa);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s}.profile-info-item:hover{border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 2px 8px #6366f11a}.info-icon{align-items:center;background:#fff;background:var(--surface,#fff);border-radius:10px;color:#6366f1;color:var(--primary,#6366f1);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-content{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.info-content label{color:#666;color:var(--text-secondary,#666);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-content span{word-wrap:break-word;color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:1rem}.user-id-text{color:#666!important;color:var(--text-secondary,#666)!important;font-family:monospace;font-size:.85rem!important;word-break:break-all}.loading-state{gap:16px}.spinner{border:4px solid #e0e0e0;border-top-color:#6366f1;border:4px solid var(--border,#e0e0e0);border-top-color:var(--primary,#6366f1);height:40px;width:40px}.loading-state p{color:#666;color:var(--text-secondary,#666);font-size:.95rem}.user-profile-modal-footer{background:#fafafa;background:var(--background,#fafafa);border-top:1px solid #e0e0e0;border-top:1px solid var(--border,#e0e0e0);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.profile-actions{display:flex;flex-wrap:wrap;gap:12px}.profile-actions .btn{min-width:120px}@media (max-width:520px){.profile-actions{flex-direction:column;width:100%}.profile-actions .btn{width:100%}}.password-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:11000}.password-modal{background:#fff;background:var(--surface,#fff);border-radius:16px;box-shadow:0 24px 60px #00000040;display:flex;flex-direction:column;gap:16px;padding:28px 24px;width:min(420px,100%)}.password-modal h3{color:#111;color:var(--text-primary,#111);font-size:1.2rem;font-weight:600;margin:0}.password-modal-subtitle{color:#666;color:var(--text-secondary,#666);font-size:.95rem;margin:0}.password-modal-grid{display:flex;flex-direction:column;gap:12px}.password-modal-grid label{color:#555;color:var(--text-secondary,#555);display:flex;flex-direction:column;font-size:.9rem;font-weight:600;gap:6px}.password-modal-grid input{border:1px solid #d5d5d5;border:1px solid var(--border,#d5d5d5);border-radius:10px;font-size:.95rem;padding:10px 12px;transition:border .2s,box-shadow .2s}.password-modal-grid input:focus{border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 0 0 3px #6366f126;outline:none}.password-modal-error{background:#dc262614;border:1px solid #dc262633;border-radius:10px;color:#dc2626;font-size:.9rem;padding:10px 12px}.password-modal-actions{display:flex;gap:12px;justify-content:flex-end}.password-modal-actions .btn{min-width:120px}@media (max-width:420px){.password-modal{padding:24px 18px}.password-modal-actions{flex-direction:column}.password-modal-actions .btn{width:100%}}.user-profile-modal-footer .btn{min-width:100px}@media (max-width:600px){.user-profile-modal-content{margin:20px;max-width:none;width:95%}.user-profile-modal-body{padding:20px 16px}.profile-avatar{font-size:2rem;height:80px;width:80px}.profile-name{font-size:1.25rem}.profile-info-item{padding:12px}.info-icon{height:36px;width:36px}.info-content span{font-size:.95rem}}.app-header{background:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);color:var(--text-primary);display:flex;justify-content:space-between;padding:27px 40px;z-index:100}.app-header,.header-left{align-items:center;position:relative}.header-left{z-index:1001}.business-info{align-items:center;display:flex;gap:16px}.header-separator{background:var(--primary-color);flex-shrink:0;height:40px;width:1px}.business-logo-small{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.company-logo-small{height:100%;object-fit:cover;width:100%}.business-logo{align-items:center;background:var(--primary-color);border-radius:var(--radius-full);box-shadow:var(--shadow-md);display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.business-logo img{height:100%;object-fit:cover;width:100%}.logo-placeholder{color:var(--white);font-size:1.8rem;font-weight:700;text-shadow:0 2px 4px #0003}.business-details{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.business-details h1{color:var(--text-title);font-size:1.5rem;font-weight:400;line-height:1.2;margin:0}.business-logo-horizontal{height:47px;max-width:293px;object-fit:contain;width:auto}.business-name{color:var(--text-title);font-size:2rem;font-weight:300;line-height:var(--line-height-tight)}.license-number{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);color:var(--text-primary);display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.license-number:hover{background:var(--bg-primary);box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.license-label{color:var(--text-secondary);font-weight:500}.license-value{color:var(--accent-color);font-family:Courier New,monospace;font-weight:700;letter-spacing:.5px}.header-right{display:flex;gap:12px;position:relative;z-index:1001}.user-box{gap:8px}.user-box,.user-label{align-items:center;display:flex}.user-label{background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:.85rem;gap:6px;padding:6px 10px;transition:all .2s ease}.user-label.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.user-label.clickable:hover{background:#fff;border-color:#6366f1;border-color:var(--primary,#6366f1);box-shadow:0 2px 8px #6366f133;transform:translateY(-1px)}.user-label.clickable:hover .user-label-icon{color:#6366f1;color:var(--primary,#6366f1)}.user-label.clickable:active{transform:translateY(0)}.user-label-icon{color:#6b7280;transition:color .2s ease}.app-header .btn-icon,.app-header .btn-icon svg{stroke:#fff!important;fill:#fff!important;color:#fff!important}.app-header svg,.header-right .btn-icon svg,.header-right svg{display:block!important;opacity:1!important;position:relative!important;visibility:visible!important;z-index:9999!important}.header-right .btn-icon{align-items:center;background-color:var(--primary-color)!important;border:2px solid var(--primary-color)!important;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)!important;color:#fff!important;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.header-right .assistant-btn{background-color:var(--primary-color)!important;background-color:var(--accent-color,var(--primary-color))!important;border:2px solid var(--accent-color,var(--primary-color))!important;position:relative}.header-right .assistant-btn:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)}.header-right .assistant-btn.active,.header-right .assistant-btn:hover{background-color:var(--primary-hover)!important;background-color:var(--accent-hover,var(--primary-hover))!important;border-color:var(--accent-hover,var(--primary-hover))!important}.header-right .assistant-btn.active{box-shadow:0 0 0 3px #0000001a!important}.header-right .assistant-btn svg{stroke:#fff!important;color:#fff!important}.header-right .btn-icon svg,.header-right .btn-icon svg *,.header-right .btn-icon svg circle,.header-right .btn-icon svg line,.header-right .btn-icon svg path,.header-right .btn-icon svg polygon,.header-right .btn-icon svg rect{stroke:#fff!important;fill:#fff!important;stroke-width:2.5!important;color:#fff!important;height:20px!important;width:20px!important}.header-right .btn-icon svg circle[stroke],.header-right .btn-icon svg line[stroke],.header-right .btn-icon svg path[stroke],.header-right .btn-icon svg polygon[stroke],.header-right .btn-icon svg rect[stroke],.header-right .btn-icon svg[stroke]{stroke:#fff!important}.header-right .btn-icon svg circle[fill],.header-right .btn-icon svg line[fill],.header-right .btn-icon svg path[fill],.header-right .btn-icon svg polygon[fill],.header-right .btn-icon svg rect[fill],.header-right .btn-icon svg[fill]{fill:#fff!important}.header-right .btn-icon svg circle[style*=stroke],.header-right .btn-icon svg line[style*=stroke],.header-right .btn-icon svg path[style*=stroke],.header-right .btn-icon svg polygon[style*=stroke],.header-right .btn-icon svg rect[style*=stroke],.header-right .btn-icon svg[style*=stroke]{stroke:#fff!important}.header-right .btn-icon svg circle[style*=fill],.header-right .btn-icon svg line[style*=fill],.header-right .btn-icon svg path[style*=fill],.header-right .btn-icon svg polygon[style*=fill],.header-right .btn-icon svg rect[style*=fill],.header-right .btn-icon svg[style*=fill]{fill:#fff!important}.header-right .btn-icon:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.header-right .btn-icon.active svg,.header-right .btn-icon.active svg *,.header-right .btn-icon:hover svg,.header-right .btn-icon:hover svg *{stroke:#fff!important;fill:#fff!important;color:#fff!important}.header-right .btn-icon:disabled{cursor:not-allowed;opacity:.5;transform:none}.header-right .btn-icon:disabled:hover{background:var(--bg-primary);box-shadow:var(--shadow-sm);transform:none}.header-right .btn-icon.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white);transform:rotate(-5deg)}.header-right .btn-icon.active svg{stroke:var(--white)!important;color:var(--white)!important}.post-it-manager{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;transition:background .2s ease;width:100%;z-index:999999}.post-it-manager.drag-active{background:#ffc1071a;pointer-events:all}.post-it-manager .post-it{pointer-events:all;z-index:1}.post-it{animation:attachPostIt .4s cubic-bezier(.68,-.55,.265,1.55);border:1px solid #ffc1074d;border-radius:4px;box-shadow:0 4px 8px #00000026,0 8px 16px #0000001a,2px 2px 0 #0000001a;overflow:hidden;position:absolute;transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(var(--rotation,0deg));width:260px}.post-it:before{border-color:#0000 #0000001a #0000 #0000;border-style:solid;border-width:0 20px 20px 0;right:0;top:0;z-index:1}.post-it:after,.post-it:before{content:"";height:0;position:absolute;width:0}.post-it:after{border-color:#0000 #fff59d #0000 #0000;border-style:solid;border-width:0 18px 18px 0;right:2px;top:2px;z-index:2}.post-it-header{align-items:center;background:#ffffff4d;border-bottom:1px solid #0000001a;display:flex;justify-content:space-between;padding:10px 16px 6px}.post-it-title{color:#333;font-size:1rem;font-weight:600;text-shadow:0 1px 0 #ffffff80}.post-it-close{align-items:center;background:none;border:none;border-radius:2px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.post-it-close:hover{background:#0000001a;color:#333}.post-it-content{background:#0000;border:none;color:#333;font-family:Caveat,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;line-height:1.3;max-height:120px;min-height:60px;outline:none;padding:8px 13px 10px;resize:none;width:100%}.post-it-content::placeholder{color:#666;font-style:italic;opacity:.7}@keyframes attachPostIt{0%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.8)}50%{opacity:.8;transform:translate(-50%,-50%) rotate(-5deg) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) rotate(0deg) scale(1);transform:translate(-50%,-50%) rotate(var(--rotation,0deg)) scale(1)}}.post-it:hover{box-shadow:0 6px 12px #0003,0 12px 24px #00000026,3px 3px 0 #00000026;z-index:2}.post-it{cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.post-it:active{cursor:grabbing}.post-it.dragging{box-shadow:0 8px 16px #0000004d,0 16px 32px #0003,4px 4px 0 #0003;opacity:.8;transform:translate(-50%,-50%) rotate(0deg)!important;transform:translate(-50%,-50%) rotate(var(--rotation,0deg))!important;transition:none;z-index:3}.post-it-header{cursor:grab!important;-webkit-user-select:none;user-select:none}.post-it-header:active{cursor:grabbing!important}.post-it-header:hover{background:#fff3}.post-it-content{cursor:text}@media (max-width:768px){.post-it{width:208px}.post-it-content{font-size:.98rem;max-height:91px;min-height:46px}.app-header{padding:15px 20px}.business-info{gap:12px}.business-logo{height:48px;width:48px}.logo-placeholder{font-size:1.5rem}.business-logo-small{height:40px;width:40px}.business-logo-horizontal{height:39px;max-width:234px}.business-details h1{font-size:1.3rem}.business-name{font-size:1rem}}@media (max-width:480px){.app-header{padding:12px 15px}.business-info{gap:10px}.business-logo{height:40px;width:40px}.logo-placeholder{font-size:1.2rem}.business-logo-small{height:36px;width:36px}.business-logo-horizontal{height:35px;max-width:195px}.business-details h1{font-size:1.1rem}.business-name{font-size:.9rem}}.header-actions-mobile{align-items:center;display:flex;gap:6px}.btn-icon-mobile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon-mobile:active{background:#ffffff40;transform:scale(.92)}.btn-icon-mobile.active{background:#ffffff4d;border-color:#fff6}.btn-user-mobile{align-items:center;background:#fff;border:2px solid #ffffff80;border-radius:50%;box-shadow:0 2px 8px #00000026;color:var(--primary-color);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-user-mobile:active{background:#fffffff2;box-shadow:0 4px 12px #0003;transform:scale(.92)}.postit-modal-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.postit-modal-sheet{animation:slideUpPostit .3s ease;background:#fff;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;left:0;max-height:80vh;overflow-y:auto;position:absolute;right:0}@keyframes slideUpPostit{0%{transform:translateY(100%)}to{transform:translateY(0)}}.postit-modal-handle{background:#cbd5e1;border-radius:2px;height:4px;margin:12px auto 8px;width:40px}.postit-modal-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.postit-modal-header h2{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.btn-close-postit{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.btn-close-postit:active{background:var(--border-light)}.postit-modal-body{padding:20px 20px 60px}.empty-postits{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-postits p{font-size:1rem;margin:0}.postits-list-mobile{display:flex;flex-direction:column;gap:12px;padding-bottom:20px}.postit-card-mobile{background:#fff;border:1px solid var(--border-light);border-left:4px solid #f4d58d;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:12px}.postit-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.postit-color-badge{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;height:24px;width:24px}.btn-delete-postit{background:#0000;border:none;border-radius:50%;color:#e87676;cursor:pointer;padding:4px;transition:all .2s ease}.btn-delete-postit:active{background:#e876761a;transform:scale(.9)}.postit-textarea-mobile{background:#f4d58d0d;border:none;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:12px;resize:vertical;width:100%}.postit-textarea-mobile:focus{background:#f4d58d1a;outline:none}.header-center{justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.current-date,.header-center{align-items:center;display:flex}.current-date{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius);color:var(--text-primary);font-size:1.1rem;font-weight:600;gap:6px;padding:8px 16px;text-align:center;white-space:nowrap}.current-date svg{color:var(--accent-color)}.subscription-expiry{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:var(--border-radius-sm);display:flex;font-size:.9rem;font-weight:500;gap:4px;padding:6px 10px;white-space:nowrap}.subscription-expiry,.subscription-expiry svg{color:var(--accent-color);color:var(--warning-color,var(--accent-color))}@media (max-width:1024px){.header-center{display:none}}@media (max-width:768px){.subscription-expiry{display:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){.postit-modal-body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.navigation{background:var(--bg-primary);border-right:1px solid var(--border-light);flex-shrink:0;height:100%;overflow-y:auto;width:260px}.navigation,.navigation-content{display:flex;flex-direction:column}.navigation-content{flex:none;gap:20px;overflow:visible;padding:24px 16px 28px}.nav-section{gap:10px}.nav-section,.nav-section-header{display:flex;flex-direction:column}.nav-section-header{gap:4px;padding:0 8px}.nav-section-title{color:#7c7f92;color:var(--text-tertiary,#7c7f92);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.nav-section-subtitle{color:#5b5d6d;color:var(--text-secondary,#5b5d6d);font-size:.82rem}.nav-section-body{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#6366f10a;background:var(--bg-secondary,#6366f10a);border:1px solid #6366f11f;border:1px solid var(--border-light,#6366f11f);border-radius:18px;display:flex;flex-direction:column;gap:6px;padding:6px}.nav-item{align-items:center;background:none;border:none;border-left:4px solid #0000;border-radius:14px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--sidebar-font-size)!important;font-weight:var(--font-weight-medium);gap:14px;padding:14px 18px;text-align:left;transition:var(--transition-fast);width:100%}.nav-item,.nav-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item span{flex:1 1}.nav-item.active,.nav-item:hover{background:var(--primary-light);color:var(--primary-color)}.nav-item.active{border-left-color:var(--primary-color);box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d}body.tech-theme-dark-elegant .nav-item.active,body.tech-theme-dark-professional .nav-item.active,body.tech-theme-light-professional .nav-item.active,body.tech-theme-neutral-modern .nav-item.active{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important;background-image:none!important;color:var(--tech-accent-primary)!important}.nav-item svg{flex-shrink:0}@media (max-width:768px){.app-nav{padding:15px 0;padding-bottom:200px!important;width:220px}.nav-item{padding:12px 16px}}@media (max-width:480px){.app-nav{padding:10px 0;padding-bottom:200px!important;width:70px}.nav-item{justify-content:center;padding:12px}.nav-item span{display:none}}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background:#fff;border-top:1px solid var(--border-light);bottom:0;box-shadow:0 -2px 10px #00000014;display:flex;height:60px;left:0;padding:0;position:fixed;right:0;z-index:1000}.bottom-nav-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:8px 4px;transition:all .2s ease}.bottom-nav-item span{font-size:.7rem;font-weight:600}.bottom-nav-item svg{flex-shrink:0}.bottom-nav-item:active{background:var(--bg-secondary)}.bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item.active svg{transform:scale(1.1)}.bottom-nav-item.menu-btn{color:var(--primary-color);font-weight:700}.bottom-nav-item.menu-btn svg{stroke-width:2.5px}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}}}.full-menu-overlay{animation:fadeIn .3s ease;background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.full-menu-content{animation:slideUpMenu .3s ease;background:#fff;border-radius:20px 20px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;left:0;max-height:90vh;overflow-y:auto;position:absolute;right:0}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}.full-menu-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light,#e5e7eb);box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:24px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.full-menu-header h2{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.full-menu-header p{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;font-weight:500;margin:0}.btn-close-menu{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-close-menu:active{background:var(--border-light);transform:scale(.95)}.full-menu-body{background:#fafafa;padding:20px 20px 40px}.menu-section{margin-bottom:32px}.menu-section:last-child{margin-bottom:0}.section-title{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;letter-spacing:.8px;margin:0 0 14px;padding-left:4px;text-transform:uppercase}.full-menu-content .menu-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.full-menu-content .menu-card,.full-menu-content .menu-item,.full-menu-content button.menu-card,.full-menu-content button.menu-item,.menu-card,.menu-item,button.menu-card,button.menu-item{align-items:center!important;background:#f8f9fa!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-light,#e5e7eb)!important;border-radius:0!important;box-shadow:0 1px 3px #0000000d!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;gap:10px!important;justify-content:center!important;min-height:100px!important;padding:16px 8px!important;position:relative!important;transition:all .2s ease!important}.menu-card:active,.menu-item:active{box-shadow:0 1px 2px #0000001a;transform:scale(.97)}.full-menu-content .menu-card.active,.full-menu-content .menu-item.active,.menu-card.active,.menu-item.active{background:#e8c8c2!important;background:var(--item-color,#e8c8c2)!important;border-color:#e8c8c2!important;border-color:var(--item-color,#e8c8c2)!important;border-radius:0!important;box-shadow:0 2px 8px #e8c8c24d!important}.menu-card-icon{align-items:center;background:#e8c8c2;background:var(--item-color,#e8c8c2);border-radius:0;color:#fff;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.menu-item svg{color:#6366f1!important;color:var(--item-color,#6366f1)!important;height:32px!important;transition:all .2s ease!important;width:32px!important}.menu-item.active svg{color:#fff!important}.menu-item span{color:#1f2937!important;color:var(--text-primary,#1f2937)!important;font-size:.8rem!important;font-weight:600!important;line-height:1.3!important;text-align:center!important;transition:color .2s ease!important}.menu-item.active span{color:#fff!important}.menu-card:active .menu-card-icon{transform:scale(.95)}.menu-card-label{color:var(--text-primary);font-size:.85rem;font-weight:600;line-height:1.3;text-align:center}.active-indicator{animation:pulse 2s ease-in-out infinite;color:var(--item-color);font-size:.6rem;position:absolute;right:8px;top:8px}@media (max-width:375px){.menu-grid{grid-template-columns:repeat(2,1fr)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.full-menu-body{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}.full-menu-content .menu-card,.full-menu-content .menu-item,.full-menu-content button.menu-card,.full-menu-content button.menu-item,.full-menu-content button[data-menu-item=true],[data-menu-item=true],button[data-menu-item=true]{border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-top-left-radius:0!important;border-top-right-radius:0!important}.dashboard{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;min-height:0;padding:0 0 20px}.dashboard-section:last-child{margin-bottom:40px!important}.dashboard-header{margin-bottom:20px}.dashboard-header h2{color:var(--text-title);font-size:2rem;font-weight:300;margin:0}.dashboard-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-primary)!important;background-image:none!important;border:2px solid var(--border-light);padding:16px;transition:all var(--transition-fast)}.dashboard-stats-grid .stat-card:first-child{border-color:var(--primary-color)}.dashboard-stats-grid .stat-card:nth-child(2){border-color:var(--secondary-color)}.dashboard-stats-grid .stat-card:nth-child(3){border-color:var(--accent-color)}.dashboard-stats-grid .stat-card:nth-child(4){border-color:var(--success-color)}.stat-card.clickable{position:relative}.stat-card.clickable:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.stat-action{color:#666;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s ease}.stat-card.clickable:hover .stat-action{opacity:1}.stat-card.stat-primary{color:#d4817e}.stat-card.stat-success{color:#4caf50}.stat-card.stat-revenue{color:#e8a5a5}.stat-card.stat-info{color:#2196f3}.stat-card.stat-primary .stat-icon{background:#d4817e1a;color:var(--primary-color)}.stat-card.stat-success .stat-icon{background:#4caf501a;color:#4caf50}.stat-card.stat-revenue .stat-icon{background:#ff98001a;color:#ff9800}.stat-card.stat-info .stat-icon{background:#2196f31a;color:#2196f3}.stat-card.clickable:hover .stat-icon{transform:scale(1.1)}.stat-card.stat-primary.clickable:hover .stat-icon{background:#d4817e33}.stat-card.stat-success.clickable:hover .stat-icon{background:#4caf5033}.stat-card.stat-revenue.clickable:hover .stat-icon{background:#ff980033}.stat-card.stat-info.clickable:hover .stat-icon{background:#2196f333}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-xs)}.stat-label{color:#111827;filter:none!important;font-weight:700;opacity:1!important;text-shadow:none!important}.stat-sublabel{align-items:center;color:#666;display:flex;font-size:.75rem;gap:4px}.stat-sublabel.positive{color:#4caf50}.stat-sublabel.negative{color:#f44336}.dashboard-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.chart-card{background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.chart-card:hover{box-shadow:var(--shadow-md)}.chart-card.chart-large{grid-column:1/-1}.chart-header{flex-wrap:wrap;gap:12px;margin-bottom:20px}.chart-header h3{color:var(--text-color);font-size:1.25rem;margin:0 0 4px}.chart-header p{color:#666;font-size:.875rem;margin:0}.chart-toggle{background:var(--light-gray);border-radius:var(--border-radius);box-shadow:var(--shadow);flex-shrink:0;gap:0}.toggle-btn{font-weight:600;white-space:nowrap}.toggle-btn.active{background:#fff!important;box-shadow:0 2px 4px #0000001a!important;color:var(--primary-color)!important}.chart-container{position:relative;width:100%}.dashboard-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);box-sizing:border-box;padding:24px;width:100%}.dashboard-section h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 20px}.appointments-list{grid-gap:12px;box-sizing:border-box;display:grid!important;grid-template-columns:repeat(5,1fr)!important;width:100%}@media (max-width:1200px){.appointments-list{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.appointments-list{gap:10px;grid-template-columns:1fr!important}}.appointment-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;font-size:.9rem;gap:8px;max-width:100%;min-height:140px;padding:12px;transition:all .2s ease;width:100%}.appointment-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.appointment-item.clickable{cursor:pointer!important}.appointment-item.clickable:hover{background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);border-color:var(--theme-primary,var(--primary-color));box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.appointment-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.appointment-time{color:var(--text-primary)}.appointment-status{border-radius:12px;font-size:.75rem;padding:4px 12px;text-transform:uppercase}.appointment-status.confirmed{background:#e8f5e9;color:#4caf50}.appointment-status.pending{background:#fff3e0;color:#ff9800}.appointment-client{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.appointment-service{color:var(--text-secondary);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-metadata{border-top:1px solid var(--light-gray);display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;padding-top:8px}.appointment-cabina,.appointment-operatore{align-items:center;background:#f9fafb;background:var(--bg-color,#f9fafb);border-radius:6px;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:4px 8px}.appointment-operatore{border-left:3px solid #d4817e;border-left:3px solid var(--theme-primary,#d4817e)}.appointment-cabina{border-left:3px solid #e8a5a5;border-left:3px solid var(--secondary-color,#e8a5a5)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.dashboard-loading p{color:#666;font-size:1rem}@media (max-width:1200px){.dashboard-charts{grid-template-columns:1fr}.chart-card.chart-large{grid-column:1}}@media (max-width:768px){.dashboard{-webkit-overflow-scrolling:touch!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px;padding-bottom:120px!important}.dashboard-header h2{font-size:1.4rem}.dashboard-stats-grid{gap:10px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{padding:14px}.stat-icon{height:44px;width:44px}.stat-value{font-size:1.4rem}.stat-label{font-size:.85rem}.dashboard-charts{gap:14px;grid-template-columns:1fr}.chart-card{padding:14px}.chart-header h3{font-size:.95rem}.chart-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.dashboard-section{padding:16px}.dashboard-section h3{font-size:1.1rem}}.recharts-default-tooltip{background:#fff!important;border:1px solid #ddd!important;border-radius:8px!important;box-shadow:0 2px 8px #0000001a!important}.recharts-tooltip-label{color:var(--text-color);font-weight:600;margin-bottom:8px}.recharts-tooltip-item{color:#666!important}.recharts-legend-wrapper{margin-top:16px!important}.recharts-legend-item-text{color:var(--text-color)!important;font-size:.875rem!important}.modal-overlay{overflow-x:hidden}.modal-content{background:var(--bg-color,#fff);border:1px solid var(--border-color,var(--light-gray));box-shadow:var(--shadow-lg);display:flex!important;flex-direction:column!important;margin:auto;max-height:90vh!important;max-width:1600px;min-height:400px;overflow:hidden!important}.modal-header{background:linear-gradient(135deg,var(--theme-primary,#d4817e),var(--theme-accent,#e8a5a5));border-bottom:1px solid var(--light-gray)}.modal-header h3{font-weight:600}.modal-close{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{flex:1 1 auto;max-height:calc(90vh - 100px);min-height:0;overflow-x:hidden!important;overflow-y:auto!important;position:relative}.modal-details{display:flex;flex-direction:column;gap:24px;min-height:400px}.detail-stats{grid-gap:16px;background:var(--bg-color);border-radius:var(--border-radius-sm);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.detail-stat{display:flex;flex-direction:column;gap:4px}.detail-label{color:#666;font-size:.875rem;font-weight:500}.detail-value{color:var(--text-color);font-size:1.125rem}.appointments-list-detailed{-webkit-overflow-scrolling:touch;max-height:500px!important;min-height:200px;overflow-x:hidden!important;overflow-y:auto!important}.appointment-detail-item{grid-gap:12px;background:#fff;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);gap:12px;grid-template-columns:1fr 1fr 1fr auto auto;padding:12px;transition:all .2s ease}.appointment-detail-item:hover{background:var(--bg-color);border-color:var(--primary-color)}.appointment-client,.appointment-time{font-size:.875rem}.appointment-service{color:#666;font-size:.875rem}.appointment-amount{font-size:.875rem}.customers-list{-webkit-overflow-scrolling:touch;gap:12px;max-height:500px;overflow-x:hidden;padding-right:8px}.customer-detail-item{background:#fff;border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:12px;padding:16px;transition:all .2s ease}.customer-detail-item:hover{background:var(--bg-color);border-color:var(--primary-color)}.customer-header-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.customer-name{color:var(--text-color);font-size:.875rem}.customer-stats{align-items:center;color:#666;display:flex;font-size:.75rem;gap:12px}.customer-appointments-list{border-top:1px solid var(--light-gray);display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px}.customer-appointments-header{color:var(--text-color);font-size:.75rem;font-weight:600;margin-bottom:4px}.customer-appointment-item{align-items:center;background:var(--bg-color);border-radius:var(--border-radius-sm);display:flex;font-size:.75rem;gap:12px;justify-content:space-between;padding:8px 12px}.appointment-date{color:var(--text-color);flex:1 1}.appointment-amount{color:var(--primary-color);font-weight:600}.btn-open-appointment{align-items:center;background:var(--primary-color);background:var(--theme-primary,var(--primary-color));border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.btn-open-appointment:hover{background:var(--primary-color);background:var(--theme-accent,var(--primary-color));box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.more-appointments{color:#999;font-size:.7rem;font-style:italic;padding:4px;text-align:center}.blacklist-badge{background:#f44336;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.revenue-chart{margin-top:16px}.revenue-chart h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 16px}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-header{padding:16px 20px}.modal-body{padding:20px}.appointment-detail-item,.detail-stats{grid-template-columns:1fr}.appointment-detail-item{gap:8px}.customer-detail-item{gap:8px}.customer-detail-item,.customer-stats{align-items:flex-start;flex-direction:column}.customer-stats{gap:4px}}.appointments-mobile{background:var(--bg-app);min-height:100vh;padding-bottom:80px}.mobile-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header h1{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.btn-new-mobile{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:14px;box-shadow:0 6px 16px #e8c8c24d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease}.btn-new-mobile:active{box-shadow:0 3px 10px #e8c8c240;transform:translateY(1px) scale(.98)}.btn-new-mobile span{line-height:1}.date-nav-mobile{background:#fff;border-bottom:1px solid var(--border-light);gap:12px;padding:16px}.date-nav-btn,.date-nav-mobile{align-items:center;display:flex}.date-nav-btn{background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.date-nav-btn:active{background:var(--border-light);transform:scale(.95)}.date-display-mobile{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.date-main{color:var(--text-primary);font-size:1.1rem;font-weight:700;text-transform:capitalize}.btn-today-mobile{background:#e8c8c21a;border:1px solid #e8c8c24d;border-radius:12px;color:var(--primary-color);cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 12px}.btn-today-mobile:active{background:#e8c8c233}.btn-filter-mobile{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.btn-filter-mobile:active{background:var(--primary-color);color:#fff}.filters-mobile{animation:slideDown .3s ease;background:#fff;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;padding:16px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-select-mobile{background:#fff;border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:12px 16px;width:100%}.appointment-card-mobile,.appointments-list-mobile{display:flex;flex-direction:column;gap:12px;padding:16px}.appointment-card-mobile{background:#fff;border-left:4px solid var(--primary-color);border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;position:relative;transition:all .2s ease}.appointment-card-mobile:active{box-shadow:0 4px 16px #e8c8c233;transform:scale(.98)}.status-badge-mobile{border-radius:12px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;position:absolute;right:12px;top:12px}.appointment-time-mobile{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:10px;padding-bottom:12px}.appointment-time-mobile svg{color:var(--primary-color);flex-shrink:0}.time-range{color:var(--text-primary);font-size:1.1rem;font-weight:700}.appointment-customer-mobile{align-items:flex-start;display:flex;gap:10px}.appointment-customer-mobile svg{color:var(--text-secondary);flex-shrink:0;margin-top:2px}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-size:1rem;font-weight:600}.customer-phone{color:var(--text-secondary);font-size:.85rem}.appointment-treatment-mobile{display:flex;flex-wrap:wrap;gap:8px}.treatment-badge{background:linear-gradient(135deg,#e8c8c226,#e8c8c240);border:1px solid #e8c8c24d;border-radius:20px;color:var(--primary-color);font-size:.9rem;font-weight:600;padding:6px 14px}.appointment-details-mobile{display:flex;flex-wrap:wrap;gap:12px}.detail-item{font-size:.85rem;gap:6px}.detail-item svg{height:14px;width:14px}.appointment-note-mobile{background:#f4d58d1a;border-left:3px solid #f4d58d;border-radius:8px;color:var(--text-secondary);font-size:.9rem;line-height:1.5;padding:10px}.empty-state-mobile{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.empty-state-mobile svg{color:var(--border-light);margin-bottom:20px}.empty-state-mobile h3{color:var(--text-primary);font-size:1.3rem;margin-bottom:8px}.empty-state-mobile p{color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.loading-mobile{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 24px}.spinner-mobile{animation:spin .8s linear infinite;border:3px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.loading-mobile p{color:var(--text-secondary);font-size:.95rem}.fab-mobile{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:50%;bottom:24px;box-shadow:0 6px 20px #e8c8c266;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:60px;z-index:99}.fab-mobile:active{box-shadow:0 4px 16px #e8c8c280;transform:scale(.92)}.modal-mobile-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-mobile-sheet{animation:slideUp .3s ease;background:#fff;border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -4px 24px #00000026;left:0;max-height:85vh;overflow-y:auto;position:absolute;right:0}.modal-mobile-handle{background:var(--border-light);border-radius:2px;height:4px;margin:12px auto 8px;width:40px}.modal-mobile-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-mobile-header h2{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0}.btn-close-mobile{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.btn-close-mobile:active{background:var(--border-light)}.modal-mobile-body{display:flex;flex-direction:column;gap:16px;padding:20px}.detail-row-mobile{border-bottom:1px solid var(--border-light);display:flex;gap:14px;padding:14px 0}.detail-row-mobile:last-child{border-bottom:none}.detail-row-mobile .cabin-icon,.detail-row-mobile .note-icon,.detail-row-mobile .status-icon,.detail-row-mobile .treatment-icon,.detail-row-mobile svg{color:var(--primary-color);flex-shrink:0;text-align:center;width:20px}.detail-label{color:var(--text-secondary);font-size:.8rem;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-size:1rem;font-weight:600}.phone-link-mobile{align-items:center;background:linear-gradient(135deg,#7fb38e,#95c9a4);border-radius:16px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-top:6px;padding:6px 12px;text-decoration:none;transition:all .2s ease}.phone-link-mobile:active{transform:scale(.96)}.status-badge-large{border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:8px 16px}.modal-mobile-actions{background:var(--bg-secondary);border-top:1px solid var(--border-light);bottom:0;display:flex;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky}.btn-action-mobile,.modal-mobile-actions .btn{flex:1 1;justify-content:center}.btn-action-mobile{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;padding:14px 20px;transition:all .2s ease}.btn-action-mobile:active{transform:scale(.97)}.btn-edit{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));box-shadow:0 4px 12px #e8c8c24d;color:#fff}.btn-delete{background:#fff;border:2px solid #e87676;color:#e87676}.btn-delete:active{background:#e876761a}.modal-large{display:flex;flex-direction:column;max-height:85vh!important;position:relative}@media (max-width:768px){.modal-backdrop,div.modal-backdrop.modal-backdrop{align-items:center!important;justify-content:center!important;overflow-y:auto!important;padding:calc(100px + env(safe-area-inset-top, 0px)) 0 calc(140px + env(safe-area-inset-bottom, 0px))!important}.modal-backdrop .modal.modal-large,.modal-backdrop div.modal.modal-large,.modal.modal-large,div.modal-backdrop>div.modal.modal-large,div.modal.modal-large{height:auto!important;margin:0!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-large .modal-header{flex-shrink:0!important;min-height:60px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10001!important}.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{bottom:0!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;padding-top:16px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10001!important}}.modal-backdrop .modal.modal-large .modal-header{background:var(--white)!important;border-bottom:1px solid var(--border-light);padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:6}.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0}.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;box-shadow:none!important;color:var(--text-primary)!important}.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important}.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{stroke:var(--text-primary)!important;color:var(--text-primary)!important}.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.modal-backdrop .modal.modal-large .modal-footer{background:var(--white)!important;border-top:1px solid var(--border-light);bottom:0;display:flex!important;flex-wrap:nowrap;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky;width:100%;z-index:5}.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1;justify-content:center;width:auto}@media (max-width:360px){.btn-new-mobile{padding:10px}.btn-new-mobile span{display:none}}@supports (padding-top:env(safe-area-inset-top)){.mobile-header{padding-top:calc(16px + env(safe-area-inset-top))}.fab-mobile{bottom:calc(24px + env(safe-area-inset-bottom))}.modal-backdrop .modal.modal-large .modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (max-width:480px){.modal-backdrop .modal.modal-large .modal-footer{flex-direction:row!important}.modal-backdrop .modal.modal-large .modal-footer .btn{width:auto!important}}.appointments .header-actions .btn-primary,.appointments .header-actions .btn-secondary{background-color:var(--white)!important;box-shadow:var(--shadow-sm)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important}.appointments .header-actions .btn-primary{border:2px solid var(--primary-color)!important}.appointments .header-actions .btn-secondary{border:2px solid var(--secondary-color)!important}.appointments .header-actions .btn-primary:hover:not(:disabled),.appointments .header-actions .btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-md)!important;transform:translateY(-1px)!important}.appointments .header-actions .btn-primary:hover:not(:disabled){background-color:var(--white)!important;border-color:var(--primary-hover)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important}.appointments .header-actions .btn-secondary:hover:not(:disabled){background-color:var(--white)!important;border-color:var(--secondary-hover)!important;color:#1f2937!important;color:var(--text-title,#1f2937)!important}.main-tabs{background:var(--white);padding:0 24px}@media (max-width:768px){.main-tabs{flex-wrap:wrap;padding:0 16px}.main-tab{font-size:.9rem;padding:12px 16px}}.appointments{background:var(--bg-secondary);display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow-x:hidden;padding:0 20px;width:100%}.appointments-layout{grid-gap:20px;align-items:start;display:grid;flex:1 1;gap:20px;grid-template-columns:525px 1fr;max-width:100%;min-height:0;overflow:hidden;width:100%}.appointments-layout.no-sidebar{gap:0;grid-template-columns:1fr}.view-header{border-bottom:none;padding-bottom:0}.appointments-header{align-items:flex-start}.view-header-info{display:flex;flex-direction:column;gap:6px}.appointments-subtitle{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:6px 0 0}.header-actions{flex-wrap:wrap;gap:16px}.appointments-header .header-actions{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.appointments-toolbar{border-bottom:none;border-top:none;padding-bottom:0;padding-top:0}.appointments-toolbar,.appointments-toolbar-row{align-items:center;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start}.appointments-toolbar-row{height:auto;width:100%}@media (min-width:769px){.appointments-toolbar-row>button.btn:first-of-type,.appointments-toolbar-row>button.btn:nth-of-type(2){align-self:center!important;flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;font-size:14px!important;font-weight:500!important;height:auto!important;margin-top:2px!important;max-width:none!important;min-height:40px!important;padding:10px 20px!important;white-space:nowrap!important;width:auto!important}}@media (max-width:768px){.appointments-toolbar-row>button.btn:first-of-type,.appointments-toolbar-row>button.btn:nth-of-type(2){flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;width:auto!important}}.appointments-toolbar-row .date-picker-compact{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:8px;padding:8px 12px}.appointments-toolbar-row .date-picker-compact .nav-arrow{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.appointments-toolbar-row .date-picker-compact .nav-arrow:hover{color:var(--primary-color)}.appointments-toolbar-row .date-picker-compact .current-date{color:var(--text-primary);font-weight:500;min-width:80px;text-align:center}@media (max-width:1024px){.appointments-toolbar-row{flex-wrap:wrap}}@media (max-width:768px){.appointments-header .header-actions{align-items:stretch;flex-direction:column;width:100%}.appointments-header .header-actions .btn{width:100%}.appointments-toolbar-row{flex-wrap:wrap}}.toggle-group{align-self:center;background:var(--light-gray);border-radius:var(--border-radius);box-shadow:var(--shadow);flex-shrink:0;flex:0 0 400px;gap:0;max-width:400px;padding:4px;width:400px}.toggle-btn,.toggle-group{align-items:center;display:flex}.toggle-btn{background:#0000;border-radius:calc(var(--border-radius) - 4px);color:#666;flex:1 1;font-size:1rem;font-weight:400;gap:8px;justify-content:center;line-height:1.2;min-height:44px;padding:12px 20px;position:relative;transition:all .2s ease}.toggle-btn:hover:not(.active){background:#d4817e1a;color:var(--primary-color)}.toggle-btn.active{background:#fff;box-shadow:0 2px 4px #0000001a;color:var(--primary-color)}.appointments-sidebar{align-self:start;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:calc(100vh - 40px);max-height:calc(100vh - 40px);min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 0 300px;position:-webkit-sticky;position:sticky;top:20px}.appointments-header{border-bottom:none;display:flex;justify-content:center;margin-bottom:12px;padding-bottom:0}.mini-calendar{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0!important;height:auto!important;min-height:280px!important;overflow:visible!important;padding:16px}.mini-calendar-actions{display:block;margin-bottom:10px}.btn-today{display:block;font-size:.9rem;padding:8px 12px;width:100%}.mini-calendar-header{align-items:center;border-bottom:2px solid var(--light-gray);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.mini-calendar-header .btn-icon,.mini-calendar-header .btn-icon svg{stroke:var(--text-color)!important;color:var(--text-color)!important}.mini-calendar-month{color:var(--text-primary);font-size:.95rem;font-weight:600;text-transform:capitalize}.mini-calendar-weekdays{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:4px!important;width:100%!important}.mini-weekday{align-items:center!important;box-sizing:border-box!important;color:var(--text-secondary)!important;display:flex!important;font-size:.75rem!important;font-weight:600!important;justify-content:center!important;padding:6px 0!important;text-align:center!important}.mini-calendar-days{grid-gap:4px!important;display:grid!important;gap:4px!important;grid-template-columns:repeat(7,1fr)!important;min-height:200px!important;overflow:visible!important;width:100%!important}.mini-day{align-items:center!important;aspect-ratio:1!important;background:var(--bg-subtle)!important;border-radius:6px!important;box-sizing:border-box!important;cursor:pointer;display:flex!important;flex-direction:column!important;font-size:.85rem!important;justify-content:center!important;margin:0!important;padding:4px!important;position:relative;transition:all .2s ease}.mini-day.empty{background:#0000;cursor:default}.mini-day:not(.empty):hover{background:var(--light-gray);transform:scale(1.05)}.mini-day.today{background:var(--primary-color)!important;border:none;box-shadow:0 2px 8px #00000026;color:var(--white)!important;font-weight:700}.mini-day.today:hover{background:var(--primary-hover)!important;transform:scale(1.05)}.mini-day.selected{background:var(--bg-subtle)!important;border:2px solid var(--theme-primary,var(--primary-color))!important;box-shadow:0 2px 8px #0000001a;font-weight:700}.mini-day.selected,.mini-day.selected .mini-day-number{color:var(--text-color)!important}.mini-day.has-appointments .mini-day-number{font-weight:600}.mini-day-number{font-size:.85rem}.mini-day-dot{align-items:center;background:var(--accent-color);border-radius:50%;bottom:2px;color:var(--white);display:flex;font-size:.65rem;font-weight:700;height:14px;justify-content:center;position:absolute;right:2px;width:14px}.mini-day.holiday{background:#ef44440f;border:1px solid #ef444440}.mini-day-holiday{color:#ef4444;font-size:10px;line-height:1;position:absolute;right:4px;top:4px}.mini-day.selected .mini-day-dot{background:var(--primary-color);background:var(--theme-primary,var(--primary-color));color:var(--white)}.today-appointments{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);flex-shrink:0;padding:16px}.today-appointments h3{border-bottom:2px solid var(--light-gray);color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px;padding-bottom:12px}.today-appointments-list{display:flex;flex-direction:column;gap:10px;max-height:400px;min-height:200px;overflow-y:auto;padding:16px;position:relative;transition:all .3s ease}.today-appointments-list.drag-over-manager{background:linear-gradient(135deg,#667eea26,#764ba226);border:3px dashed var(--accent-color);border-radius:12px;box-shadow:inset 0 0 20px #667eea33}.no-appointments-today{color:var(--text-secondary);font-size:.9rem;padding:30px 10px;text-align:center}.today-appointment-item{background:var(--bg-subtle);border-left:4px solid;border-radius:var(--border-radius-sm);cursor:grab;padding:10px 12px;transition:all .2s ease}.today-appointment-item:active{cursor:grabbing;opacity:.6}.today-appointment-item:hover{background:var(--white);box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.today-apt-time{color:var(--accent-color);font-size:.85rem;font-weight:700;margin-bottom:4px}.today-apt-client{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:2px}.today-apt-service{color:var(--text-secondary);font-size:.8rem}.appointments-main{-webkit-overflow-scrolling:touch;align-self:start;display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0}.appointments-layout.no-sidebar .appointments-main,.appointments-main{max-height:calc(100vh - 340px);min-height:calc(100vh - 340px)}.date-navigation{align-items:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);gap:16px;padding:16px 20px}.date-navigation .btn-icon,.date-navigation .btn-icon svg{stroke:var(--text-color)!important;color:var(--text-color)!important}.date-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;text-transform:capitalize}.date-picker-compact{align-items:center;background:var(--white);border-radius:24px;box-shadow:var(--shadow);display:inline-flex;gap:4px;height:40px;padding:6px 12px}.date-picker-compact .nav-arrow{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.date-picker-compact .nav-arrow:hover{background:var(--light-gray);color:var(--text-primary)}.date-picker-compact .current-date{color:var(--text-primary);font-size:1.05rem;font-weight:600;letter-spacing:.5px;line-height:1.4;min-width:90px;padding:0 16px;text-align:center;text-transform:capitalize;white-space:nowrap}.toolbar-right-filters{align-items:center!important;display:flex!important;flex-shrink:0!important;gap:12px!important;margin-left:auto!important;margin-right:0!important;min-width:-webkit-fit-content!important;min-width:fit-content!important;padding:0!important}.location-filter-compact{align-self:center;height:58px}.location-filter-compact,.location-filter-compact .custom-dropdown{align-items:center;display:flex;justify-content:center;margin:0!important;padding:0!important}.location-filter-compact .custom-dropdown{height:100%;max-width:240px;min-width:160px;width:100%}.location-filter-compact .custom-dropdown .custom-dropdown-trigger{align-items:center!important;border:2px solid #e2e8f0!important;border-radius:8px!important;box-sizing:border-box!important;display:flex!important;font-size:.95rem!important;height:46px!important;justify-content:center!important;line-height:1.4!important;margin:0!important;max-height:46px!important;min-height:36px!important;padding:9px 20px!important;vertical-align:middle!important}.location-filter-compact .custom-dropdown .dropdown-menu{border-radius:12px;box-shadow:0 4px 12px #00000026;font-size:.9rem;margin-top:4px}.location-filter-compact .custom-dropdown .dropdown-item{padding:8px 14px}.compact-planning-bar{align-items:center;background:#0000;display:flex;gap:16px;justify-content:flex-start;margin-bottom:12px;margin-top:0;padding-top:0}.planning-filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:16px;width:100%}.date-title .date-holiday-badge{background:#ef444414;border:1px solid #ef444440;border-radius:999px;color:#ef4444;display:inline-block;font-size:.8rem;font-weight:700;margin-left:10px;padding:4px 8px}.timeline-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.month-label-row{background:var(--bg-color);border-bottom:1px solid var(--light-gray);display:grid;grid-template-columns:70px 1fr;position:-webkit-sticky;position:sticky;top:0;z-index:25}.month-label-spacer{background:var(--white);border-right:2px solid var(--light-gray);width:120px}.month-label-fixed{align-items:center;background:var(--bg-color);display:flex;justify-content:center;padding:8px 0}.month-label-fixed span{animation:monthAppear .3s ease-out;background:linear-gradient(135deg,#e8a5a5,#d4817e);border-radius:12px;box-shadow:0 3px 10px #d4817e66;color:#fff;font-size:.85rem;font-weight:700;padding:8px 24px;text-shadow:0 1px 3px #0000004d;text-transform:capitalize;white-space:nowrap}@keyframes monthAppear{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-grid{flex-direction:column;min-height:0;overflow:hidden}.timeline-grid,.timeline-scroll-area{display:flex;flex:1 1;position:relative}.timeline-scroll-area{overflow-x:auto;overflow-y:auto}.day-column-header{border-right:1px solid #fff3;flex:1 1;min-width:120px;padding:16px 12px}.day-column-header.today{background:linear-gradient(135deg,var(--text-title),var(--ancient-pink));box-shadow:inset 0 0 0 2px #ffffff80}.day-name{font-size:.85rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.day-number{font-size:1.5rem;font-weight:700}.time-column{background:var(--white);border-right:2px solid var(--gray);left:0;min-width:120px;width:120px;z-index:15}.time-column,.time-column-header{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky}.time-column-header{align-items:center;background:linear-gradient(135deg,var(--accent-color),#fbbf24);border-bottom:2px solid var(--light-gray);box-sizing:border-box;color:var(--white);font-size:1rem;font-weight:600;height:80px;justify-content:center;min-height:80px;padding:0;text-align:center;top:0;z-index:16}.time-slot{align-items:flex-start;border-bottom:1px solid #a0aec033;box-sizing:border-box;color:var(--text-color);display:flex;font-size:.75rem;font-weight:700;height:30px;justify-content:flex-end;max-height:30px;min-height:30px;padding:2px 8px;position:relative}.time-slot:nth-child(odd){border-bottom:1px solid #a0aec066}.time-slot:nth-child(2n){border-bottom:1px dashed #a0aec033}.day-column{border-right:1px solid var(--light-gray);min-width:120px;position:relative}.day-column,.day-column-header{display:flex;flex-direction:column}.day-column-header{align-items:center;background:linear-gradient(135deg,var(--accent-color),#fbbf24);border-bottom:2px solid var(--light-gray);box-sizing:border-box;color:var(--white);height:80px;justify-content:center;min-height:80px;padding:0;position:-webkit-sticky;position:sticky;text-align:center;top:0;z-index:10}.day-column-header.today{background:linear-gradient(135deg,var(--ancient-pink),var(--text-title));box-shadow:inset 0 0 0 2px var(--accent-color)}.day-column-body{flex-direction:column;height:1440px}.day-column-body,.time-cell{display:flex;position:relative}.time-cell{align-items:flex-start;border-bottom:1px solid #a0aec033;box-sizing:border-box;height:30px;justify-content:center;max-height:30px;min-height:30px;padding:2px 8px}.time-cell:nth-child(2n){border-bottom:1px solid #a0aec066}.time-cell:nth-child(odd){border-bottom:1px dashed #a0aec033}.day-column.today .day-column-body{background:#d4817e0d}.appointment-block{border:2px solid #ffffff4d;border-radius:6px;box-shadow:0 2px 4px #00000026;cursor:pointer;left:2px;min-height:30px;overflow:hidden;padding:6px;position:absolute;right:2px;transition:var(--transition);z-index:1}.appointment-block:hover{border-color:#fffc;box-shadow:0 4px 8px #00000040;transform:scale(1.03);z-index:2}.appointment-block-content{color:var(--white);font-size:.75rem;line-height:1.3}.appointment-block-time{font-size:.8rem;font-weight:700;margin-bottom:2px;text-shadow:0 1px 2px #0000004d}.appointment-block-client{align-items:center;display:flex;font-weight:700;gap:4px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #000000b3,0 0 5px #0009,1px 1px 2px #00000080;white-space:nowrap}.booking-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;padding:2px}.booking-badge,.booking-indicator{align-items:center;color:#fff;display:inline-flex}.booking-indicator{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;box-shadow:0 2px 4px #3b82f64d;font-size:.75rem;font-weight:600;gap:4px;margin-left:8px;padding:4px 8px}.booking-badge-small{align-items:center;background:#3b82f633;border:1px solid #3b82f64d;border-radius:50%;color:#3b82f6;display:inline-flex;flex-shrink:0;justify-content:center;margin-left:4px;padding:1px}.new-booking-badge{align-items:center;animation:pulse-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 2px 6px #10b98166;color:#fff!important;display:inline-flex;font-size:.7rem;font-weight:700;gap:4px;letter-spacing:.5px;margin-left:6px;padding:2px 8px;text-transform:uppercase}.appointment-block-service{font-size:.7rem}.appointment-block-operator,.appointment-block-service{font-weight:600;opacity:.95;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0009,0 0 4px #00000080,1px 1px 2px #0006;white-space:nowrap}.appointment-block-operator{font-size:.65rem;font-style:italic}.appointment-block-notes{font-size:.6rem;font-style:italic;font-weight:500;margin-top:1px;opacity:.9;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px #0009,0 0 4px #00000080,1px 1px 2px #0006;white-space:nowrap}.days-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.day-column .day-header{background:linear-gradient(135deg,var(--accent-color),#fbbf24);border-radius:var(--border-radius) var(--border-radius) 0 0;color:var(--white);padding:14px;text-align:center}.days-grid .day-column{background:var(--white);border:2px solid #0000;border-radius:var(--border-radius);box-shadow:var(--shadow);min-width:auto;overflow:hidden;position:static;transition:var(--transition)}.days-grid .day-column:hover{border-color:var(--accent-color);box-shadow:var(--shadow-hover)}.days-grid .day-column.today{background:var(--white);border-color:var(--text-title);box-shadow:0 4px 12px #d4817e4d}.days-grid .day-column.today .day-header{background:linear-gradient(135deg,var(--text-title),var(--ancient-pink))}.day-appointments{max-height:400px;min-height:120px;overflow-y:auto;padding:12px}.appointment-card{background:var(--light-gray);border-left:3px solid var(--accent-color);border-radius:var(--border-radius-sm);cursor:pointer;margin-bottom:8px;padding:12px}.appointment-card:hover{background:#e8f2ff;border-left-color:var(--text-title);transform:translateX(3px)}.appointment-time{color:var(--accent-color);font-size:.85rem;font-weight:600;margin-bottom:6px}.appointment-client{color:var(--text-color);font-size:.95rem;font-weight:500;margin-bottom:4px}.appointment-service{font-size:.8rem}.no-appointments{color:var(--gray);font-size:.9rem;padding:40px 12px}@media (max-width:1400px){.appointments-layout{grid-template-columns:300px 1fr}}@media (max-width:1200px){.appointments-layout{gap:16px;grid-template-columns:320px 1fr}.mini-calendar,.today-appointments{padding:12px}.day-column,.day-column-header,.month-label{min-width:100px}.appointments-main{max-height:calc(100vh - 180px)}}@media (max-width:968px){.appointments{padding:0 12px}.appointments-layout{gap:16px;grid-template-columns:1fr}.appointments-sidebar{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;max-height:none;overflow:visible;position:static}.mini-calendar{display:flex;flex-direction:column;flex-shrink:0!important;height:auto!important;min-height:280px!important;order:1;overflow:visible!important}.mini-calendar-days{flex:1 0 auto;flex-shrink:0!important;min-height:200px!important;overflow:visible!important}.today-appointments{max-height:400px;order:2;overflow-y:auto}.appointments-main{max-height:600px;overflow-x:auto;overflow-y:auto}}@media (max-width:768px){.appointments{padding:0 8px}.view-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{flex-direction:column;gap:8px;width:100%}.header-actions .btn-primary{width:100%}.appointments-sidebar{gap:12px;grid-template-columns:1fr}.mini-calendar{display:flex;flex-direction:column;flex-shrink:0!important;height:auto!important;min-height:280px!important;overflow:visible!important;padding:12px}.mini-calendar-days{flex:1 0 auto;flex-shrink:0!important;min-height:200px!important;overflow:visible!important}.mini-calendar-header{padding-bottom:8px}.mini-calendar-month{font-size:.9rem}.mini-day{font-size:.8rem;padding:8px 4px}.today-appointments{padding:12px}.today-appointments h3{font-size:1rem}.today-appointments-list{max-height:350px;overflow-y:auto}.date-navigation{flex-wrap:wrap;padding:12px}.date-title{font-size:.95rem}.appointments-main{max-height:500px;overflow-x:auto;overflow-y:auto}.timeline-grid{min-width:600px}.day-column,.day-column-header,.month-label{min-width:80px}.time-column{font-size:.75rem}.time-column,.time-column-header{min-width:60px;width:60px}.days-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.day-appointments{max-height:250px}}@media (max-width:480px){.appointments{padding:0 4px}.view-header h2{font-size:1.3rem}.header-actions{flex-direction:column;gap:8px}.mini-calendar{display:flex;flex-direction:column;flex-shrink:0!important;height:auto!important;min-height:260px!important;overflow:visible!important;padding:8px}.mini-calendar-days{flex:1 0 auto;flex-shrink:0!important;min-height:180px!important;overflow:visible!important}.mini-calendar-month{font-size:.8rem}.mini-day{font-size:.7rem;padding:6px 2px}.today-appointments{padding:8px}.today-appointments h3{font-size:.9rem}.today-appointments-list{max-height:300px}.appointments-main{max-height:450px}.timeline-grid{min-width:500px}.day-column,.day-column-header,.month-label{min-width:60px}.time-column{font-size:.7rem}.time-column,.time-column-header{min-width:50px;width:50px}.timeline-header{top:28px}.month-label{height:24px;min-width:60px}.month-label-content{border-radius:0 0 6px 6px;font-size:.6rem;padding:3px 6px}.time-slot{font-size:.65rem;padding:2px 3px}.appointment-block{font-size:.6rem;padding:4px}.days-grid{grid-template-columns:1fr}.date-navigation{padding:8px}.date-navigation .btn-secondary{min-width:50px}.date-navigation .btn-secondary,.navigation-controls .btn-sm{font-size:.8rem;padding:6px 10px}}.date-navigation{display:flex;justify-content:center;margin-bottom:25px}.date-title{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);color:var(--text-title);font-size:1.2rem;font-weight:600;padding:12px 24px;text-align:center}.appointments-list{gap:12px;margin:0 auto;max-width:1600px}.appointment-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;transition:var(--transition)}.appointment-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.appointment-card-indicator{flex-shrink:0;width:4px}.appointment-card-content{align-items:center;display:flex;flex:1 1;gap:20px;padding:20px}.appointment-card-time{color:var(--text-title);font-size:1rem;font-weight:600;min-width:120px}.appointment-card-details{flex:1 1}.appointment-card-client{color:var(--text-color);font-size:1rem;font-weight:500;margin:0 0 4px}.appointment-card-treatment{color:var(--gray);font-size:.9rem;margin:0}.empty-state{border-radius:var(--border-radius)}.empty-state h3{font-size:1.4rem}.daily-timeline{align-self:start;padding-top:0;width:100%}.daily-timeline,.timeline-wrapper{display:flex;flex:1 1;flex-direction:column;margin-top:0;min-height:0}.timeline-wrapper{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.timeline-header-row{background:linear-gradient(135deg,var(--accent-color),#fbbf24);color:var(--white);display:grid;font-size:.9rem;font-weight:600}.timeline-hours-header{border-right:2px solid #ffffff4d;font-size:.95rem;font-weight:700;padding:16px;text-align:center;text-shadow:0 0 6px #000000e6,2px 2px 3px #000000b3,-2px -2px 3px #000000b3}.timeline-cabina-header{align-items:center;border-right:1px solid #fff3;display:flex;justify-content:center;padding:16px;text-align:center}.timeline-cabina-header:last-child{border-right:none}.timeline-cabina-header span{color:#fff!important;font-size:.9rem;font-weight:700;letter-spacing:.3px;padding:8px 16px;position:relative;text-shadow:0 1px 2px #0006,0 0 4px #0000004d;z-index:1}.timeline-cabina-header span:before{background:var(--box-color);border-radius:8px;bottom:0;box-shadow:0 2px 8px #0000004d,0 4px 12px #0003;content:"";left:0;opacity:.6;position:absolute;right:0;top:0;z-index:-1}.timeline-scroll-wrapper{flex:1 1;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto}.timeline-content{display:flex;flex-direction:column}.timeline-row{align-items:start;border-top:1px solid var(--light-gray);display:grid;height:auto;min-height:60px}.timeline-row.hour-mark{background:#fbbf2408;border-top:2px solid var(--accent-color)}.timeline-row.half-hour-mark{border-top:1px dashed #a0aec04d}.timeline-time-cell{background:var(--white);border-right:2px solid var(--light-gray);color:var(--text-color);font-size:.85rem;font-weight:600;justify-content:center;padding:8px}.timeline-appointment-cell,.timeline-time-cell{align-items:flex-start;display:flex;min-height:60px}.timeline-appointment-cell{border-right:1px solid var(--light-gray);padding:4px 8px;transition:all .2s ease}.timeline-appointment-cell:last-child{border-right:none}.timeline-appointment-cell.drag-over{background:#22c55e1a!important;box-shadow:inset 0 0 0 2px #22c55e}.timeline-appointment-cell{position:relative}.timeline-appointment-cell:hover{background:#22c55e0d;transition:background .2s ease}.timeline-cell-add-indicator{color:#22c55e;font-size:2.5rem;font-weight:300;left:50%;opacity:0;pointer-events:none;position:absolute;text-shadow:0 0 4px #ffffffe6,0 0 8px #ffffffb3,0 0 12px #ffffff80;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease;z-index:100}.timeline-appointment-cell:hover .timeline-cell-add-indicator{opacity:.8}.timeline-appointment-cell.has-appointments:hover .timeline-cell-add-indicator{opacity:.5}.timeline-cell-click-overlay{bottom:0;cursor:crosshair;left:0;position:absolute;right:0;top:0;z-index:5}.timeline-cell-click-overlay:hover{background:#22c55e05}.drag-preview-block{align-items:center;background:#22c55e33;border:2px dashed #22c55e;border-radius:8px;color:#22c55e;font-size:.8rem;font-weight:600;justify-content:center;pointer-events:none;z-index:15}.drag-preview-block,.timeline-appointment-block{display:flex;left:8px;position:absolute;right:8px}.timeline-appointment-block{border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #0003;color:var(--white);cursor:grab;flex-direction:column;gap:4px;padding:8px 12px;top:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:10}.timeline-appointment-block:active{cursor:grabbing;opacity:.7}.timeline-appointment-block:hover{box-shadow:0 4px 12px #0000004d;cursor:grab;transform:translateY(-2px);z-index:20}.timeline-appointment-block .appointment-block-time{font-size:.8rem;font-weight:700;letter-spacing:.3px;text-shadow:0 1px 2px #0000004d}.timeline-appointment-block .appointment-block-client{font-size:.85rem;font-weight:700;text-shadow:0 1px 3px #000000b3,0 0 5px #0009,1px 1px 2px #00000080}.timeline-appointment-block .appointment-block-service{font-size:.75rem;font-weight:600;opacity:.95;text-shadow:0 1px 3px #0009,0 0 4px #00000080,1px 1px 2px #0006}.timeline-appointment-block .appointment-block-operator{font-size:.7rem;font-style:italic;font-weight:600;opacity:.95;text-shadow:0 1px 3px #0009,0 0 4px #00000080,1px 1px 2px #0006}.timeline-appointment-block .appointment-block-notes{font-size:.65rem;font-style:italic;font-weight:500;margin-top:1px;opacity:.9;text-shadow:0 1px 3px #0009,0 0 4px #00000080,1px 1px 2px #0006}.appointment-group{align-items:flex-start;display:flex;gap:2px;margin-bottom:2px;width:100%}.appointment-group:last-child{margin-bottom:0}.appointment-group .timeline-appointment-block{bottom:4px!important;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:4px;position:absolute!important;top:4px!important}.appointment-group .timeline-appointment-block:first-child{left:8px!important;right:calc(50% + 4px)!important}.appointment-group .timeline-appointment-block:nth-child(2){left:calc(50% + 4px)!important;right:8px!important}.appointment-group .timeline-appointment-block:nth-child(3){left:calc(66.66% + 4px)!important;right:8px!important}.appointment-group .timeline-appointment-block:nth-child(4){left:calc(75% + 4px)!important;right:8px!important}.modal-xlarge{border-radius:21px}.modal-operatore{max-width:1100px;width:90%}.operatore-modal-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:20px}.operatori-selection-list{display:flex;flex-direction:column;gap:12px;margin-bottom:0;max-height:400px;overflow-y:auto}.operatore-selection-item{align-items:center;background:var(--bg-subtle);border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.operatore-selection-item:hover{background:var(--white);border-color:var(--accent-color);box-shadow:0 2px 8px #0000001a}.operatore-avatar-small{font-size:.9rem;height:40px;width:40px}.operatore-info-small{flex:1 1}.operatore-name-sel{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.operatore-meta-sel{color:var(--text-secondary);font-size:.85rem}.phone-input{align-items:center;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);display:flex;gap:8px;padding:0}.phone-prefix{border-right:1px solid var(--light-gray);color:var(--text-secondary);font-weight:500;padding:10px 0 10px 12px}.phone-input input{background:#0000;border:none;flex:1 1;padding:10px 12px}.phone-input input:focus{outline:none}.notes-content textarea:disabled{background:var(--bg-subtle);cursor:not-allowed;opacity:.6}.form-info{background:#f59e0b1a;border-left:3px solid var(--accent-color);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:.95rem;font-weight:500;margin-bottom:16px;padding:12px}.form-help-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:8px}.btn-whatsapp{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;box-shadow:0 2px 8px #25d3664d;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s ease}.btn-whatsapp *{stroke:#fff!important;fill:#fff!important;color:#128c7e!important}.btn-whatsapp svg{stroke:#fff!important;color:#fff!important}.btn-whatsapp:hover:not(:disabled){background:linear-gradient(135deg,#20bd5a,#0f7a6c);box-shadow:0 4px 12px #25d36666;color:#fff!important;transform:translateY(-2px)}.btn-whatsapp:hover:not(:disabled) *{fill:#fff!important}.btn-whatsapp:hover:not(:disabled) *,.btn-whatsapp:hover:not(:disabled) svg{stroke:#fff!important;color:#fff!important}.btn-whatsapp:active:not(:disabled){box-shadow:0 2px 6px #25d3664d;color:#fff!important;transform:translateY(0)}.btn-whatsapp:active:not(:disabled) *{stroke:#fff!important;fill:#fff!important;color:#fff!important}.btn-whatsapp:disabled{color:#fff!important;cursor:not-allowed;opacity:.5}.btn-whatsapp:disabled *{stroke:#fff!important;fill:#fff!important;color:#fff!important}.modal-footer{align-items:center;justify-content:space-between}@media (max-width:768px){.modal-footer{align-items:stretch;flex-direction:column}.modal-footer-left,.modal-footer-right{justify-content:center;width:100%}}.future-appointment-item{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:auto auto 1fr auto}.future-apt-date{background:var(--light-gray);border-radius:4px;color:var(--accent-color);font-size:.85rem;font-weight:600;padding:4px 8px;text-transform:capitalize}.appointments-manager{display:flex;flex-direction:column;gap:12px}.manager-filters{background:var(--light-gray);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.filter-date,.filter-search,.filter-select{background:#fff;border:1px solid var(--light-gray);border-radius:6px;color:var(--text-color);font-size:.9rem;padding:8px 12px;width:100%}.filter-date:focus,.filter-search:focus,.filter-select:focus{border-color:var(--accent-color);outline:none}.custom-dates{align-items:center;display:flex;gap:8px}.custom-dates span{color:var(--text-color);font-weight:500}.sort-controls{align-items:center;display:flex;gap:8px}.sort-order-btn{background:var(--accent-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:8px 16px;transition:all .2s ease}.sort-order-btn:hover{background:var(--accent-color-dark);transform:scale(1.05)}.reset-filters-btn{background:var(--gray);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .2s ease}.reset-filters-btn:hover{background:var(--dark-gray)}.manager-stats{align-items:center;background:var(--accent-color);border-radius:6px;color:#fff;display:flex;font-size:.9rem;justify-content:space-between;padding:8px 12px}.stat-item strong{font-size:1.1rem;margin-right:4px}.manager-list{border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding:8px;position:relative;transition:all .3s ease}.manager-list.drag-over-manager{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px dashed var(--accent-color)}.today-appointments-list .drop-zone-indicator{animation:pulseFixed 1.5s ease-in-out infinite;left:280px;position:fixed;transform:translateY(-50%)}.manager-list .drop-zone-indicator,.today-appointments-list .drop-zone-indicator{background:var(--accent-color);border:3px solid #ffffff80;border-radius:16px;box-shadow:0 8px 24px #0000004d;color:#fff;font-size:1.2rem;font-weight:700;min-width:300px;padding:24px 32px;pointer-events:none;text-align:center;top:50%;white-space:nowrap;z-index:10000}.manager-list .drop-zone-indicator{animation:pulse 1.5s ease-in-out infinite;left:50%;position:absolute;transform:translate(-50%,-50%)}@keyframes pulseFixed{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}.manager-appointment-item{background:#fff;border-left:4px solid var(--accent-color);border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:grab;padding:12px;transition:all .2s ease}.manager-appointment-item:hover{box-shadow:0 2px 8px #00000026;transform:translateX(4px)}.manager-appointment-item:active{cursor:grabbing}.manager-apt-date{color:var(--accent-color);font-size:.85rem;font-weight:600;margin-bottom:4px;text-transform:capitalize}.manager-apt-time{color:var(--text-color);font-size:.9rem;font-weight:600;margin-bottom:4px}.manager-apt-client{color:var(--text-color);font-size:.95rem;margin-bottom:2px}.manager-apt-service{color:var(--gray);font-size:.85rem;margin-bottom:2px}.manager-apt-location{color:var(--gray);font-size:.8rem;font-style:italic}.planning-location-filter{align-items:center;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:16px 20px}.planning-location-filter label{color:#831843;font-weight:600;margin:0;white-space:nowrap}.planning-location-filter .custom-dropdown{flex:1 1;max-width:300px}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 2px 8px #f59e0b4d;color:#fff}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.btn-warning:active:not(:disabled){box-shadow:0 2px 6px #f59e0b4d;transform:translateY(0)}.manager-appointment-item.cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626!important;opacity:.7}.manager-appointment-item.cancelled:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);opacity:.85}.cancelled-badge{align-items:center;background:#dc2626;border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-left:8px;padding:2px 8px;white-space:nowrap}.manager-appointment-item.cancelled .manager-apt-client strong{color:#991b1b;text-decoration:line-through}.manager-appointment-item.cancelled .manager-apt-service{color:#991b1b}.modal.modal-manager{display:flex!important;flex-direction:column!important;height:auto!important;max-height:90vh!important;max-width:1600px!important;width:95vw!important}.modal.modal-manager .modal-body{box-sizing:border-box!important;display:flex!important;flex:1 1!important;height:auto!important;max-height:calc(90vh - 80px)!important;min-height:0!important;overflow:hidden!important;padding:24px!important}.modal.modal-manager .manager-modal-body{grid-gap:24px!important;display:grid!important;flex:1 1!important;gap:24px!important;grid-template-columns:320px 1fr!important;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}.manager-filters-sidebar{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:2px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:20px;height:100%;min-height:0;overflow-y:auto;padding:24px}.manager-filters-sidebar h4{border-bottom:2px solid #ec4899;color:#111827;font-size:1.2rem;font-weight:700;margin:0 0 8px;padding-bottom:12px}.filter-group{flex-direction:column}.filter-group label{color:#374151;font-size:.9rem;font-weight:600;margin:0}.filter-group input[type=date],.filter-group input[type=text]{border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;padding:10px;transition:border-color .2s ease}.filter-group input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a;outline:none}.btn-block{justify-content:center}.modal.modal-manager .manager-appointments-content{display:flex!important;flex-direction:column!important;gap:16px;height:100%!important;min-height:0!important;overflow:hidden}.manager-stats-header{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:12px;color:#831843;flex-shrink:0;font-size:1.1rem;font-weight:600;padding:16px 20px;text-align:center}.manager-stats-header strong{color:#ec4899;font-size:1.3rem}.modal.modal-manager .manager-list{display:flex!important;flex:1 1!important;flex-direction:column!important;gap:8px;max-height:none!important;min-height:0!important;overflow-y:auto!important;padding-right:8px}@media (max-width:1024px){.manager-modal-body{gap:16px;grid-template-columns:1fr}.manager-filters-sidebar{max-height:350px}}.modal-section{margin:0 -20px;padding:24px 32px}.modal-section .form-grid-2{grid-gap:24px!important;align-items:start!important;display:grid!important;gap:24px!important;grid-template-columns:1fr 1fr!important;margin-bottom:20px!important}.modal-section .form-grid-2 .form-row{margin-bottom:0!important;min-height:48px!important}.modal-section .form-grid-3{grid-gap:20px!important;align-items:start!important;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr 1fr!important;margin-bottom:20px!important}.modal-section .form-grid-3 .form-row{margin-bottom:0!important;min-height:48px!important}.modal-section .form-grid-4{grid-gap:16px!important;align-items:start!important;display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr 1fr 1fr!important;margin-bottom:20px!important}.modal-section .form-grid-4 .form-row{margin-bottom:0!important;min-height:48px!important}.modal-section .form-info{background:#d4817e1a!important;border:1px solid #d4817e33!important;border-radius:6px!important;color:#d4817e!important;color:var(--theme-primary,#d4817e)!important;font-size:.95rem!important;font-weight:600!important;margin-bottom:16px!important;padding:12px 16px!important}@media (max-width:1024px){.modal-section .form-row{flex-direction:row!important}.modal-section .form-grid-3{gap:20px!important;grid-template-columns:1fr 1fr!important}.modal-section .form-grid-4{gap:16px!important;grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.modal-section{margin:0 -16px;padding:20px 24px}.modal-section-title{font-size:1.05rem}.modal-xlarge .modal-body{padding:0!important}.modal-section .form-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{font-size:.95rem!important;margin-bottom:0!important;min-width:auto!important}.modal-section .form-grid-2,.modal-section .form-grid-3,.modal-section .form-grid-4{gap:16px!important;grid-template-columns:1fr!important;margin-bottom:16px!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{font-size:.95rem!important;height:40px!important;padding:10px 14px!important}.modal-section .form-row .custom-dropdown{height:auto!important}}.voucher-selection{background:#f9fafb;background:var(--bg-subtle,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:14px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px}.voucher-selection-header{color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;flex-direction:column;font-size:.9rem;gap:4px}.voucher-selection-header strong{color:#111827;color:var(--text-primary,#111827);font-size:1rem}.voucher-selection-list{display:flex;flex-direction:column;gap:10px}.voucher-option{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px 14px;transition:all .2s ease}.voucher-option input{height:18px;width:18px}.voucher-option:hover{box-shadow:0 6px 18px #6366f11f}.voucher-option.selected,.voucher-option:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.voucher-option.selected{background:#6366f114}.voucher-option-content{display:flex;flex-direction:column;gap:4px}.voucher-option-code{font-family:monospace;font-weight:700;letter-spacing:1px}.voucher-option-desc{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9rem}.voucher-option-expiry{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem}.voucher-selection-summary{background:#4f46e514;border-radius:10px;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;flex-direction:column;font-size:.9rem;gap:4px;margin-top:10px;padding:8px 12px}.auto-assigned-notification{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea66;cursor:pointer;max-width:450px;position:fixed;right:20px;top:80px;transition:transform .2s ease,box-shadow .2s ease;z-index:10000}.auto-assigned-notification:hover{box-shadow:0 15px 50px #667eea80;transform:translateY(-2px)}.notification-content{color:#fff;padding:20px;position:relative}.notification-icon{font-size:2rem;margin-bottom:12px}.notification-text{display:flex;flex-direction:column;gap:8px}.notification-text strong{font-size:1.1rem;margin-bottom:4px}.notification-details{display:flex;flex-direction:column;font-size:.9rem;gap:6px;margin-top:8px;opacity:.95}.notification-details span{display:flex;gap:8px}.notification-details strong{font-size:.9rem;font-weight:600;min-width:80px}.notification-action{background:#fff3;border-radius:8px;font-size:.85rem;font-weight:500;margin-top:12px;padding:8px 12px;text-align:center}.notification-close{background:#fff3;color:#fff;height:32px;position:absolute;right:12px;top:12px;transition:background .2s ease;width:32px}.notification-close:hover{background:#ffffff4d}.notification-click-area{bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.retouch-status-display{margin-top:8px}.status-indicator{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px}@media (max-width:768px){.auto-assigned-notification{left:10px;max-width:none;right:10px;top:70px}}.appointment-files{background:linear-gradient(135deg,#0f172a0a,#0f172a14);border:1px solid #94a3b859;border-radius:21px;display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem}.appointment-files__footer,.appointment-files__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.appointment-files__footer h4,.appointment-files__header h4{font-size:1.2rem;margin:0}.appointment-files__footer p,.appointment-files__header p{color:#475569;margin:.35rem 0 0;max-width:48ch}.appointment-files__upload{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;box-shadow:0 14px 32px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;padding:.7rem 1.4rem;position:relative}.appointment-files__upload input{cursor:pointer;inset:0;opacity:0;position:absolute}.appointment-files__empty,.appointment-files__loading,.appointment-files__placeholder{background:#94a3b81f;border-radius:21px;color:#475569;font-size:.95rem;padding:1rem}.appointment-files__dropzone{background:#7871c614;border:2px dashed #6366f159;border-radius:21px;color:#4f46e5e6;font-size:.95rem;font-weight:600;padding:1rem;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.appointment-files__dropzone--active{background:#6366f12e;border-color:#4f46e5d9;color:#1e40aff2}.appointment-files__table{background:#ffffffb3;border-collapse:collapse;border-radius:14px;overflow:hidden;width:100%}.appointment-files__table td,.appointment-files__table th{font-size:.95rem;padding:.75rem 1rem;text-align:left}.appointment-files__table thead{background:#0f172a0d;color:#0f172a}.appointment-files__table tbody tr:nth-child(2n){background:#f8fafc99}.appointment-files__actions{display:flex;gap:.5rem;justify-content:flex-end}.appointment-files__actions button{background:#3b82f61f;border:none;border-radius:10px;color:#1d4ed8;cursor:pointer;font-weight:600;padding:.45rem 1rem}.appointment-files__actions button.danger{background:#ef444426;color:#b91c1c}.appointment-files__signature-block{background:#94a3b81a;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1rem}.appointment-files__signature-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.appointment-files__signature-buttons{display:flex;gap:.75rem}.appointment-files__signature-buttons button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.appointment-files__signature-buttons button.ghost{background:#0000;border:1px solid #94a3b880;color:#475569}.appointment-files__signature-buttons button:not(.ghost){background:linear-gradient(135deg,#10b981,#059669);color:#fff}.appointment-files__signature-pad{background:#6366f114;border:1px dashed #6366f166;border-radius:12px;display:flex;justify-content:center;padding:.75rem}.appointment-files__signature-canvas{background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px #94a3b833;height:230px;max-width:560px;width:100%}.appointment-files__signatures-list{grid-gap:.75rem;display:grid;gap:.75rem}.appointment-files__signature-item{align-items:center;background:#f8fafcbf;border:1px solid #94a3b833;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem}.appointment-files__signature-item strong{display:block;font-size:1rem}.appointment-files__footer button{background:linear-gradient(135deg,#f97316,#f59e0b);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.7rem 1.6rem}.appointment-files__alert{border-radius:12px;font-weight:600;padding:.75rem 1rem}.appointment-files__alert--error{background:#f871712e;border:1px solid #f8717159;color:#b91c1c}.appointment-files__alert--success{background:#22c55e2e;border:1px solid #22c55e47;color:#166534}@media (max-width:1024px){.appointment-files__footer,.appointment-files__header,.appointment-files__signature-header{align-items:stretch;flex-direction:column}.appointment-files__footer button,.appointment-files__upload{align-self:flex-start}.appointment-files__signature-buttons{justify-content:flex-start}}.custom-dropdown{display:flex;flex-direction:column;width:100%}.custom-dropdown.open{z-index:10000}.custom-dropdown-trigger{border-radius:8px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box!important;font-weight:500;height:auto!important;min-height:40px!important;min-width:100%;padding:9px 30px!important}.custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-color);box-shadow:0 6px 20px #ec489926,0 4px 12px #00000014,inset 0 1px 0 #ffffff1a;transform:translateY(-1px)}.custom-dropdown-trigger:active:not(.disabled){box-shadow:0 2px 8px #ec489933,0 1px 3px #0000001a;transform:translateY(0)}.custom-dropdown-trigger.disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.dropdown-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;color:#6b7280;display:flex;height:32px;justify-content:center;width:32px}.dropdown-text{color:#1f2937;font-weight:500}.dropdown-chevron{color:#6b7280;flex-shrink:0;transition:transform .3s ease}.dropdown-chevron.open{transform:rotate(180deg)}.custom-dropdown-menu{animation:dropdownFadeIn .2s ease-out;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;margin-top:0;max-width:420px;min-width:0;top:calc(100% + 2px);width:100%;z-index:99999}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.dropdown-search-box{align-items:center;background:#fff;background:var(--white,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:8px;border-radius:var(--border-radius-sm,8px);display:flex;min-height:44px;position:relative;width:100%}.dropdown-search-box svg{color:#6b7280;color:var(--text-secondary,#6b7280);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.dropdown-search-box input{background:#0000;border:none;border-radius:8px;border-radius:var(--border-radius-sm,8px);color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:500;height:44px;outline:none;padding:10px 40px;width:100%}.dropdown-search-box input::placeholder{color:#9ca3af}.dropdown-search-clear{align-items:center;background:#f3f4f6;background:var(--light-gray,#f3f4f6);border:none;border-radius:50%;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:14px;top:50%;transform:translateY(-50%);transition:background .2s ease;width:26px}.dropdown-search-clear:hover{background:#e2e8f0;background:var(--gray,#e2e8f0)}.dropdown-options{-webkit-overflow-scrolling:touch;max-height:min(360px,60vh)}.dropdown-option{border-bottom:1px solid #f3f4f6}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:linear-gradient(135deg,#ec48990d,#ec489905)}.option-icon{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280;flex-shrink:0;height:32px;width:32px}.dropdown-option:hover .option-icon{background:linear-gradient(135deg,#ec48991a,#ec48990d);color:var(--primary-color)}.dropdown-option.selected .option-icon{background:linear-gradient(135deg,#ec489926,#ec489914);color:var(--primary-color)}.dropdown-option span{font-size:.95rem;font-weight:500}.checkmark{font-size:1rem}.dropdown-no-results{color:#6b7280}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.custom-dropdown-trigger{font-size:.95rem;padding:12px 14px}.custom-dropdown.client-search .client-search-trigger{height:40px!important;min-height:40px!important}.custom-dropdown.client-search .search-icon{left:14px!important}.custom-dropdown.client-search .client-search-input{font-size:.95rem!important;padding:8px 36px 8px 44px!important}.custom-dropdown.client-search .dropdown-chevron{right:12px!important}.dropdown-option{padding:10px 14px}.dropdown-search{padding:10px 12px}.dropdown-search-box svg{left:14px}.dropdown-search-clear{right:12px}.dropdown-search-box input{font-size:.9rem;height:40px;padding:8px 36px}}.custom-dropdown.small .custom-dropdown-trigger{box-sizing:border-box!important;font-size:.875rem;height:auto!important;min-height:32px!important;padding:7px 10px!important}.custom-dropdown.large .custom-dropdown-trigger{box-sizing:border-box!important;font-size:1.1rem;height:auto!important;min-height:48px!important;padding:12px 16px!important}.custom-dropdown.client-search .client-search-trigger{align-items:stretch!important;background:#fff!important;background:var(--white,#fff)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-light,#e2e8f0)!important;border-radius:8px!important;border-radius:var(--border-radius-sm,8px)!important;display:flex!important;height:44px!important;min-height:44px!important;padding:0!important;position:relative}.custom-dropdown.client-search .search-icon{color:#6b7280!important;color:var(--text-secondary,#6b7280)!important;flex-shrink:0!important;left:16px!important;pointer-events:none!important;position:absolute!important;top:50%;transform:translateY(-50%);z-index:2!important}.custom-dropdown.client-search .client-search-input{background:#0000!important;border:none!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;cursor:pointer!important;flex:1 1!important;font-size:1rem!important;font-weight:500!important;margin:0!important;outline:none!important;padding:10px 42px 10px 48px!important;pointer-events:none!important}.custom-dropdown.client-search .client-search-input::placeholder{color:#1f2937!important;color:var(--text-primary,#1f2937)!important;opacity:1!important}.custom-dropdown.client-search .dropdown-chevron{color:#6b7280!important;color:var(--text-secondary,#6b7280)!important;flex-shrink:0!important;position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)}.custom-dropdown.client-search .client-search-trigger:focus,.custom-dropdown.client-search .client-search-trigger:hover{border-color:#ec4899!important;border-color:var(--primary-color,#ec4899)!important}.custom-dropdown.client-search .client-search-trigger:focus{box-shadow:0 0 0 3px #ec48991a!important;outline:none!important}.custom-dropdown.primary .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-color);box-shadow:0 6px 20px #ec489926,0 4px 12px #00000014}.custom-dropdown.accent .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--accent-color);box-shadow:0 6px 20px #f59e0b26,0 4px 12px #00000014}.btn-print-receipt{align-items:center;display:inline-flex;gap:8px;white-space:nowrap}.modal-header-actions .btn-print-receipt{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border:2px solid #ffffff80!important;border-radius:8px!important;box-shadow:0 2px 8px #0003!important;color:#fff!important;font-size:.9rem!important;font-weight:600!important;padding:8px 16px!important;transition:all .2s ease!important}.modal-header-actions .btn-print-receipt:hover:not(:disabled){background:#ffffff4d!important;border-color:#fffc!important;box-shadow:0 4px 12px #0000004d!important;transform:scale(1.05)!important}.modal-header-actions .btn-print-receipt:disabled{cursor:not-allowed!important;opacity:.5!important}.modal-header-actions .btn-print-receipt svg{stroke:#fff!important;color:#fff!important;height:16px!important;width:16px!important}.btn-print-receipt .spinning{animation:spin 1s linear infinite}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.payment-method-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.payment-method-option:hover{background:#f0f9ff;border-color:#3b82f6}.payment-method-option.selected{background:#eff6ff;border-color:#3b82f6}.payment-method-option input[type=radio]{accent-color:#3b82f6;cursor:pointer;height:20px;width:20px}.payment-method-option span{color:#1f2937;flex:1 1;font-size:1rem;font-weight:500}.payment-method-option:disabled{cursor:not-allowed;opacity:.5}.customers{display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin:0;max-width:none;min-height:100%;width:100%}.view-header{margin-bottom:20px}@media (max-width:640px){.customers{flex:none!important;max-height:none!important;overflow:visible!important}.view-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:16px}.view-header h2{font-size:1.4rem}.view-content{padding:16px}.customers-list,.view-content{max-height:none!important;overflow:visible!important}}@media (max-width:480px){.view-content{padding:15px}.empty-state{padding:40px 15px}.customer-actions{gap:4px}.btn-action{height:32px;width:32px}.btn-action svg{height:16px;width:16px}}.customers-list{display:flex;flex:1 1;flex-direction:column;gap:16px;height:100%;min-height:0;overflow-y:auto;padding-bottom:8px;padding-top:12px}.customers .customers-list{max-height:none!important}.customers-toolbar{display:flex;margin-bottom:20px}.customers-toolbar .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;position:relative;width:100%}.customers-toolbar .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.customers-toolbar .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.customers-toolbar .search-box input:focus{outline:none}.customers-toolbar .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.customers-toolbar .clear-search:hover{background:var(--gray)}.customer-card{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-md);transition:all var(--transition-fast);width:100%}.customer-card:hover{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-avatar{background:var(--primary-color);border-radius:var(--radius-full);color:var(--white);font-size:var(--font-size-sm);height:40px;justify-content:center;width:40px}.customer-avatar,.customer-name{align-items:center;display:flex;font-weight:var(--font-weight-semibold)}.customer-name{color:var(--text-primary);gap:var(--space-sm);margin-bottom:var(--space-xs)}.blacklist-badge{align-items:center;color:var(--error-600);display:inline-flex}.customer-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs)}.customer-meta .sep{color:var(--text-muted)}.customer-actions{gap:8px;margin-left:auto}.btn-action,.customer-actions{align-items:center;display:flex}.btn-action{background:var(--bg-primary);border:2px solid;border-radius:var(--radius-md);cursor:pointer;flex-shrink:0;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.btn-action svg{stroke-width:2.5;height:20px;width:20px}.btn-action:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-action:active{transform:translateY(0)}.btn-whatsapp{border-color:var(--success-color);color:var(--success-color)}.btn-whatsapp:hover{background:var(--success-color);color:var(--white)}.btn-call{border-color:var(--secondary-color);color:var(--secondary-color)}.btn-call svg{stroke:var(--secondary-color)}.btn-call:hover{background:var(--secondary-color);color:var(--white)}.btn-call:hover svg{stroke:var(--white)}.btn-add-appointment{border-color:var(--primary-color);color:var(--primary-color)}.btn-add-appointment svg{stroke:var(--primary-color)}.btn-add-appointment:hover{background:var(--primary-color);color:var(--white)}.btn-add-appointment:hover svg{stroke:var(--white)}.btn-edit{border-color:var(--accent-color);color:var(--accent-color)}.btn-edit svg{stroke:var(--accent-color)}.btn-edit:hover{background:var(--accent-color);color:var(--white)}.btn-edit:hover svg{stroke:var(--white)}.modal-section{overflow:visible!important}.modal-section:hover{background:linear-gradient(135deg,#d4817e08,#d4817e03)}.modal-section-dark:hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--gray-100,#f3f4f6) 0,var(--gray-200,#e5e7eb) 100%)}@media (max-width:768px){.modal-section{margin:0;padding:24px 28px}.modal-section-title{font-size:1.05rem}}.modal-section .form-row textarea{height:auto!important;min-height:80px!important}.notes-tabs{display:flex;gap:0;margin-bottom:-1px}.notes-tab{background:var(--bg-subtle);border:1px solid var(--light-gray);border-bottom:none;border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;color:var(--text-secondary);padding:10px 20px;transition:all .2s ease}.notes-tab:hover{background:var(--light-gray)}.notes-tab.active{background:var(--white);border-color:var(--accent-color);border-bottom-color:var(--white);color:var(--text-primary);z-index:1}.notes-content{border:1px solid var(--light-gray);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) var(--border-radius-sm);display:block;min-height:120px;overflow:hidden}.notes-content textarea{border:none;box-sizing:border-box;font-family:inherit;min-height:100px;padding:12px;resize:vertical;width:100%}.notes-content textarea:focus{border:1px solid var(--accent-color);outline:none}.duplicate-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.duplicate-dialog{background:var(--white);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-width:1000px;padding:30px}.duplicate-dialog h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px}.duplicate-dialog p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:24px}.duplicate-actions{justify-content:flex-end}.customers .modal-backdrop .modal.modal-large,.customers .modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-xlarge{border-radius:21px!important;max-height:90vh!important;max-width:1800px!important;overflow-y:auto!important}.appointments-history{background:var(--white);border-radius:12px;max-height:400px;overflow-y:auto;padding:0}.loading-appointments{color:var(--text-color);font-size:.95rem;padding:40px 20px;text-align:center}.no-appointments{color:var(--text-muted);padding:60px 20px;text-align:center}.no-appointments svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.no-appointments p{font-size:1rem;margin:0}.appointments-list{display:flex;flex-direction:column;gap:8px}.appointment-item{align-items:flex-start;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .3s ease}.appointment-item:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.appointment-item.cancelled{background:#fef2f2;border-color:#fecaca;opacity:.6}.appointment-item.cancelled:hover{opacity:.8}.share-link-container{display:flex;flex-direction:column;gap:12px}.share-link-display{align-items:center;display:flex;gap:8px}.share-link-input{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);color:var(--text-primary);flex:1 1;font-family:Courier New,monospace;font-size:.85rem;overflow-x:auto;padding:10px 14px}.share-link-input:focus{border-color:var(--primary-color);outline:none}.appointment-icon{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.appointment-item.cancelled .appointment-icon{background:#ef4444}.appointment-details{flex:1 1;gap:6px}.appointment-date{color:var(--text-title);font-size:1rem;font-weight:600;text-transform:capitalize}.appointment-time{align-items:center;display:flex;gap:6px}.appointment-service,.appointment-time{color:var(--text-color);font-size:.9rem}.appointment-service{font-weight:500}.appointment-status{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;margin-top:4px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.appointment-status.paid{background:#dcfce7;color:#166534}.appointment-status.unpaid{background:#fef3c7;color:#92400e}.appointment-status.cancelled{background:#fee2e2;color:#991b1b}.notes-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:10px 16px;transition:all .3s ease}.notes-tab:hover{background:#f8fafc;color:var(--accent-color)}.notes-tab.active{border-bottom-color:var(--accent-color);color:var(--accent-color);font-weight:600}.appointments-history::-webkit-scrollbar{width:8px}.appointments-history::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.appointments-history::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.appointments-history::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){.appointment-item{flex-direction:column;gap:12px}.appointment-icon{height:36px;width:36px}.appointment-date{font-size:.95rem}.appointment-service,.appointment-time{font-size:.85rem}.notes-tab{font-size:.8rem;padding:8px 12px}}.main-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:0;margin-bottom:24px}.main-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:14px 24px;position:relative;top:2px;transition:all .3s ease}.main-tab.active,.main-tab:hover{background:#f8fafc;color:var(--accent-color)}.main-tab.active{border-bottom-color:var(--accent-color);font-weight:600}.appointments-history{min-height:400px;padding:20px}@media (max-width:768px){.main-tabs{flex-wrap:wrap}.main-tab{font-size:.9rem;padding:12px 16px}}.appointment-retouch-status{margin-top:8px}.retouch-status-indicator{align-items:center;border:1px solid #0000;border-radius:4px;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 8px}.status-not-needed{background:#22c55e1a;border-color:#16a34a;color:#16a34a}.status-refused{background:#ef44441a;border-color:#dc2626;color:#dc2626}.status-booked{background:#3b82f61a;border-color:#2563eb;color:#2563eb}.status-pending{background:#9ca3af1a;border-color:#d1d5db;color:#6b7280}.modal-section{display:flex;flex-direction:column;gap:16px;padding:28px 40px;transition:all .2s ease}.modal-section-light{background:var(--white)}.modal-section-dark{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb)}.modal-section:has(.color-picker){padding:40px}.modal-section-title{border-bottom:2px solid #d4817e;border-bottom:2px solid var(--theme-primary,#d4817e);color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.modal-section:not(.no-hover):hover{background:linear-gradient(135deg,#d4817e08,#d4817e03)}.modal-section-dark:not(.no-hover):hover{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--gray-100,#f3f4f6) 0,var(--gray-200,#e5e7eb) 100%)}.modal-section-dark.no-hover:active,.modal-section-dark.no-hover:focus,.modal-section-dark.no-hover:hover{background-color:#f9fafb!important;background-color:var(--gray-50,#f9fafb)!important;background-image:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;background-image:linear-gradient(135deg,var(--gray-50,#f9fafb) 0,var(--gray-100,#f3f4f6) 100%)!important}.modal-backdrop .modal .modal-section.no-hover:active,.modal-backdrop .modal .modal-section.no-hover:focus,.modal-backdrop .modal .modal-section.no-hover:hover{background:inherit!important;background-color:inherit!important;background-image:inherit!important;box-shadow:inherit!important;transform:none!important;transition:none!important}.modal-backdrop .modal .modal-section-dark.no-hover:active,.modal-backdrop .modal .modal-section-dark.no-hover:focus,.modal-backdrop .modal .modal-section-dark.no-hover:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;background:linear-gradient(135deg,var(--gray-50,#f9fafb) 0,var(--gray-100,#f3f4f6) 100%)!important;background-color:#f9fafb!important;background-color:var(--gray-50,#f9fafb)!important;background-image:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;background-image:linear-gradient(135deg,var(--gray-50,#f9fafb) 0,var(--gray-100,#f3f4f6) 100%)!important;box-shadow:inherit!important;transform:none!important;transition:none!important}@media (max-width:768px){.modal-section{margin:0;padding:24px 28px}.modal-section-title{font-size:1.05rem}.modal-section:has(.color-picker){padding:32px 28px}.modal-section .form-row:has(.color-picker){min-height:120px;padding:16px 0}.modal-section .color-picker{min-height:80px}}.modal-section .form-row{min-height:48px}.modal-section .form-row label{color:#1f2937!important;color:var(--text-primary,#1f2937)!important;flex-shrink:0;font-size:1rem!important;font-weight:600!important;line-height:1.5!important;margin:0!important;padding:0!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{background:var(--white)!important;border:2px solid #e5e7eb!important;border:2px solid var(--border-light,#e5e7eb)!important;border-radius:8px!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;font-size:1rem!important;height:44px!important;padding:12px 16px!important;transition:all .2s ease!important}.modal-section .form-row .custom-dropdown{background:#0000!important;border:none!important;flex:1 1;height:auto!important;padding:0!important}.modal-section .form-row input:focus,.modal-section .form-row select:focus,.modal-section .form-row textarea:focus{border-color:#d4817e!important;border-color:var(--theme-primary,#d4817e)!important;box-shadow:0 0 0 3px #d4817e1a!important;outline:none!important}.modal-section .checkbox-label{align-items:center!important;color:#1f2937!important;color:var(--text-primary,#1f2937)!important;cursor:pointer!important;display:flex!important;font-size:.95rem!important;font-weight:600!important;gap:8px!important;min-width:auto!important}.modal-section .checkbox-label input[type=checkbox]{flex:none!important;height:18px!important;margin:0!important;width:18px!important}.modal-section .form-row:has(.color-picker){min-height:150px;padding:20px 0}.modal-section .color-picker{min-height:100px}.modal-section .color-option{border:2px solid #0000;border-radius:50%;flex-shrink:0;transition:all .2s ease}.modal-section .color-option.selected,.modal-section .color-option:hover{border-color:#d4817e;border-color:var(--theme-primary,#d4817e)}.modal-section .color-option.selected{box-shadow:0 0 0 2px #d4817e4d}@media (max-width:768px){.modal-section .form-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{font-size:.95rem!important;margin-bottom:0!important;min-width:auto!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{font-size:.95rem!important;height:40px!important;padding:10px 14px!important}}.treatments{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:100%;width:100%}@media (max-width:640px){.treatments{flex:none!important;max-height:none!important;overflow:visible!important}.view-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:16px}.view-header h2{font-size:1.4rem}.view-content{padding:16px}.treatments-list,.view-content{max-height:none!important;overflow:visible!important}}.treatments-list{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-top:12px}.treatment-card{align-items:center;background:#fafafa;background:var(--bg-subtle,#fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease;width:100%}.treatment-card:hover{background:var(--white);border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.treatment-color{border-radius:50%;flex-shrink:0;height:20px;width:20px}.treatment-info{flex:1 1;min-width:0}.treatment-name{margin-bottom:4px}.treatment-meta{color:var(--text-secondary);font-size:14px;gap:8px}.treatment-meta .sep{color:var(--light-gray)}.treatment-actions{margin-left:auto}.toggle-container-compact{width:100%}.toggle-container-compact .toggle-label h4{color:#1f2937;color:var(--text-primary,#1f2937)}.toggle-switch-modern{background:#e5e7eb;background:var(--border-light,#e5e7eb)}.toggle-switch-modern:after{background:#fff;background:var(--white,#fff)}.toggle-switch-modern.active{background:#d4817e;background:var(--primary-color,#d4817e)}.toggle-switch-modern:hover{opacity:.9}.treatment-info-box{background:#f9fafb;background:var(--bg-subtle,#f9fafb);border-left:3px solid #d4817e;border-left:3px solid var(--primary-color,#d4817e);border-radius:8px;margin:16px 0;padding:12px 20px}.treatment-info-box small{color:#6b7280;color:var(--text-secondary,#6b7280);display:block;font-size:.85rem;line-height:1.5}.modal-backdrop .modal.modal-xlarge,.treatments .modal-backdrop .modal.modal-large,.treatments .modal-backdrop .modal.modal-xlarge{border-radius:21px!important;max-height:90vh!important;max-width:1800px!important;overflow-y:auto!important}.modal-backdrop .modal.modal-large,.treatments .modal-backdrop .modal.modal-large{max-height:min(90vh,880px)!important;max-width:min(1080px,96vw)!important;min-width:auto!important;width:min(1080px,96vw)!important}@media (max-width:768px){.modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-xlarge,.treatments .modal-backdrop .modal.modal-large,.treatments .modal-backdrop .modal.modal-xlarge{max-height:92vh!important;max-width:min(96vw,960px)!important;width:min(96vw,960px)!important}}@media (max-width:480px){.modal-backdrop .modal.modal-large,.treatments .modal-backdrop .modal.modal-large{max-width:98vw!important;width:98vw!important}}.locations{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:100%;width:100%}.locations-list{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-top:12px}.location-card{align-items:center;background:#fafafa;background:var(--bg-subtle,#fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .3s ease;width:100%}.location-card:hover{background:linear-gradient(135deg,#d4817e14,#d4817e0a);border-color:#d4817e;border-color:var(--theme-primary,#d4817e);box-shadow:0 4px 12px #d4817e26;transform:translateY(-2px)}.location-card .location-actions{margin-left:auto}.maps-button{align-items:center;background:linear-gradient(135deg,var(--accent-color),#f59e0b);border:none;border-radius:var(--border-radius-sm);box-shadow:0 2px 10px #0000001f;color:var(--white);cursor:pointer;display:inline-flex;gap:8px;padding:8px 12px;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.maps-button:hover{box-shadow:0 4px 14px #0000002e;filter:saturate(1.05);transform:translateY(-1px)}.maps-button:active{transform:translateY(0)}.location-icon{color:var(--accent-color);display:grid;height:32px;place-items:center;width:32px}.location-info{gap:2px}.location-name{color:var(--text-title)}.location-meta{color:var(--gray);display:flex;font-size:.9rem;gap:8px}.location-meta .sep{opacity:.5}@media (max-width:640px){.view-header{align-items:flex-start;flex-direction:column;gap:15px}.view-header h2{font-size:1.5rem}.view-content{padding:20px}.locations-list{grid-template-columns:1fr}}.modal-backdrop{background:#0000004d;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.locations .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{max-height:min(90vh,880px)!important;max-width:min(1080px,96vw)!important;min-width:auto!important;width:min(1080px,96vw)!important}.locations .modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-xlarge{border-radius:21px!important;max-height:90vh!important;max-width:1800px!important;overflow-y:auto!important}.locations .modal-backdrop .modal:not(.modal-large){background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(1120px,calc(100% - 32px))}.modal-body{display:flex;flex-direction:column;gap:12px;padding:16px 20px 20px}.section-title{color:var(--text-color);font-size:.9rem;font-weight:700;margin-top:6px;opacity:.8}.form-grid-2{grid-gap:12px;gap:12px;grid-template-columns:1fr 160px}.form-grid-3{grid-gap:12px;gap:12px;grid-template-columns:1fr 120px 140px}.form-row label{color:var(--text-color);font-size:.9rem}.form-row input{border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);height:40px;outline:none;padding:8px 12px}.form-row input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #fbbf2440}.form-error{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius-sm);color:#b91c1c;padding:8px 12px}.modal-footer{gap:10px}.weekdays{grid-gap:8px 12px;gap:8px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.vacation-row{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr 1fr auto}.vacation-list{list-style:none;margin:0;padding:0}.vacation-list li{align-items:center;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;padding:8px 0}.section-linked{margin-top:8px}.linked-appointments{display:flex;flex-direction:column;gap:6px;list-style:none;margin:4px 0 0;padding:0}.linked-appointments li{align-items:baseline;border-bottom:1px dashed var(--light-gray);color:var(--text-color);display:flex;gap:6px;padding-bottom:6px}.linked-appointments .when{font-weight:600}.linked-appointments .service{color:var(--gray)}.hours-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.hours-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.hours-section h4{color:#374151;font-size:1rem;font-weight:600;margin:0 0 12px}.hours-preview{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:8px;color:#831843;font-size:.95rem;margin-top:16px;padding:12px 16px}.hours-preview strong{color:#ec4899;font-weight:700}.checkbox-label{background:#f3f4f6;transition:background .2s ease}.checkbox-label:hover{background:#e5e7eb}.checkbox-label span{color:#374151}input[type=time]{border:2px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:1rem;padding:10px;transition:border-color .2s ease}input[type=time]:focus{border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a;outline:none}@media (max-width:768px){.hours-grid{grid-template-columns:1fr}.locations .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{max-height:92vh!important;max-width:min(96vw,960px)!important;width:min(96vw,960px)!important}}@media (max-width:480px){.locations .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{max-width:98vw!important;width:98vw!important}}.subsection-title{border-bottom:1px solid #d4817e26;color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:20px 0 12px;padding-bottom:8px}.modal-section .form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:20px}.modal-section .btn{margin-top:12px}@media (max-width:768px){.modal-section{padding:24px 28px}.modal-section .form-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{font-size:.95rem!important;margin-bottom:0!important;min-width:auto!important}.modal-section .form-grid-2,.modal-section .form-grid-3{grid-template-columns:1fr}}@media (max-width:480px){.modal-section{padding:20px 24px}.modal-section-title{font-size:1.1rem}.subsection-title{font-size:.95rem}}.cabine{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:100%;width:100%}.cabine-list{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-top:12px}.cabina-card{align-items:center;background:#fafafa;background:var(--bg-subtle,#fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease;width:100%}.cabina-card:hover{background:var(--white);border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.cabina-color{align-items:center;border-radius:8px;box-shadow:0 2px 6px #00000026;color:var(--white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.cabina-info{flex:1 1;min-width:0}.cabina-name{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px;margin-bottom:4px}.unavailable-badge{align-items:center;background:#dc2626;background:var(--danger-color,#dc2626);border-radius:4px;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:500;padding:2px 8px}.cabina-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.cabina-meta .sep{color:var(--light-gray)}.cabina-actions{margin-left:auto}@media (max-width:640px){.view-header{align-items:flex-start;flex-direction:column;gap:15px}.view-header h2{font-size:1.5rem}.view-content{padding:20px}.form-grid-2{grid-template-columns:1fr}}@media (max-width:480px){.view-content{padding:15px}.empty-state{padding:40px 15px}}.cabina-location{align-items:center;color:#ec4899;display:inline-flex;font-weight:500;gap:4px}.cabina-location svg{flex-shrink:0}.cabine .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{max-height:min(90vh,880px)!important;max-width:min(1080px,96vw)!important;min-width:auto!important;width:min(1080px,96vw)!important}.cabine .modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-xlarge{max-height:90vh!important;max-width:1800px!important;overflow-y:auto!important}.modal-section-light.no-hover:active,.modal-section-light.no-hover:focus,.modal-section-light.no-hover:hover{background:linear-gradient(135deg,#fff,#f9fafb)!important}.operatori{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:100%;width:100%}.subscription-limit-banner{align-items:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius);color:#1e40af;display:flex;font-size:.95rem;gap:12px;margin-bottom:20px;padding:12px 20px}.subscription-limit-banner.limit-reached{background:#fef2f2;border-color:#fecaca;color:#991b1b}.subscription-limit-banner svg{flex-shrink:0}.subscription-limit-banner a{color:inherit;font-weight:500;text-decoration:underline}.operatori-list{display:flex;flex:1 1;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;padding-top:12px}.operatore-card{align-items:center;background:#fafafa;background:var(--bg-subtle,#fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease;width:100%}.operatore-card:hover{background:var(--white);border-color:var(--accent-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.operatore-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 8px #00000026;color:var(--white);display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:48px;justify-content:center;width:48px}.operatore-info{flex:1 1;min-width:0}.operatore-name{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:8px;margin-bottom:4px}.inactive-badge{align-items:center;background:var(--gray);border-radius:4px;color:var(--white);display:inline-flex;font-size:.75rem;font-weight:500;padding:2px 8px}.operatore-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px}.operatore-meta .sep{color:var(--light-gray)}.operatore-meta .rating{align-items:center;color:var(--accent-color);display:flex;font-weight:600;gap:4px}.operatore-actions{margin-left:auto}.modal-tabs{background:var(--bg-subtle);padding:0 24px}.modal-tab{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.modal-tab:hover{background:#00000005;color:var(--text-primary)}.modal-tab.active{background:var(--white);border-bottom-color:var(--accent-color);color:var(--accent-color)}.modal-backdrop .modal.modal-large,.operatori .modal-backdrop .modal.modal-large{max-height:min(90vh,880px)!important;max-width:min(1080px,96vw)!important;min-width:auto!important;width:min(1080px,96vw)!important}.modal-backdrop .modal.modal-xlarge,.operatori .modal-backdrop .modal.modal-xlarge{max-height:90vh!important;max-width:1800px!important;overflow-y:auto!important}.modal-xlarge{max-height:90vh;max-width:1800px;overflow-y:auto}.weekdays{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.weekday{align-items:center;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s ease}.weekday:hover{background:var(--bg-subtle);border-color:var(--accent-color)}.weekday input[type=checkbox]{cursor:pointer;height:16px;width:16px}.weekday input[type=checkbox]:checked+span{color:var(--accent-color);font-weight:600}.color-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr);margin-top:8px}.color-option{border:2px solid #0000;border-radius:50%;height:32px;width:32px}.color-option:hover{box-shadow:0 2px 8px #0003}.color-option.selected{box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--text-primary)}.checkbox-label input[type=checkbox]{height:16px;width:16px}.treatments-checkboxes{grid-gap:12px;background:var(--bg-subtle);display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));max-height:400px;overflow-y:auto;padding:12px}.treatment-checkbox,.treatments-checkboxes{border:1px solid var(--light-gray);border-radius:var(--border-radius-sm)}.treatment-checkbox{align-items:center;background:var(--white);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.treatment-checkbox:hover{background:var(--bg-subtle);border-color:var(--accent-color);transform:translateX(2px)}.treatment-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;height:18px;width:18px}.treatment-checkbox input[type=checkbox]:checked+.treatment-color-dot+.treatment-name{color:var(--accent-color);font-weight:600}.treatment-color-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.treatment-name{color:var(--text-primary);flex:1 1;font-size:.9rem}.treatment-duration{color:var(--text-secondary);font-size:.8rem;font-weight:500}.empty-treatments-message{background:var(--bg-subtle);border:1px dashed var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-secondary);padding:20px;text-align:center}@media (max-width:640px){.view-header{align-items:flex-start;flex-direction:column;gap:15px}.view-header h2{font-size:1.5rem}.view-content{padding:20px}.form-grid-2{grid-template-columns:1fr}.modal-tabs{overflow-x:auto;padding:0 12px}.modal-tab{padding:12px 16px;white-space:nowrap}.weekdays{grid-template-columns:repeat(2,1fr)}.treatments-checkboxes{grid-template-columns:1fr}}@media (max-width:480px){.view-content{padding:15px}.empty-state{padding:40px 15px}.modal-xlarge{border-radius:0;max-height:100vh;max-width:100%}.weekdays{grid-template-columns:1fr}}.section-description{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin-bottom:20px}.locations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.location-checkbox{align-items:flex-start;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .3s ease}.location-checkbox:hover{background:linear-gradient(135deg,#d4817e14,#d4817e0a);border-color:#d4817e;border-color:var(--theme-primary,#d4817e);box-shadow:0 4px 12px #d4817e26;transform:translateY(-2px)}.location-checkbox input[type=checkbox]{accent-color:var(--primary-color);height:18px;margin:0;width:18px}.location-checkbox input[type=checkbox]:checked+.location-info{color:var(--primary-color)}.location-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.location-name{color:var(--text-color);font-size:1rem;font-weight:600}.location-address{color:var(--text-secondary);font-size:.875rem;line-height:1.4}.location-checkbox:has(input:checked){background:#ec48990d;border-color:var(--primary-color)}.location-checkbox:has(input:checked) .location-name{color:var(--primary-color);font-weight:700}@media (max-width:768px){.locations-grid{grid-template-columns:1fr}.modal-backdrop .modal.modal-large,.operatori .modal-backdrop .modal.modal-large{max-height:92vh!important;max-width:min(96vw,960px)!important;width:min(96vw,960px)!important}}@media (max-width:480px){.modal-backdrop .modal.modal-large,.operatori .modal-backdrop .modal.modal-large{max-width:98vw!important;width:98vw!important}}.modal-section{border-radius:12px;box-sizing:border-box;margin:0;overflow:hidden;padding:28px 32px;transition:all .3s ease}.modal-section-light{background:linear-gradient(135deg,#fff,#f9fafb)}.modal-section-dark{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--gray-50,#f9fafb) 0,var(--gray-100,#f3f4f6) 100%)}.modal-section-title{align-items:center;border-bottom:2px solid #d4817e33;color:#d4817e;color:var(--theme-primary,#d4817e);display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin:0 0 20px;padding-bottom:12px}.modal-section .form-row{align-items:center;display:flex;flex-direction:row!important;gap:16px;margin-bottom:20px;min-height:44px}.modal-section .form-row label{color:#374151;color:var(--text-primary,#374151);font-size:1rem;font-weight:500;margin:0;min-width:160px;text-align:left}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{background:var(--white);border:2px solid #d1d5db;border:2px solid var(--gray-300,#d1d5db);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:1rem;height:44px;padding:12px 16px;transition:all .2s ease}.modal-section .form-row textarea{height:auto;min-height:80px;resize:vertical}.modal-section .form-row input:focus,.modal-section .form-row select:focus,.modal-section .form-row textarea:focus{border-color:#d4817e;border-color:var(--theme-primary,#d4817e);box-shadow:0 0 0 3px #d4817e1a;outline:none}.modal-section .custom-dropdown{background:#0000!important;border:none!important;flex:1 1;height:auto!important;padding:0!important}.modal-section .form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.modal-section .form-row:has(.color-picker){align-items:flex-start;border:none!important;box-shadow:none!important;min-height:120px;outline:none!important;overflow:hidden;padding:16px 0}.modal-section .color-picker{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:6px;justify-content:flex-start;max-width:100%;min-height:80px;overflow:hidden}.modal-section .color-picker,.modal-section .color-picker *{border:none!important;box-shadow:none!important;outline:none!important}.modal-section .color-option{border-radius:4px;cursor:pointer;height:28px;transition:transform .2s ease;width:28px}.modal-section .color-option.selected{box-shadow:0 0 0 2px #d4817e4d!important}.modal-section .color-option.selected,.modal-section .color-option:hover{border:2px solid #d4817e!important;border:2px solid var(--theme-primary,#d4817e)!important}.modal-section .color-option:hover{box-shadow:none!important;transform:scale(1.05)}.modal-section.no-hover:active,.modal-section.no-hover:focus,.modal-section.no-hover:hover{background:inherit!important;background-color:inherit!important;background-image:inherit!important;box-shadow:inherit!important;transform:none!important;transition:none!important}.modal-section-dark.no-hover:active,.modal-section-dark.no-hover:focus,.modal-section-dark.no-hover:hover{background:linear-gradient(135deg,#f9fafb,#f3f4f6)!important;background:linear-gradient(135deg,var(--gray-50,#f9fafb) 0,var(--gray-100,#f3f4f6) 100%)!important}.modal-large .modal-body,.modal-xlarge .modal-body{overflow-x:hidden!important;padding:0!important}.modal-xlarge .modal-body{overflow-y:auto!important;position:relative}@media (max-width:768px){.modal-section{padding:24px 28px}.modal-section .form-row{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{font-size:.95rem!important;margin-bottom:0!important;min-width:auto!important}.modal-section .form-grid-2{grid-template-columns:1fr}.modal-section .form-row:has(.color-picker){min-height:100px;padding:12px 0}.modal-section .color-picker{min-height:60px}}@media (max-width:480px){.modal-section{padding:20px 24px}.modal-section-title{font-size:1.1rem}}.calendario-lavoro{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-height:100vh;max-width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;width:100%}@media (max-width:768px){.calendario-lavoro{margin:0 -15px!important;max-height:none!important;max-width:calc(100% + 30px)!important;overflow-y:visible!important;padding:0!important;width:calc(100% + 30px)!important}.view-header{margin-left:0!important;margin-right:0!important;padding:0 15px!important}.calendario-content{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.calendario-grid-wrapper{border-radius:0!important;margin:0!important}}@media (max-width:480px){.calendario-lavoro{margin-left:-12px!important;margin-right:-12px!important;max-width:calc(100% + 24px)!important;width:calc(100% + 24px)!important}.view-header{margin-left:0!important;margin-right:0!important;padding:0 12px!important}.calendario-content{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.calendario-grid-wrapper{border-radius:0!important;margin:0!important}}.view-header{gap:20px;margin-bottom:25px}.header-actions{gap:20px}.navigation-controls{background:var(--white);border-radius:var(--border-radius-sm);box-shadow:var(--shadow);gap:8px;padding:6px}.navigation-controls .btn-icon{align-items:center;background:#fff;border:2px solid #333;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0000001a;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.navigation-controls .btn-icon:hover{background:#333;box-shadow:0 4px 8px #0003;color:#fff;transform:translateY(-1px)}.navigation-controls .btn-icon svg{stroke-width:3;height:20px;width:20px}.navigation-controls .navigation-arrow{align-items:center!important;color:#000!important;display:flex!important;font-size:18px!important;font-weight:700!important;justify-content:center!important;line-height:1!important;text-shadow:none!important}.navigation-controls .navigation-arrow:hover{background:#000!important;color:#fff!important}.turno-block{position:relative}.turno-header{justify-content:space-between;margin-bottom:4px;width:100%}.turno-header,.turno-menu-btn{align-items:center;display:flex}.turno-menu-btn{background:#fffc;border:1px solid #0000001a;border-radius:4px;color:var(--text-color);cursor:pointer;font-size:12px;height:20px;justify-content:center;min-width:24px;opacity:.8;padding:4px 6px;transition:all .2s ease}.turno-menu-btn:hover{background:#fff;border-color:#0003;opacity:1;transform:scale(1.05)}.turno-menu-global{pointer-events:auto!important;z-index:99999!important}.turno-menu,.turno-menu-global{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 10px 25px #0000004d!important;margin-top:4px!important;min-width:200px!important;opacity:1!important;padding:12px 0!important;position:fixed!important;visibility:visible!important}.turno-menu{z-index:9999!important}.turno-menu-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:12px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.turno-menu-item:hover{background:var(--light-bg);color:var(--primary-color)}.turno-menu-item-danger{color:#dc2626!important;font-weight:600}.turno-menu-item-danger:hover{background:#dc26261a!important;color:#b91c1c!important}.propagation-info{background:var(--light-bg);border-radius:var(--border-radius-sm);margin-bottom:24px;padding:16px}.propagation-info p{color:var(--text-color);margin:0 0 12px}.turno-details{display:flex;flex-direction:column;gap:4px}.turno-details div{color:var(--text-secondary);font-size:.875rem}.propagation-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-large{align-items:center;display:flex;gap:8px;justify-content:center;padding:12px 16px}.calendario-lavoro .navigation-controls .btn-icon,.calendario-lavoro .navigation-controls .btn-icon svg{stroke:#333!important;fill:none!important;color:#333!important}.calendario-lavoro .navigation-controls .btn-icon:hover,.calendario-lavoro .navigation-controls .btn-icon:hover svg{stroke:#fff!important;color:#fff!important}.navigation-controls .btn-secondary{background:var(--light-bg);border:1px solid var(--light-gray);border-radius:12px;color:var(--text-color);cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.navigation-controls .btn-secondary:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 8px #ec489933;color:var(--white);transform:translateY(-1px)}.current-month{background:var(--white);border:1px solid var(--light-gray);border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-color);font-size:1.5rem;font-weight:700;padding:8px 16px;text-shadow:0 1px 3px #0003}.calendario-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:525px 1fr;max-width:100%;min-height:0;overflow:hidden;width:100%}@media (max-width:768px){.calendario-content{min-height:-webkit-fit-content!important;min-height:fit-content!important;overflow:visible!important;overflow-y:visible!important}}.operatori-sidebar{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);max-height:calc(100vh - 200px);overflow:visible;padding:20px}.operatori-sidebar h3{border-bottom:2px solid var(--light-gray);color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:12px}.location-selector{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;overflow:visible;padding:20px;position:relative}.location-selector-header{align-items:center;display:flex;gap:8px;margin-bottom:16px}.location-icon{color:var(--primary-color);opacity:.8}.location-selector h3{border-bottom:none;color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0;padding-bottom:0}.custom-dropdown{margin-bottom:12px;position:relative}.custom-dropdown-trigger{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffffe6;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;min-height:50px;padding:14px 16px;text-shadow:0 1px 2px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.custom-dropdown-trigger:hover{border-color:var(--primary-color);box-shadow:0 6px 20px #ec489926,0 4px 12px #00000014,inset 0 1px 0 #ffffffe6;transform:translateY(-1px)}.dropdown-icon{color:var(--primary-color);flex-shrink:0;opacity:.8}.dropdown-text{flex:1 1;text-align:left;white-space:nowrap}.dropdown-arrow{color:#64748b;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.dropdown-arrow.open{color:var(--primary-color);transform:rotate(180deg)}.custom-dropdown-menu{animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border:2px solid var(--primary-color);border-radius:12px;box-shadow:0 20px 40px #0000001a,0 8px 24px #ec489926,0 4px 12px #00000014;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:9999}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;padding:12px;position:relative}.dropdown-search svg{color:var(--text-secondary);left:5px;pointer-events:none;position:absolute;z-index:2}.dropdown-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:10px 14px 10px 40px;position:relative;transition:all .2s ease;width:100%;z-index:1}.dropdown-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a;outline:none}.dropdown-options{max-height:200px;overflow-x:hidden;overflow-y:auto;padding:8px 0}.dropdown-option{align-items:center;color:var(--text-color);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;position:relative;transition:all .2s ease}.dropdown-option:hover{background:linear-gradient(135deg,#ec489914,#ec48990a);color:var(--primary-color);transform:translateX(4px)}.dropdown-option.selected{background:linear-gradient(135deg,#ec48991a,#ec48990d);color:var(--primary-color);font-weight:600}.dropdown-option svg{flex-shrink:0;opacity:.7}.dropdown-option span{flex:1 1}.checkmark{color:var(--primary-color);font-size:1.1rem;font-weight:700}.dropdown-no-results{color:#64748b;font-size:.9rem;font-style:italic;padding:16px;text-align:center}.selected-location-info{margin-top:12px}.location-info-badge{align-items:center;animation:slideInUp .3s ease-out;background:linear-gradient(135deg,pink,#ffb6c1);border:2px solid #ffd1dc;border-radius:25px;box-shadow:0 4px 12px #ffb6c14d;color:#8b4c6b;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 16px;position:relative;text-shadow:0 1px 2px #ffffff80}.location-info-badge:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.location-info-badge.clickable{cursor:pointer;transition:all .2s ease}.location-info-badge:hover{background:linear-gradient(135deg,#ffb6c1,#ffa0b4);box-shadow:0 6px 16px #ffb6c166;transform:translateY(-2px)}.location-info-badge svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:1;position:relative;z-index:1}.location-info-badge .close-icon{margin-left:4px;opacity:.8;transition:opacity .2s ease}.location-info-badge:hover .close-icon{opacity:1;transform:scale(1.1)}.location-loading{color:#64748b;font-size:.85rem;font-style:italic;margin-top:12px;text-align:center}.location-select-modern:disabled{background-color:#f8fafc;cursor:not-allowed;opacity:.6}.operatori-list-sidebar{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 380px);overflow-x:hidden;overflow-y:auto;padding-top:12px}.operatore-drag-item{align-items:center;background:var(--bg-subtle);border-left:4px solid;border-radius:var(--border-radius-sm);cursor:grab;display:flex;gap:10px;padding:10px;transition:all .2s ease}.operatore-drag-item:active{cursor:grabbing;opacity:.6}.operatore-drag-item:hover{background:var(--white);box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.operatore-avatar-small{align-items:center;border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.operatore-name-small{color:var(--text-primary);font-size:.9rem;font-weight:500}.calendario-grid-wrapper{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);height:auto;max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;overflow:hidden;padding:20px;width:100%}@media (max-width:768px){.calendario-grid-wrapper{max-height:none!important;overflow:visible!important;overflow-x:visible!important;overflow-y:visible!important}.calendario-grid,.calendario-grid-wrapper{height:auto!important;min-height:-webkit-fit-content!important;min-height:fit-content!important}.calendario-grid{overflow:visible!important}.calendar-days{min-height:-webkit-fit-content!important;min-height:fit-content!important;min-height:400px!important}.calendar-days,.calendario-grid-wrapper{height:auto!important;overflow:visible!important}.calendario-grid-wrapper{border-radius:0!important;margin:0!important;max-height:none!important;min-height:-webkit-fit-content!important;min-height:fit-content!important;overflow-x:visible!important;overflow-y:visible!important;padding:8px!important}.calendar-days,.calendar-weekdays,.calendario-grid,.calendario-grid-wrapper{box-sizing:border-box!important;max-width:100%!important;width:100%!important}}.calendar-weekdays{grid-gap:1px;background:var(--light-gray);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)!important;margin-bottom:1px;max-width:100%;overflow:hidden;width:100%!important}@media (max-width:768px){.calendar-weekdays{gap:2px!important}}.weekday-header{background:var(--accent-color);color:var(--white);font-size:.9rem;font-weight:600;padding:12px 8px}@media (max-width:768px){.weekday-header{font-size:.85rem;font-weight:700;padding:14px 6px}}.calendar-days{grid-gap:1px;background:var(--light-gray);border-radius:0 0 var(--border-radius-sm) var(--border-radius-sm);display:grid;gap:1px;grid-template-columns:repeat(7,1fr)!important;max-width:100%;min-height:-webkit-fit-content;min-height:fit-content;overflow:hidden;width:100%!important}@media (max-width:768px){.calendar-days{gap:2px!important}}.calendar-day{aspect-ratio:1;background:var(--white);box-sizing:border-box!important;flex-shrink:1;max-width:100%!important;min-width:0!important;width:100%!important}.calendar-day.empty{background:var(--bg-subtle);opacity:.5}.calendar-day.today{background:#f59e0b0d;border:2px solid var(--accent-color)}.calendar-day:not(.empty):hover{background:var(--bg-subtle);cursor:pointer}.calendar-day.drag-over{background:#22c55e26!important;border:2px dashed #22c55e!important;box-shadow:inset 0 0 0 2px #22c55e}.calendar-day.closed-day{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fca5a5;opacity:.7;position:relative}.calendar-day.closed-day:after{background:#dc2626;border-radius:3px;color:#fff;content:"CHIUSO";font-size:8px;font-weight:700;line-height:1;padding:2px 4px;position:absolute;right:4px;top:4px}.calendar-day.closed-day .day-number{color:#dc2626;font-weight:700}.calendar-day.closed-day:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2);cursor:not-allowed}.calendar-day.vacation-day{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24;opacity:.7;position:relative}.calendar-day.vacation-day:after{background:#f59e0b;border-radius:3px;color:#fff;content:"FERIE";font-size:8px;font-weight:700;line-height:1;padding:2px 4px;position:absolute;right:4px;top:4px}.calendar-day.vacation-day .day-number{color:#d97706;font-weight:700}.calendar-day.vacation-day:hover{background:linear-gradient(135deg,#fef3c7,#fde68a);cursor:not-allowed}.day-number{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:4px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}@media (max-width:768px){.day-number{font-size:1.1rem!important;font-weight:700!important;margin-bottom:10px;padding:6px}.calendar-day.today .day-number{font-size:1.3rem!important}}.day-number:hover{background:var(--primary-light);color:var(--primary-color)}.turni-count-badge{align-items:center;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0;text-align:center}@media (max-width:768px){.turni-count-badge{box-shadow:0 3px 8px #0000004d!important;font-size:.85rem!important;height:28px!important;min-width:28px!important}}@media (min-width:1920px){.turni-count-badge{display:none!important}}.calendar-day.today .day-number{color:var(--accent-color);font-size:1.1rem}.day-turni{-webkit-overflow-scrolling:touch;gap:6px;max-height:calc(15vh - 40px);overflow-y:auto;scrollbar-color:var(--border-medium) #0000;scrollbar-width:thin}.day-turni::-webkit-scrollbar{width:4px}.day-turni::-webkit-scrollbar-track{background:#0000}.day-turni::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.day-turni::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.turno-block{background-blend-mode:overlay;border-left:4px solid;border-radius:6px;box-shadow:0 2px 4px #00000014;color:var(--text-primary);cursor:grab;font-size:.75rem;opacity:.85;padding:6px 8px;transition:all .2s ease}.turno-block:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.turno-block:active{cursor:grabbing;opacity:.7}.turno-block.provvisorio{border-style:dashed;opacity:.7}.turno-block.annullato{opacity:.5;text-decoration:line-through}.turno-operatore{color:var(--text-primary);font-weight:700;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turno-orario{align-items:center;color:var(--text-secondary);display:flex;font-size:.7rem;font-weight:500;gap:4px}.turno-cabina{color:var(--text-secondary);font-size:.65rem;font-style:italic;margin-top:2px}.form-grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:1200px){.calendario-content{grid-template-columns:200px 1fr}.operatore-name-small{font-size:.85rem}.calendar-day{aspect-ratio:1!important}.day-turni{max-height:calc(13vh - 35px)}}@media (max-width:968px){.calendario-content{gap:16px;grid-template-columns:1fr;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.operatori-sidebar{max-height:none;padding:16px}.operatori-list-sidebar{-webkit-overflow-scrolling:touch;flex-direction:row;flex-wrap:wrap;gap:12px;max-height:none;overflow-x:auto;overflow-y:visible;padding:8px 0}.operatore-drag-item{border-radius:12px;box-shadow:0 2px 4px #0000001a;flex:0 0 auto;min-width:140px;padding:12px}.operatore-avatar-small{font-size:.9rem!important;height:40px!important;width:40px!important}.operatore-name-small{font-size:1rem!important;font-weight:600!important}.location-selector{margin-bottom:20px;padding:16px}.location-selector-header h3{font-size:1.2rem!important;font-weight:700!important}.custom-dropdown-trigger{font-size:1rem!important;padding:16px!important}.calendar-day{aspect-ratio:1!important;padding:14px 10px!important}.day-turni{max-height:calc(24vh - 50px)!important}.turno-block{font-size:.7rem;padding:4px 6px}}@media (max-width:640px){.view-header{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.view-header h2{font-size:1.5rem!important;font-weight:700!important}.header-actions{flex-wrap:wrap;gap:12px;justify-content:space-between;width:100%}.navigation-controls{gap:8px;padding:8px}.navigation-controls .btn-icon{font-size:1.2rem!important;height:44px!important;width:44px!important}.navigation-controls .btn-icon svg{height:18px;width:18px}.current-month{font-size:1.25rem;min-width:auto;text-align:left}.calendario-grid-wrapper{border-radius:0!important;height:auto!important;max-height:none!important;min-height:-webkit-fit-content!important;min-height:fit-content!important;overflow:visible!important;overflow-y:visible!important;padding:8px!important}.calendario-grid,.calendario-grid-wrapper{box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow-x:visible!important;width:100%!important}.calendario-grid{-webkit-overflow-scrolling:touch;padding:0!important}.calendar-days,.calendar-weekdays{box-sizing:border-box!important;max-width:100%!important;overflow:visible!important;width:100%!important}.calendar-days{min-height:400px!important}.weekday-header{align-items:center;display:flex;font-size:.9rem!important;font-weight:700!important;justify-content:center;min-height:50px;padding:14px 6px!important}.calendar-day{aspect-ratio:1!important;display:flex;flex-direction:column;justify-content:flex-start;padding:14px 10px!important}.day-turni{height:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;width:0!important}.day-turni,.day-turni *,.day-turni :after,.day-turni :before{display:none!important;opacity:0!important;visibility:hidden!important}.turno-block{border:none!important;display:none!important}.day-number{align-items:center!important;flex-direction:column!important;font-size:1.3rem!important;font-weight:700!important;gap:8px!important;justify-content:flex-start!important;margin-bottom:12px!important;padding:8px 4px!important;text-align:center!important;width:100%!important}.calendar-day.today .day-number{font-size:1.5rem!important;font-weight:800!important}.turni-count-badge{align-items:center!important;background:var(--primary-color)!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 3px 10px #d4817e80!important;color:#fff!important;display:inline-flex!important;font-size:1rem!important;font-weight:800!important;height:36px!important;justify-content:center!important;margin-top:8px!important;min-width:36px!important;padding:0!important;position:relative!important;width:36px!important;z-index:10!important}.turno-block{font-size:.65rem;padding:3px 5px}.turno-orario svg{display:none}.form-grid-2{grid-template-columns:1fr}}@media (max-width:480px){.navigation-controls{justify-content:center;width:100%}.current-month{font-size:1.3rem!important;font-weight:700!important;padding:12px 16px!important;text-align:center;width:100%}.header-actions{align-items:center;flex-direction:column;gap:12px}.operatori-sidebar h3{font-size:1.2rem!important;font-weight:700!important;margin-bottom:20px!important}.calendar-day{aspect-ratio:1!important;padding:16px 12px!important}.day-turni{gap:8px!important;max-height:calc(30vh - 70px)!important}.day-number{font-size:1.4rem!important;margin-bottom:14px!important}.calendar-day.today .day-number{font-size:1.6rem!important}.turni-count-badge{font-size:1.05rem!important;height:38px!important;min-width:38px!important;width:38px!important}.location-selector-header{margin-bottom:20px!important}.custom-dropdown-trigger{font-size:1.1rem!important;font-weight:500!important;padding:18px 20px!important}.dropdown-arrow,.dropdown-icon{height:20px!important;width:20px!important}.location-selector{margin-bottom:24px!important;padding:20px!important}.location-selector-header h3{font-size:1.3rem!important;font-weight:700!important}.location-select-modern{font-size:.9rem;padding:10px 36px 10px 14px}.location-info-badge{font-size:.8rem;padding:6px 10px}.operatore-drag-item{padding:8px}.operatore-avatar-small{font-size:.7rem;height:28px;width:28px}.calendario-grid-wrapper{border-radius:0!important;left:50%;margin:0 -50vw!important;max-width:100vw!important;padding:0!important;position:relative;right:50%;width:100vw!important}.calendario-grid{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.day-number{font-size:1.2rem!important;font-weight:700!important;margin-bottom:10px!important}.calendar-day.today .day-number{font-size:1.4rem!important}.turni-count-badge{font-size:.95rem!important;height:34px!important;min-width:34px!important;width:34px!important}.day-turni{height:0!important;overflow:hidden!important;pointer-events:none!important;position:absolute!important;width:0!important}.day-turni,.day-turni *,.day-turni :after,.day-turni :before{display:none!important;opacity:0!important;visibility:hidden!important}.turno-block{border:none!important;display:none!important}.day-number{align-items:center!important;flex-direction:column!important;font-size:.8rem;gap:2px!important;justify-content:flex-start!important;padding-top:2px!important;text-align:center!important;width:100%!important}.turni-count-badge{align-items:center!important;background:#d4817e!important;border-radius:50%!important;box-shadow:0 2px 8px #0000004d!important;color:#fff!important;display:inline-flex!important;font-size:.8rem!important;font-weight:700!important;height:28px!important;justify-content:center!important;margin-top:4px!important;min-width:28px!important;padding:0!important;position:relative!important;width:28px!important;z-index:10!important}.turno-block{padding:2px 4px}.turno-block,.turno-operatore{font-size:.6rem}.turno-orario{font-size:.55rem}}.day-turni-modal{max-width:700px;width:90%}@media (max-width:768px){.modal-backdrop,div.modal-backdrop.modal-backdrop{align-items:center!important;justify-content:center!important;overflow-y:auto!important;padding:calc(100px + env(safe-area-inset-top, 0px)) 0 calc(140px + env(safe-area-inset-bottom, 0px))!important}.modal-backdrop .modal.modal-large.day-turni-modal,.modal-backdrop div.modal.modal-large.day-turni-modal,.modal.modal-large.day-turni-modal,div.modal-backdrop>div.modal.modal-large.day-turni-modal,div.modal.modal-large.day-turni-modal{height:auto!important;margin:0!important;max-height:calc(100vh - 240px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px))!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header,div.modal-backdrop .modal.modal-large.day-turni-modal .modal-header{flex-shrink:0!important;min-height:60px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10001!important}.modal-backdrop .modal.modal-large.day-turni-modal .modal-body{flex:1 1 auto;overflow-x:hidden!important;overflow-y:auto;overscroll-behavior:contain;padding:20px!important}}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header{align-items:center;background:var(--white)!important;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:6}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header h3{align-items:center;color:var(--text-primary)!important;display:flex;gap:8px;margin:0}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;box-shadow:none!important;color:var(--text-primary)!important}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header .btn.btn-icon:hover{background:var(--border-light)!important}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header .btn.btn-icon svg{stroke:var(--text-primary)!important;color:var(--text-primary)!important}.day-turni-list{display:flex;flex-direction:column;gap:16px}.turno-modal-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-left:4px solid;border-radius:var(--radius-md);padding:16px;transition:all .2s ease}.turno-modal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.turno-modal-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.operatore-avatar-modal{align-items:center;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:48px;justify-content:center;width:48px}.turno-modal-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.turno-modal-operatore{color:var(--text-primary);font-size:1.1rem;font-weight:600}.turno-modal-orario{align-items:center;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:500;gap:6px}.turno-modal-stato{flex-shrink:0}.stato-badge{border-radius:16px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.stato-badge.confermato{background:#d1fae5;color:#065f46}.stato-badge.provvisorio{background:#fef3c7;color:#92400e}.stato-badge.annullato{background:#fee2e2;color:#991b1b}.turno-modal-cabina{align-items:center;display:flex;gap:6px;margin-bottom:8px;padding-left:60px}.turno-modal-cabina,.turno-modal-note{color:var(--text-secondary);font-size:.9rem}.turno-modal-note{background:var(--bg-primary);border-left:3px solid var(--border-medium);border-radius:var(--radius-sm);font-style:italic;margin-top:8px;padding:10px 12px}.turno-modal-actions{border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px}.btn-icon-small{border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;gap:6px;padding:8px 12px}.btn-icon-small.btn-edit{background:var(--primary-light);color:var(--primary-color)}.btn-icon-small.btn-edit:hover{background:var(--primary-color);color:#fff}.btn-icon-small.btn-delete{background:#fee2e2;color:#dc2626}.btn-icon-small.btn-delete:hover{background:#dc2626;color:#fff}@media (max-width:640px){.day-turni-modal{width:95%}.turno-modal-header{flex-wrap:wrap}.turno-modal-cabina{padding-left:0}}.room-schedule-container{background:var(--bg-app);display:flex;flex-direction:column;height:100%}.room-schedule-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:280px 1fr;height:calc(100vh - 180px);padding:20px}.sidebar-operators{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;overflow-y:auto;padding:20px}.sidebar-operators h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 16px}.operators-list{display:flex;flex-direction:column;gap:8px}.operator-item{background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:8px;color:var(--text-primary);cursor:grab;font-weight:500;padding:12px 16px;transition:all .2s}.operator-item:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translateX(4px)}.operator-item:active{cursor:grabbing;opacity:.7}.calendar-main{display:flex;flex-direction:column;gap:16px}.cabina-selector{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;gap:12px;padding:16px 20px}.cabina-selector label{color:var(--text-primary);font-weight:600;white-space:nowrap}.cabina-selector>div{flex:1 1}.calendar-grid{grid-gap:8px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;gap:8px;padding:20px}.weekday-header{color:var(--text-secondary);font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:center;text-transform:uppercase}.calendar-day{background:var(--bg-secondary);border:2px dashed #0000;border-radius:8px;min-height:100px;padding:8px;position:relative;transition:all .2s}.calendar-day:not(.empty):hover{background:var(--bg-hover);border-color:var(--primary-color)}.calendar-day.today{background:#667eea0d;border:2px solid var(--primary-color)}.day-number{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.day-turni{gap:4px}.day-turni,.turno-badge{display:flex;flex-direction:column}.turno-badge{background:var(--primary-color);border-radius:6px;color:#fff;cursor:pointer;font-size:11px;gap:2px;line-height:1.3;padding:6px 8px;transition:all .2s}.turno-badge:hover{background:var(--primary-hover);box-shadow:0 2px 8px #0003;transform:scale(1.05)}.turno-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turno-hours{font-size:10px;font-weight:600;opacity:.9}.navigation-controls{align-items:center;display:flex;gap:16px}.navigation-controls button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.navigation-controls button:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.current-month{color:var(--text-primary);font-size:18px;font-weight:600;margin:0;min-width:200px;text-align:center;text-transform:capitalize}.btn-danger{background:#ef4444}@media (max-width:968px){.room-schedule-content{grid-template-columns:1fr}.sidebar-operators{max-height:200px}.calendar-grid{grid-template-columns:repeat(7,1fr)}.calendar-day{font-size:12px;min-height:80px}}.settings{background:var(--bg-secondary);display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;padding:0;width:100%}.settings-header{align-items:center;background:var(--bg-primary);border-bottom:3px solid var(--primary-color);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:0;padding:20px 24px}.header-left{display:flex;flex-direction:column}.settings-header h2{color:var(--text-title);font-size:2rem;font-weight:300;margin:0 0 8px}.header-subtitle{color:var(--text-secondary);font-size:1rem;font-weight:400;margin:0}.header-actions .btn{background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--bg-primary);font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.header-actions .btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.settings .header-actions .btn-secondary{background:#0000;border:2px solid var(--border-light);color:var(--text-primary)}.settings .header-actions .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.logo-upload-container{background:var(--bg-color);border:2px dashed var(--light-gray);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .3s ease}.logo-upload-container:hover{background:var(--bg-subtle);border-color:var(--primary-color)}.logo-preview{align-items:center;display:flex;justify-content:center;padding:20px}.logo-preview img{border:3px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;max-height:200px;max-width:200px;object-fit:contain}.logo-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.logo-upload-btn{background:var(--primary-color);border:none;border-radius:8px;color:var(--bg-primary);cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-align:center;transition:all .3s ease}.logo-upload-btn:hover{background:var(--primary-dark);box-shadow:0 4px 12px #ec48994d;transform:translateY(-2px)}.form-hint{color:var(--gray);margin-top:8px;text-align:center}.btn-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray);cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-close:hover{background:var(--light-gray)}.btn-close:hover,.modal-body{color:var(--text-color)}.modal-body p{font-size:1rem;line-height:1.6;margin:0}.settings-content{background:var(--bg-secondary);flex:1 1;min-height:0;overflow-y:auto;padding:24px}.quick-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);gap:12px;padding:14px 16px}.stat-icon{background:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-color);font-size:2rem}.stat-label{letter-spacing:.05em;margin-bottom:4px}.stat-value{font-size:1.2rem;font-weight:600}.settings-mini-nav{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;margin-top:24px;padding:12px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.mini-nav-item{align-items:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 14px;transition:all .2s ease}.mini-nav-item:hover{background:#6366f114;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.mini-nav-item.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm);color:var(--bg-primary)}.mini-nav-icon{align-items:center;display:flex;font-size:1.15rem}.mini-nav-label{white-space:nowrap}@media (max-width:1024px){.settings-mini-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px;top:68px}.mini-nav-item{flex:0 0 auto}}.settings-grid-item{display:flex;flex-direction:column;gap:0}.settings-grid-item.full-width{grid-column:1/-1}.settings-grid-item.full-width .settings-card{width:100%}.settings-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-top:30px}.settings-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible;transition:all .2s ease}.settings-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.settings-card.full-width{background:#0000;border:none;box-shadow:none;padding:0;width:100%}.settings-card.full-width:hover{transform:none}.card-header{background:var(--bg-subtle);border-bottom:2px solid var(--primary-color);gap:12px;padding:16px 20px}.card-icon{align-items:center;background:var(--primary-color);border-radius:var(--radius-md);color:var(--bg-primary);display:flex;flex-shrink:0;font-size:1.8rem;height:48px;justify-content:center;width:48px}.card-title h3{color:var(--text-primary);font-size:1.2rem;font-weight:500;margin:0 0 4px}.card-title p{color:var(--text-secondary);font-size:.9rem;font-weight:400;margin:0}.card-content{padding:16px 20px}.modern-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-weight:500;padding:10px 12px}.modern-input:focus{background:#fefefe;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-input::placeholder{color:#9ca3af;font-weight:400}.toggle-container{justify-content:space-between}.toggle-label{flex:1 1}.toggle-label h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 4px}.toggle-label p{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0}.notification-control-row{border-bottom:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:12px 0 4px}.channel-select{display:flex;flex-direction:column;gap:6px;max-width:260px;min-width:220px}.channel-select label{color:var(--text-primary);font-size:.9rem;font-weight:600}.modern-textarea.disabled{cursor:not-allowed;opacity:.6}.toggle-switch{background:var(--border-light);border-radius:var(--radius-lg)}.modern-select,.toggle-switch:after{background:var(--bg-primary)}.modern-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:20px;border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:14px 48px 14px 16px;transition:all .3s ease;width:100%}.modern-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modern-textarea{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;line-height:1.5;min-height:100px;padding:14px 16px}.modern-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-textarea::placeholder{color:#9ca3af}.form-hint{color:#6b7280;display:block;font-size:.875rem;font-style:italic;margin-top:6px}.restore-default-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:var(--bg-primary);cursor:pointer;font-size:.875rem;font-weight:600;margin-top:10px;padding:8px 16px;transition:all .3s ease}.restore-default-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.restore-default-btn:active{box-shadow:0 2px 6px #667eea4d;transform:translateY(0)}.language-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.language-option{border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:600;padding:16px;text-align:center;transition:all .3s ease}.language-option.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;color:#667eea}.language-option:hover{background:#f9fafb;border-color:#d1d5db}.success-message{align-items:center;animation:slideInRight .4s ease;background:var(--success-color)!important;border-radius:var(--radius-md)!important;bottom:auto!important;box-shadow:var(--shadow-lg)!important;color:var(--bg-primary)!important;display:flex!important;font-size:.95rem;font-weight:500;gap:10px;height:auto!important;justify-content:center;left:auto!important;max-width:400px!important;min-width:250px!important;padding:14px 24px!important;position:fixed!important;right:24px!important;top:80px!important;width:auto!important;z-index:10000!important}.loading-container{color:#6b7280}.loading-spinner{border:4px solid var(--border-light);border-top:4px solid #667eea}@media (min-width:1600px){.settings-content{padding:32px 40px}.settings-grid{gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (max-width:1400px){.settings-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}}@media (max-width:1200px){.settings-content{padding:24px 30px}.settings-grid{gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}}@media (max-width:768px){.settings-header{flex-direction:column;gap:16px;padding:18px 20px;text-align:center}.settings-header h2{font-size:2.2rem}.header-actions .btn{font-size:.875rem!important;padding:10px 16px!important;white-space:nowrap}.settings-content{padding:20px 18px}.quick-stats,.settings-grid{grid-template-columns:1fr}.settings-grid{gap:24px}.header-actions{justify-content:center;width:100%}}.backup-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;grid-column:1/-1}.backup-card .card-header{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--bg-primary)}.backup-card .card-icon{background:#fff3;color:var(--bg-primary)}.backup-actions{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.backup-btn{align-items:center;background:var(--bg-primary);border:2px solid #f59e0b;border-radius:var(--radius-md);color:#f59e0b;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease}.backup-btn:hover{background:#f59e0b;color:var(--bg-primary);transform:translateY(-2px)}.logout-card{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #ef4444}.logout-card .card-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--bg-primary)}.logout-card .card-icon{background:#fff3;color:var(--bg-primary)}.logout-btn{background:#ef4444;border:none;border-radius:var(--radius-md);color:var(--bg-primary);cursor:pointer;font-size:1.1rem;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.logout-btn:hover{background:#dc2626;box-shadow:0 8px 24px #ef44444d;transform:translateY(-2px)}.theme-selector{width:100%}.theme-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.theme-option{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;padding:16px;transition:all var(--transition-fast)}.theme-option:hover{transform:translateY(-2px)}.theme-option.active,.theme-option:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.theme-option.active{background:var(--primary-light)}.theme-preview{border-radius:var(--radius-md);gap:4px;height:40px;margin-bottom:12px;overflow:hidden}.theme-color{flex:1 1;height:100%}.theme-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.theme-desc{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}@media (max-width:768px){.theme-grid{gap:12px;grid-template-columns:1fr}}@media (max-width:480px){.theme-option{padding:12px}.theme-preview{height:30px;margin-bottom:8px}.theme-name{font-size:var(--font-size-sm)}.theme-desc{font-size:var(--font-size-xs)}}.font-size-selector{display:flex;flex-direction:column;gap:24px}.font-size-display{align-items:center;background:var(--light-gray);border:2px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;padding:20px}.font-size-label{color:var(--text-secondary);font-size:.875rem;margin-bottom:8px}.font-size-value{color:var(--primary-color);font-size:2rem;font-weight:600}.font-size-slider,.font-size-slider label{display:flex;flex-direction:column;gap:8px}.slider-label{color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between}.font-slider{-webkit-appearance:none;appearance:none;background:var(--light-gray);border-radius:3px;height:6px;outline:none;width:100%}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-color);border-radius:50%;cursor:pointer;height:20px;-webkit-transition:var(--transition);transition:var(--transition);width:20px}.font-slider::-webkit-slider-thumb:hover{box-shadow:0 0 0 4px var(--primary-light);transform:scale(1.2)}.font-slider::-moz-range-thumb{background:var(--primary-color);border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:var(--transition);transition:var(--transition);width:20px}.font-slider::-moz-range-thumb:hover{box-shadow:0 0 0 4px var(--primary-light);transform:scale(1.2)}.font-size-presets{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.preset-btn{align-items:center!important;background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius-sm);box-sizing:border-box!important;color:var(--text-primary);cursor:pointer;display:inline-flex!important;font-size:.875rem;font-weight:500;height:auto!important;justify-content:center!important;line-height:1.4!important;min-height:40px!important;padding:9px 12px!important;transition:var(--transition)}.preset-btn:hover{background:var(--primary-light);border-color:var(--primary-color)}.preset-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.font-size-preview{align-items:center;background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;justify-content:center;min-height:80px;padding:20px}.font-size-preview p{color:var(--text-primary);line-height:1.6;margin:0;text-align:center}@media (max-width:768px){.font-size-presets{grid-template-columns:1fr 1fr}}@media (max-width:480px){.font-size-presets{grid-template-columns:1fr}.preset-btn{font-size:.8125rem;padding:10px 14px}}.business-type-changed-banner{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800;border-radius:12px;display:flex;flex-direction:column;gap:12px;margin-top:16px;padding:16px}.business-type-changed-banner .banner-header{align-items:flex-start;display:flex;gap:12px}.business-type-changed-banner .banner-icon{flex-shrink:0;font-size:2rem}.business-type-changed-banner .banner-content{flex:1 1;min-width:0}.business-type-changed-banner strong{color:#e65100;display:block;font-size:1.1rem;margin-bottom:4px}.business-type-changed-banner p{word-wrap:break-word;color:#5d4037;font-size:.95rem;margin:0}.business-type-changed-banner .btn{justify-content:center;white-space:nowrap;width:100%}.business-type-readonly{background:#e8c8c21f;border:1px dashed #e8c8c273;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;margin-bottom:16px;padding:12px 14px}.business-type-readonly strong{color:var(--text-primary)}.business-type-features{border-top:2px solid var(--border-light);margin-top:24px;padding-top:24px}.business-type-features h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.features-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.feature-badge{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;font-size:.85rem;font-weight:500;padding:8px 12px;text-align:center;text-transform:capitalize}@media (max-width:768px){.business-type-changed-banner{flex-direction:column;text-align:center}.business-type-changed-banner .btn{width:100%}.features-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.theme-selector-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.theme-card{background:#fff;border:3px solid var(--border-light);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .3s ease}.theme-card:hover{border-color:var(--primary-color);box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.theme-card.active{border-color:var(--primary-color);border-width:3px;box-shadow:0 8px 24px #0003}.theme-preview{align-items:center;display:flex;height:100px;justify-content:center;position:relative}.theme-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));font-size:3rem}.theme-info{background:#fff;padding:12px 16px}.theme-name{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:4px}.theme-desc{color:var(--text-secondary);font-size:.85rem}.theme-active-badge{background:var(--success-color);border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px;position:absolute;right:8px;top:8px}.tech-theme-card{border:3px solid var(--border-light)}.tech-theme-card.active{border-color:var(--tech-accent-primary,var(--primary-color));box-shadow:0 8px 24px #4e9eff4d}.tech-theme-preview{align-items:stretch;display:flex;height:120px;justify-content:stretch;overflow:hidden;position:relative}.theme-preview-content{display:flex;flex-direction:column;width:100%}.theme-preview-header{flex-shrink:0;font-size:.7rem;font-weight:600;height:30px}.theme-preview-body,.theme-preview-header{align-items:center;display:flex;justify-content:center}.theme-preview-body{flex:1 1;padding:8px}.theme-preview-card{align-items:center;border-radius:4px;display:flex;font-size:.65rem;font-weight:500;height:40px;justify-content:center;width:100%}@media (max-width:768px){.theme-selector-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.theme-preview{height:80px}.tech-theme-preview{height:100px}.theme-icon{font-size:2.5rem}}.settings-layout{display:flex;flex:1 1;gap:32px;min-height:0;padding:24px}.settings-sidebar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:24px;padding:24px 20px;width:280px}.sidebar-header h1{color:var(--text-title);font-size:1.6rem;margin:0}.sidebar-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px 16px;transition:all .2s ease}.sidebar-item,.sidebar-item svg{color:var(--text-secondary)}.sidebar-item:hover{background:#6366f114;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.sidebar-item.active{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.sidebar-item.active,.sidebar-item.active svg{color:var(--bg-primary)}.settings-main{display:flex;flex:1 1;flex-direction:column;gap:24px;min-width:0}.settings-main-header{align-items:flex-start;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;padding:24px}.settings-main-header .main-title h2{color:var(--text-title);font-size:1.6rem;margin:0}.settings-main-header .main-title p{color:var(--text-secondary);font-size:.95rem;margin:6px 0 0}.settings-section-content{display:flex;flex-direction:column;gap:24px;min-height:0}.section-stack{display:flex;flex-direction:column;gap:20px}.theme-banner{border-radius:var(--radius-md);font-size:.9rem;margin-bottom:16px;padding:12px 16px}.theme-banner.warning{background:#fff3e0;color:#e65100}.theme-banner.info{background:#e3f2fd;color:#1565c0}.font-controls-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.font-control{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:12px;padding:16px}.card-header.simple{border-bottom:none;padding-bottom:0}@media (max-width:1024px){.settings-layout{flex-direction:column;padding:16px}.settings-sidebar{width:100%}.settings-main-header{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.settings-layout{gap:20px}.settings-main{gap:16px}}.settings .section-stack>:last-child{margin-bottom:0}.duplicate-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.duplicate-card{background:linear-gradient(135deg,#fffffffa,#ece9febf);border:1px solid #6366f12e;box-shadow:0 22px 45px #4f46e51f}.duplicate-card .card-header{align-items:center}.duplicate-card .btn{margin-left:auto}.duplicate-table{border:1px solid #94a3b833;border-radius:16px;margin-top:16px;overflow:hidden}.duplicate-table__head,.duplicate-table__row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:80px 80px minmax(0,1fr) 140px}.duplicate-table__head{background:#4f46e514;color:#312e81;font-size:13px;font-weight:600;letter-spacing:.08em;padding:12px 16px;text-transform:uppercase}.duplicate-table__row{background:#ffffffe6;border-top:1px solid #94a3b82e;padding:12px 16px}.duplicate-table__row:nth-child(2n){background:#f1f5f999}.duplicate-table__cell{align-items:center;display:flex;gap:8px}.duplicate-table__details{align-items:flex-start;flex-direction:column;gap:6px}.duplicate-table__details strong{color:#1e293b;font-size:15px}.duplicate-table__meta{color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.duplicate-date{color:#4338ca;font-size:13px;font-weight:600}.empty-duplicates{background:#dcfce799;border:1px solid #22c55e4d;padding:32px;text-align:center}.empty-duplicates h4{color:#166534;margin:0 0 8px}.empty-duplicates p{color:#14532d;margin:0}@media (max-width:880px){.duplicate-table__head,.duplicate-table__row{grid-template-columns:60px 60px minmax(0,1fr)}.duplicate-table__head span:last-child,.duplicate-table__row .duplicate-table__cell:last-child{display:none}}.integration-section{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:24px;padding:32px}.integration-header{align-items:flex-start;border-bottom:2px solid var(--light-gray);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.integration-title{align-items:flex-start;display:flex;gap:16px}.integration-title svg{color:var(--primary-color);flex-shrink:0}.integration-title h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:6px}.integration-title p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.status-badge{display:flex;gap:8px}.status-badge.connected{background:#22c55e1a;color:#22c55e}.status-badge.disconnected{background:#ef44441a;color:#ef4444}.connection-options{display:flex;flex-direction:column;gap:24px}.option-card{background:var(--bg-subtle);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:28px;position:relative;transition:all .3s ease}.option-card.recommended{background:linear-gradient(135deg,#d4817e0d,#d4817e1a);border-color:var(--primary-color)}.option-badge{background:var(--primary-color);border-radius:12px;color:var(--white);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;position:absolute;right:24px;text-transform:uppercase;top:-12px}.option-card h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:12px}.option-card p{line-height:1.6;margin-bottom:16px}.option-features{list-style:none;margin:16px 0 24px;padding:0}.option-features li{color:var(--text-primary);font-size:.95rem;padding:8px 0}.option-divider{align-items:center;color:var(--text-secondary);display:flex;margin:8px 0;text-align:center}.option-divider:after,.option-divider:before{border-bottom:1px solid var(--light-gray);content:"";flex:1 1}.option-divider span{font-size:.85rem;font-weight:600;padding:0 16px;text-transform:uppercase}.email-config-form,.manual-config-form{background:var(--bg-subtle);border-radius:var(--border-radius);margin-top:20px;padding:24px}.email-config-form h4,.manual-config-form h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;transition:all .2s ease}.form-group textarea{font-family:Monaco,Courier New,monospace;font-size:.85rem}.help-text{display:block;line-height:1.4;margin-top:6px}.help-text a{color:var(--primary-color);font-weight:600;text-decoration:none}.help-text a:hover{text-decoration:underline}.provider-info{background:#d4817e0d;border-left:3px solid var(--primary-color);border-radius:4px;margin-top:8px;padding:12px}.provider-info p{color:var(--text-primary);font-size:.9rem;margin:0}.email-connected,.whatsapp-connected{display:flex;flex-direction:column;gap:24px}.connection-info{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.05rem;font-weight:500;gap:10px}.verified-badge{align-items:center;background:#22c55e1a;border-radius:12px;color:#22c55e;display:inline-flex;font-size:.8rem;font-weight:600;gap:4px;padding:4px 10px}.quality-badge{border-radius:16px;font-size:.85rem;font-weight:700;padding:6px 14px;text-transform:uppercase}.quality-badge.quality-green{background:#22c55e1a;color:#22c55e}.quality-badge.quality-yellow{background:#fbbf241a;color:#fbbf24}.quality-badge.quality-red{background:#ef44441a;color:#ef4444}.quality-badge.quality-unknown{background:#6b72801a;color:#6b7280}.limit-info{color:var(--text-secondary);font-size:.85rem;font-weight:400}.provider-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;color:var(--white);font-weight:600;padding:6px 14px}.toggle-switch{height:24px;width:48px}.toggle-switch .slider{background-color:#ccc;border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.3s;width:18px}.toggle-switch input:checked+.slider{background-color:var(--primary-color)}.toggle-switch input:checked+.slider:before{transform:translateX(24px)}.usage-bar{border-radius:8px;height:8px;margin-top:6px;width:100%}.info-item.status-info{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);grid-column:span 2;max-width:70%;padding:18px}.toggle-container-compact{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.toggle-container-compact .toggle-label{flex:1 1}.toggle-container-compact .toggle-label h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.toggle-container-compact .toggle-label p{color:var(--text-secondary);font-size:.9rem;margin:4px 0 0}.toggle-switch-modern{background:var(--light-gray)}.toggle-switch-modern:after{background:var(--white)}.status-pill{align-items:center;background:#ef44441f;color:#ef4444;color:var(--danger-color,#ef4444);display:inline-flex;font-size:.9rem;gap:6px;margin-top:12px;padding:6px 14px}.status-pill.active{background:#667eea1f;background:color-mix(in srgb,#667eea 15%,#0000);background:color-mix(in srgb,var(--primary-color,#667eea) 15%,#0000);color:#667eea;color:var(--primary-color,#667eea)}.integration-actions{display:flex;flex-wrap:wrap;gap:12px}.btn-large{font-weight:600;padding:14px 28px}.usage-stats{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.usage-stats h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:20px}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-box-small{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);padding:16px;text-align:center}.stat-label{font-weight:600}.stat-value{color:var(--primary-color)}.setup-guide{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);margin-top:24px;padding:28px}.setup-guide h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.setup-steps{counter-reset:step-counter;list-style:none;padding:0}.setup-steps li{counter-increment:step-counter;margin-bottom:24px;padding-left:50px;position:relative}.setup-steps li:before{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;color:var(--white);content:counter(step-counter);display:flex;font-size:.95rem;font-weight:700;height:32px;justify-content:center;left:0;position:absolute;top:0;width:32px}.setup-steps li strong{color:var(--text-primary);display:block;font-size:1.05rem;margin-bottom:6px}.setup-steps li p{color:var(--text-secondary);line-height:1.5;margin:0}.setup-steps li a{align-items:center;color:var(--primary-color);display:inline-flex;font-weight:600;gap:4px;text-decoration:none}.setup-steps li a:hover{text-decoration:underline}.info-box{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:8px;margin-top:24px}.info-box svg{color:#3b82f6}.info-box strong{color:var(--text-primary);display:block;margin-bottom:4px}.info-box p{color:var(--text-secondary);font-size:.95rem}.tips-section{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.tips-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.tips-section ul{list-style:none;padding:0}.tips-section li{border-bottom:1px solid var(--light-gray);padding:12px 0}.tips-section li:last-child{border-bottom:none}.tips-section strong{color:var(--primary-color);font-weight:600}.provider-guides{margin-top:24px}.provider-guides h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.provider-guide-card{background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:16px;padding:20px}.provider-guide-card h5{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:12px}.provider-guide-card ul{list-style:disc;margin:0;padding-left:24px}.provider-guide-card li{color:var(--text-secondary);line-height:1.8;margin-bottom:6px}.provider-guide-card a{color:var(--primary-color);font-weight:600;text-decoration:none}.provider-guide-card a:hover{text-decoration:underline}.loading-spinner{margin:0 auto 16px}@media (max-width:768px){.integration-section{padding:20px}.integration-header{flex-direction:column;gap:16px}.integration-title{flex-direction:column;gap:12px}.info-grid{grid-template-columns:1fr}.integration-actions{flex-direction:column}.integration-actions button{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:480px){.integration-section{padding:16px}.option-card{padding:20px}.stats-grid{grid-template-columns:1fr}.setup-steps li{padding-left:40px}.setup-steps li:before{font-size:.85rem;height:28px;width:28px}}.module-locked-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:var(--border-radius);display:flex;gap:20px;margin-top:24px;padding:32px}.module-locked-message svg{color:#6c757d;flex-shrink:0;margin-top:4px}.module-locked-message h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:12px}.module-locked-message p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:8px}.module-locked-message p:last-child{margin-bottom:0}.module-locked-message strong{color:var(--primary-color);font-weight:600}@media (max-width:768px){.module-locked-message{flex-direction:column;padding:24px}.module-locked-message svg{align-self:flex-start}}.payment-error-container,.payment-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px;text-align:center}.payment-loading .spinner{animation:spin .8s linear infinite}.payment-error-container svg{color:#dc2626}.payment-error-container p{color:var(--text-secondary);font-size:1rem}.stripe-checkout-container{padding:24px}.stripe-payment-form{display:flex;flex-direction:column;gap:24px}.payment-amount{background:linear-gradient(135deg,#e8c8c21a,#d6c7b90d);background:linear-gradient(135deg,rgba(var(--primary-color-rgb,232,200,194),.1),rgba(var(--accent-color-rgb,214,199,185),.05));border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:20px;text-align:center}.payment-amount h3{color:var(--text-secondary);font-size:.95rem;font-weight:600;margin:0 0 8px}.amount-value{color:var(--primary-color);font-size:2rem;font-weight:700;margin:0}.card-element-container{display:flex;flex-direction:column;gap:8px}.card-element-container label{color:var(--text-primary);font-size:.95rem;font-weight:600}.card-element-wrapper{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:16px;transition:border-color .2s ease}.card-element-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c240;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,232,200,194),.25)}.payment-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius);color:#dc2626;display:flex;font-size:.9rem;gap:8px;padding:12px 16px}.payment-actions{display:flex;flex-direction:column;gap:12px}.btn{border-radius:var(--border-radius);font-size:1rem;padding:14px 24px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(var(--primary-color-rgb,232,200,194),.35)}.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-light);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-medium)}.payment-security{align-items:center;background:var(--bg-subtle);border-radius:var(--border-radius);color:var(--text-secondary);display:flex;font-size:.85rem;gap:8px;justify-content:center;padding:12px}.payment-security svg{color:#22c55e}.bank-transfer-checkout,.paypal-checkout-container{display:flex;flex-direction:column;gap:24px;padding:24px}.bank-transfer-info{display:flex;flex-direction:column;gap:20px}.info-box{align-items:flex-start;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:var(--border-radius);display:flex;gap:12px;padding:16px}.info-box svg{color:#ca8a04;flex-shrink:0;margin-top:2px}.info-box p{color:var(--text-primary);font-size:.9rem;line-height:1.5;margin:0}.bank-details{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:24px}.bank-details h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 20px}.bank-detail-item{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.bank-detail-item:last-child{margin-bottom:0}.bank-detail-item.highlight{background:linear-gradient(135deg,#e8c8c21a,#d6c7b90d);background:linear-gradient(135deg,rgba(var(--primary-color-rgb,232,200,194),.1),rgba(var(--accent-color-rgb,214,199,185),.05));border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:16px}.bank-detail-item label{color:var(--text-primary);font-size:.95rem;font-weight:600}.bank-detail-value{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:12px 16px}.bank-detail-value span{color:var(--text-primary);flex:1 1;font-size:1rem;word-break:break-all}.bank-detail-value .iban,.bank-detail-value .order-number{font-family:Courier New,monospace;font-weight:600;letter-spacing:1px}.bank-detail-value .order-number{color:var(--primary-color);font-size:1.1rem}.copy-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:color .2s ease}.copy-btn:hover{color:var(--primary-color)}.copy-btn svg{height:18px;width:18px}.bank-instructions{background:var(--bg-subtle);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:20px}.bank-instructions h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.bank-instructions ol{color:var(--text-secondary);font-size:.9rem;line-height:1.8;margin:0;padding-left:20px}.bank-instructions li{margin-bottom:8px}.payment-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.payment-modal-content{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.payment-modal-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;padding:24px}.payment-modal-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.modal-close-btn{background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);padding:8px}.modal-close-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.payment-modal-body{flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.bank-transfer-checkout,.paypal-checkout-container,.stripe-checkout-container{padding:16px}.bank-detail-value{align-items:flex-start;flex-direction:column}.copy-btn{align-self:flex-end}}.subscription-section{display:flex;flex-direction:column;gap:24px}.subscription-error,.subscription-loading{padding:60px 20px;text-align:center}.subscription-error svg{color:var(--primary-color);margin-bottom:16px}.current-plan-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);overflow:hidden}.plan-header{align-items:flex-start;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);display:flex;justify-content:space-between;padding:28px}.plan-info{align-items:flex-start;gap:16px}.plan-icon{flex-shrink:0}.plan-header h3{align-items:center;display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin-bottom:6px}.trial-badge{background:#fff3;border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.plan-subtitle{font-size:.95rem;opacity:.9}.expiry-info{align-items:center;display:flex;font-size:.9rem;gap:8px;margin-top:8px;opacity:.85}.expiry-info svg{flex-shrink:0}.expiry-date{font-weight:500}.expiry-days{background:#22c55e33;border-radius:12px;color:#4ade80;font-size:.8rem;font-weight:600;margin-left:8px;padding:2px 8px}.expiry-days.alert{background:#fbbf2433;color:#fbbf24}.expiry-days.warning{background:#ef444433;color:#f87171}.status-badge{padding:8px 16px}.status-badge.active{background:#fff3;color:var(--white)}.status-badge.inactive{background:#ef444433}.usage-section{border-bottom:1px solid var(--light-gray);padding:24px 28px}.usage-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:20px}.usage-item{margin-bottom:16px}.usage-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.usage-counter{color:var(--text-primary);font-weight:600}.usage-bar{background:var(--light-gray);border-radius:10px;height:10px;overflow:hidden}.usage-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));height:100%;transition:width .3s ease}.usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.unlimited-badge{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border-radius:var(--border-radius);color:#22c55e;font-size:1.05rem;font-weight:600;padding:16px 20px;text-align:center}.features-section{border-bottom:1px solid var(--light-gray);padding:24px 28px}.features-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.features-grid-sub{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.feature-item{border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;padding:10px 14px}.feature-item.enabled{background:#22c55e1a;color:#22c55e}.feature-item.disabled{background:var(--bg-subtle);color:var(--text-secondary);opacity:.6}.limits-section{border-bottom:1px solid var(--light-gray);padding:24px 28px}.limits-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.limits-list{display:flex;flex-direction:column;gap:12px}.limit-item{align-items:center;background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;padding:12px 16px}.limit-item span{color:var(--text-secondary)}.limit-item strong{color:var(--primary-color);font-weight:600}.subscription-actions{display:flex;gap:12px;padding:24px 28px}.trial-warning{align-items:flex-start;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:2px solid #fbbf24;border-radius:var(--border-radius);display:flex;gap:16px;padding:20px 24px}.trial-warning svg{color:#fbbf24;flex-shrink:0}.trial-warning strong{color:var(--text-primary);display:block;font-size:1.05rem;margin-bottom:4px}.trial-warning p{color:var(--text-secondary);font-size:.95rem;margin:0}.trial-warning .btn{flex-shrink:0;margin-left:auto}.plans-comparison{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.plan-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:24px;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.plan-card.featured{border-color:var(--primary-color);border-width:3px}.plan-card.current{background:var(--bg-subtle);opacity:.7}.featured-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;color:var(--white);font-size:.75rem;font-weight:700;padding:6px 16px;position:absolute;right:20px;text-transform:uppercase;top:-12px}.plan-card-header{margin-bottom:24px;text-align:center}.plan-card-header h4{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:12px}.plan-price{align-items:baseline;gap:4px;justify-content:center}.price-amount{color:var(--primary-color);font-size:2.5rem}.price-period{color:var(--text-secondary);font-size:1rem}.price-equivalent{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:400;margin-top:4px}.plan-features-list{list-style:none;margin-bottom:24px;padding:0}.plan-features-list li{border-bottom:1px solid var(--light-gray);color:var(--text-primary);font-size:.9rem;padding:10px 0}.plan-features-list li:last-child{border-bottom:none}.promoter-code-section{background:var(--bg-subtle);border:2px dashed var(--light-gray);border-radius:var(--border-radius);margin:24px 0;padding:20px}.promoter-code-section label{color:var(--text-primary);font-size:.95rem;margin-bottom:12px}.promoter-code-input{display:flex;flex-direction:column;gap:8px}.promoter-code-input input{border:2px solid var(--light-gray);border-radius:8px;font-family:Courier New,monospace;font-size:1rem;font-weight:600;letter-spacing:1px;padding:12px 16px;text-transform:uppercase;transition:border-color .2s ease}.promoter-code-input input:focus{border-color:var(--primary-color);outline:none}.promoter-code-input input.error{border-color:#ef4444}.promoter-code-valid{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;color:#22c55e;font-weight:600}.promoter-code-error,.promoter-code-valid{align-items:center;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.promoter-code-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#ef4444}.upgrade-note{background:var(--bg-subtle);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:16px 20px}.upgrade-note p{color:var(--text-secondary);font-size:.9rem;margin:0}.billing-period-selector{background:var(--bg-subtle);border:2px solid var(--light-gray);border-radius:var(--border-radius);margin-bottom:32px;padding:20px}.billing-period-selector label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.billing-toggle{background:var(--white);border:2px solid var(--light-gray);border-radius:12px;display:flex;gap:12px;padding:4px}.billing-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;position:relative;transition:all .2s ease}.billing-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.billing-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 2px 8px #0000001a;color:var(--white)}.discount-badge{background:#fff3;border-radius:10px;font-size:.75rem;font-weight:700;padding:2px 8px;text-transform:uppercase}@media (max-width:1024px){.plans-comparison{margin:0 auto 24px;max-width:500px}.features-grid-sub,.plans-comparison{grid-template-columns:1fr}}.renewal-info{background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:24px;padding:16px 20px}.renewal-info p{color:var(--text-secondary);font-size:.95rem;margin:8px 0}.renewal-info strong{color:var(--text-primary);font-weight:600}.renewal-options{margin-bottom:24px}.renewal-options label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.renewal-type-selector{margin-bottom:24px}.renewal-type-btn{align-items:center;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);color:var(--text-secondary);display:flex;font-size:.95rem;gap:8px;justify-content:center;padding:14px 24px}.renewal-type-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.renewal-type-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a;color:var(--white)}.months-selector{margin-top:20px}.months-selector label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:12px}.months-input{border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;margin-bottom:16px;padding:12px 16px;text-align:center;transition:border-color .2s ease;width:100%}.months-input:focus{border-color:var(--primary-color);outline:none}.quick-months{display:flex;gap:8px;justify-content:center}.quick-btn{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.9rem;font-weight:600;padding:8px 16px}.quick-btn:hover{background:var(--bg-subtle);border-color:var(--primary-color);color:var(--primary-color)}.yearly-info{background:var(--bg-subtle);border-radius:var(--border-radius);margin-top:20px;padding:20px}.yearly-info p{color:var(--text-secondary);font-size:.95rem;margin:8px 0}.yearly-info strong{color:var(--primary-color)}.discount-info{background:#22c55e1a;border-radius:var(--border-radius-sm);color:#22c55e;font-weight:500;margin-top:12px;padding:12px 16px}.renewal-preview{background:linear-gradient(135deg,#0000001a,#0000000d);background:linear-gradient(135deg,rgba(var(--primary-color-rgb,0,0,0),.1),rgba(var(--accent-color-rgb,0,0,0),.05));border:2px solid var(--primary-color);border-radius:var(--border-radius);margin-top:24px;padding:20px;text-align:center}.renewal-preview h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.new-expiry-date{color:var(--primary-color);font-size:1.3rem;font-weight:700;margin:0}.renewal-note{background:var(--bg-subtle);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);margin-bottom:24px;padding:16px 20px}.renewal-note p{color:var(--text-secondary);font-size:.9rem;margin:0}.payment-method-selection{border-top:2px solid var(--border-light);margin-top:24px;padding-top:24px}.payment-method-selection label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:16px}.payment-methods-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.payment-method-card{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:20px 16px;position:relative;text-align:center;transition:all .2s ease}.payment-method-card:hover{background:var(--bg-subtle);border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.payment-method-card.selected{background:linear-gradient(135deg,#e8c8c21a,#d6c7b90d);background:linear-gradient(135deg,rgba(var(--primary-color-rgb,232,200,194),.1),rgba(var(--accent-color-rgb,214,199,185),.05));border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c233;box-shadow:0 0 0 3px rgba(var(--primary-color-rgb,232,200,194),.2)}.payment-method-card svg:first-child{color:var(--primary-color);flex-shrink:0}.payment-method-card span{color:var(--text-primary);font-size:.95rem;font-weight:600}.payment-method-card .check-icon{background:var(--white);border-radius:50%;color:var(--primary-color);padding:2px;position:absolute;right:8px;top:8px}.payment-method-warning{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--border-radius);display:flex;gap:12px;margin-top:24px;padding:16px 20px}.payment-method-warning svg{color:#dc2626;flex-shrink:0}.payment-method-warning p{color:#dc2626;font-size:.9rem;margin:0}.modal-actions .btn-block{flex:1 1}@media (max-width:768px){.plan-header{gap:16px}.plan-header,.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}.trial-warning{flex-direction:column}.trial-warning .btn{margin-left:0;width:100%}.renewal-type-selector{flex-direction:column}.quick-months{flex-wrap:wrap}.modal-actions{flex-direction:column}}.subscription-section .modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.subscription-section .modal-content{background:#fff;background:var(--bg-primary,#fff);border-radius:12px;border-radius:var(--border-radius,12px);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.subscription-section .modal-header{align-items:center;background:linear-gradient(135deg,#d4817e,#e8a5a5)!important;background:linear-gradient(135deg,var(--primary-color,#d4817e) 0,var(--accent-color,#e8a5a5) 100%)!important;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);color:#fff!important;color:var(--white,#fff)!important;display:flex;justify-content:space-between;padding:20px 24px}.subscription-section .modal-header h3{color:#fff!important;color:var(--white,#fff)!important;font-size:1.25rem;font-weight:700;margin:0;text-shadow:0 1px 2px #0003}.subscription-section .modal-close-btn{align-items:center;background:#0003!important;border:2px solid #ffffff4d!important;border-radius:8px;color:#fff!important;color:var(--white,#fff)!important;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.subscription-section .modal-close-btn:hover{background:#0000004d!important;border-color:#ffffff80!important;transform:scale(1.05)}.subscription-section .modal-body{flex:1 1;overflow-y:auto;padding:24px}.subscription-plan-info{padding:16px 0}.plan-badge{align-items:center;border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:20px;padding:8px 16px}.plan-details{display:flex;flex-direction:column;gap:16px}.promoter-discount-badge{align-items:center;background:linear-gradient(135deg,#22c55e1a,#22c55e26);border:1px solid #22c55e4d;border-radius:20px;color:#22c55e;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;margin-bottom:12px;padding:6px 12px}.promoter-discount-badge .promoter-name{font-weight:400;opacity:.8}.plan-price{border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding-bottom:16px}.price-discounted,.price-original{align-items:baseline;display:flex;gap:8px}.price-amount{color:#d97706;color:var(--accent-color,#d97706);font-size:2rem;font-weight:700}.price-amount.original{color:#94a3b8;font-size:1.25rem;opacity:.7;text-decoration:line-through}.price-amount.discounted{color:#22c55e;font-size:2rem}.discount-amount{background:#22c55e1a;border-radius:6px;color:#22c55e;font-size:.9rem;font-weight:600;padding:4px 8px}.price-period{color:#64748b;font-size:.9rem}.plan-features{display:flex;flex-direction:column;gap:12px}.feature-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.feature-label{color:#374151;font-weight:500}.feature-value{color:#1f2937;font-weight:600}.feature-check{color:#10b981}.feature-cross{color:#ef4444}.addon-modules{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:16px}.addon-modules h4{color:#374151;font-size:.95rem;font-weight:600;margin-bottom:12px}.addon-modules ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.addon-modules li{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:8px}.addon-check{color:#10b981;flex-shrink:0}.plan-period{border-top:1px solid #e5e7eb;color:#6b7280;font-size:.85rem;padding-top:12px;text-align:center}.plan-expiry{align-items:flex-start;background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border:1px solid #3b82f633;border-radius:8px;display:flex;gap:10px;margin-top:12px;padding:12px 16px}.plan-expiry svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.expiry-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.expiry-label{color:#6b7280;font-size:.8rem;font-weight:500}.expiry-date-value{color:#1f2937;font-size:.95rem;font-weight:600}.expiry-days-badge{background:#22c55e26;border-radius:12px;color:#16a34a;display:inline-block;font-size:.8rem;font-weight:600;margin-top:4px;padding:4px 10px;width:-webkit-fit-content;width:fit-content}.expiry-days-badge.alert{background:#fbbf2426;color:#ca8a04}.expiry-days-badge.warning{background:#ef444426;color:#dc2626}.no-subscription{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;padding:24px}.no-subscription p{font-size:.95rem;margin:0}.loading-spinner-small{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top:2px solid var(--accent-color,#d97706);height:20px;margin:0 auto 12px;width:20px}.rich-text-editor-container{background:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-direction:column;overflow:hidden}.rich-text-editor-toolbar{align-items:center;background:#f8f9fa;border-bottom:1px solid #ddd;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.toolbar-select{background:#fff;border:1px solid #ddd;border-radius:3px;color:#495057;cursor:pointer;font-size:13px;margin-right:4px;padding:4px 8px}.toolbar-select:hover{border-color:#d97706}.toolbar-divider{background:#ddd;height:24px;margin:0 4px;width:1px}.rich-text-editor-toolbar button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:3px;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s}.rich-text-editor-toolbar button:hover{background:#e9ecef;border-color:#d97706;color:#d97706}.rich-text-editor-toolbar button.active{background:#d97706;border-color:#d97706;color:#fff}.rich-text-editor-toolbar button:active{background:#dee2e6}.toolbar-color-group{display:flex;gap:2px}.color-button{font-size:16px!important;font-weight:700}.collapse-button{margin-left:auto}.toolbar-collapsed{background:#f8f9fa;border-bottom:1px solid #ddd;padding:4px 8px;text-align:right}.toolbar-collapsed button{background:none;border:none;color:#495057;cursor:pointer;font-size:14px;padding:4px 8px}.toolbar-collapsed button:hover{color:#d97706}.rich-text-editor-content{color:#333;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;min-height:200px;outline:none;overflow-y:auto;padding:12px}.rich-text-editor-content:empty:before{color:#999;content:attr(data-placeholder);font-style:italic}.rich-text-editor-footer{background:#f8f9fa;border-top:1px solid #ddd;color:#666;font-size:.85em;padding:8px 12px}.rich-text-editor-resize-handle{background:linear-gradient(135deg,#0000,#0000 40%,#ccc 0,#ccc 50%,#0000 0,#0000 90%,#ccc 0);border-bottom-right-radius:4px;bottom:0;cursor:nwse-resize;height:20px;position:absolute;right:0;width:20px;z-index:10}.rich-text-editor-resize-handle:hover{background:linear-gradient(135deg,#0000,#0000 40%,#d97706 0,#d97706 50%,#0000 0,#0000 90%,#d97706 0)}.rich-text-editor-container{resize:none}.consent-templates-section{padding:24px}.section-header{margin-bottom:24px}.section-header h3{color:#2d3748;margin:0 0 8px}.section-header p{color:#718096}.consent-templates-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.templates-list{display:flex;flex-direction:column;gap:16px}.add-template-btn{align-items:center;align-self:flex-start;display:flex;gap:8px}.empty-state{background:#f7fafc;border:2px dashed #cbd5e0;color:#718096}.templates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.template-card{background:#fff;border:1px solid #e2e8f0;transition:all .2s}.template-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a}.template-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.template-card-title{align-items:center;display:flex;flex:1 1;gap:8px}.template-card-title h4{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0}.default-badge{background:#c6f6d5;border-radius:12px;color:#22543d;font-size:.75rem;font-weight:600;padding:2px 8px}.template-card-actions{display:flex;gap:8px}.btn-icon{border:1px solid #e2e8f0;color:#4a5568;transition:all .2s}.btn-icon:hover{background:#f7fafc;border-color:#cbd5e0}.btn-icon-danger{color:#e53e3e}.btn-icon-danger:hover{background:#fed7d7;border-color:#fc8181}.template-description{color:#718096;font-size:.9rem;margin:0 0 12px}.template-meta{color:#a0aec0;display:flex;font-size:.85rem;gap:16px}.consent-template-modal{max-height:90vh!important;max-width:1800px!important;overflow-y:auto}.consent-template-modal .modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:0!important}.consent-template-modal .form-group{border-bottom:1px solid #e2e8f0;margin-bottom:0;padding:24px 32px!important}.consent-template-modal .form-group:last-of-type{border-bottom:none}@media (max-width:768px){.consent-template-modal .form-group{padding:20px 24px}}.consent-template-modal .form-group label{color:#4a5568;display:block;font-weight:600;margin-bottom:8px}.consent-template-modal .form-group label input[type=checkbox]{margin-right:8px}.consent-template-modal .modern-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:10px 14px;transition:border-color .2s;width:100%}.consent-template-modal .modern-input:focus{border-color:#667eea;border-color:var(--primary-color,#667eea);box-shadow:0 0 0 3px #667eea1a;outline:none}.consent-template-modal .form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.form-error{background:#fed7d7;color:#742a2a}.form-error,.form-success{border-radius:8px;margin-bottom:16px;padding:12px 16px}.form-success{background:#c6f6d5;color:#22543d}.questions-editor{display:flex;flex-direction:column;gap:12px;margin-top:12px}.question-item{background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.question-display{display:flex;flex-direction:column;gap:8px}.question-display-header{align-items:center;display:flex;justify-content:space-between}.question-type-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.75rem;font-weight:600;padding:4px 8px}.question-actions{display:flex;gap:4px}.question-display-text{color:#4a5568;font-size:.9rem}.question-display-text strong{color:#2d3748;margin-right:8px}.question-editor{display:flex;flex-direction:column;gap:8px}.question-editor-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;width:100%}.question-editor-row,.question-editor-row>*{box-sizing:border-box}.question-key-input{flex:1 1;max-width:calc(100% - 130px);min-width:150px}.question-type-select{flex-shrink:0;font-size:.85rem!important;max-width:100px;min-width:100px;padding:8px 10px!important;width:100px}.question-text-input{margin-top:8px;width:100%}.new-question-form{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:12px}.new-question-row{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:8px;width:100%}.new-question-row,.new-question-row>*{box-sizing:border-box}.new-question-row .question-key-input{flex:1 1;max-width:calc(100% - 210px);min-width:150px}.new-question-row .question-type-select{flex-shrink:0;font-size:.85rem!important;max-width:100px;min-width:100px;padding:8px 10px!important;width:100px}.new-question-row button{flex-shrink:0;white-space:nowrap}.new-question-form .question-text-input{margin-top:0}.retouches{display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin:0;max-width:none;min-height:0;width:100%}.retouches-search{margin-bottom:24px}.retouches-search .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;max-width:400px;position:relative}.retouches-search .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.retouches-search .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.retouches-search .search-box input:focus{outline:none}.retouches-search .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.retouches-search .clear-search:hover{background:var(--gray)}.retouches-tabs{background:var(--light-gray);border-radius:var(--border-radius);box-shadow:inset 0 1px 3px #0000001a;display:flex;gap:0;margin-bottom:24px;max-width:400px;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:calc(var(--border-radius) - 4px);color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;line-height:1.2;min-height:48px;overflow:hidden;padding:14px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s;width:100%}.tab-button:hover:before{left:100%}.tab-button.active{background:#fff;box-shadow:0 4px 12px #00000026;font-weight:700}.tab-button.active,.tab-button:hover:not(.active){color:var(--primary-color);transform:translateY(-1px)}.tab-button:hover:not(.active){background:#ec489914;box-shadow:0 2px 8px #ec48991a}.tab-badge{background:linear-gradient(135deg,#f44336,#e53935);border:1px solid #fff3;border-radius:14px;box-shadow:0 2px 4px #f443364d;color:#fff;font-size:.75rem;font-weight:700;min-width:22px;padding:3px 10px;text-align:center}.view-content{height:100%;max-height:calc(100vh - 200px)}.retouches-content{display:flex;flex:1 1;flex-direction:column;min-height:0}.retouches-list{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-left:5px;min-height:0;overflow-y:auto;padding-top:12px}.retouch-card{background:var(--white);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.retouch-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.retouch-badges{align-items:flex-end;display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.retouch-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:4px 10px;text-align:center;white-space:nowrap}.retouch-badge-urgent{background:linear-gradient(135deg,#f59e9e,#e87676);color:#fff}.retouch-badge-overdue{background:linear-gradient(135deg,#f44336,#ef5350);color:#fff}.retouch-header{align-items:flex-start;background:linear-gradient(135deg,#d4817e14,#ff6b6b14);border-radius:12px;display:flex;justify-content:space-between;margin-bottom:16px;padding:16px}.customer-name-centered{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center}.customer-name-centered span{color:var(--text-color);font-size:1.4rem;font-weight:700}.customer-icon{color:var(--primary-color)}.customer-phone{align-items:center;color:#666;display:flex;font-size:.875rem;gap:8px;margin-top:4px}.customer-phone svg{color:var(--primary-color);opacity:.8}.info-button{align-items:center;background:none;border:1px solid var(--primary-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:all .2s ease;width:28px}.info-button:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.treatment-location-info{align-items:center;background:linear-gradient(135deg,#ec489908,#3b82f608);border:1px solid #ec48991a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.location-info,.treatment-info{align-items:center;color:var(--text-primary);display:flex;font-size:.85rem;font-weight:500;gap:6px}.treatment-info svg{color:var(--primary-color)}.location-info svg{color:#10b981}.retouch-divider{background:var(--light-gray);height:1px;margin:16px 0}.treatment-info{margin-bottom:16px;padding:0 8px}.treatment-name{align-items:center;color:var(--text-color);display:flex;font-size:1rem;font-weight:600;gap:6px;margin:0 0 12px}.treatment-details{display:flex;flex-direction:column;gap:8px}.treatment-icon{color:var(--primary-color)}.last-treatment,.treatment-location{align-items:center;color:#666;display:flex;font-size:.875rem;gap:6px;margin-bottom:8px}.treatment-location svg{color:var(--primary-color);opacity:.7}.days-since{color:var(--primary-color);font-size:.875rem;font-weight:600}.retouch-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.book-button{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.book-button:hover{background:#c06b5e;transform:translateY(-1px)}.restore-button{align-items:center;background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.restore-button:hover{background:#45a049;transform:translateY(-1px)}.status-buttons{display:flex;flex-direction:column;gap:8px;gap:6px}.status-button{align-items:center;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:4px;justify-content:center;padding:8px 10px;transition:all .2s ease}.status-button.not-needed{background:#0000;border:2px solid #4caf50;color:#4caf50}.status-button.not-needed:hover{background:#4caf50;box-shadow:0 4px 12px #4caf504d;color:#fff;transform:translateY(-1px)}.status-button.refused{background:#0000;border:2px solid #f44336;color:#f44336}.status-button.refused:hover{background:#f44336;box-shadow:0 4px 12px #f443364d;color:#fff;transform:translateY(-1px)}.empty-state p{color:#666;font-size:1.125rem}.retouches-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.retouches-loading p{color:#666;font-size:1rem}@media (max-width:768px){.retouches-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:640px){.view-header{align-items:flex-start;flex-direction:column;gap:15px}.view-header h2{font-size:1.5rem}.view-content{padding:20px}.retouches-tabs,.search-container{max-width:100%}.retouch-header{margin-bottom:12px;padding:12px}.customer-name-centered{margin-bottom:0}.treatment-location-info{margin-bottom:8px;padding:8px}.retouch-actions{margin-top:12px}.status-buttons{flex-direction:row;gap:8px}.status-button{flex:1 1}.retouches-list{grid-template-columns:1fr}}@media (max-width:480px){.retouches-header h2{font-size:1.25rem}.retouch-card{padding:20px}.retouch-header{padding:10px}.customer-name-centered span{font-size:1.1rem}.treatment-name{font-size:.9rem}.tab-button{font-size:.875rem;padding:10px 16px}.book-button,.restore-button{font-size:.75rem;padding:8px 10px}.status-button{font-size:.7rem;padding:6px 8px}.retouch-card{padding:12px}.info-button{height:24px;padding:4px;width:24px}}.retouches-history-section{border-top:1px solid var(--border-light);margin-top:40px;padding-top:30px}.history-header{display:flex;justify-content:center;margin-bottom:20px}.history-toggle-button{align-items:center;background-color:var(--primary);border:none;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.history-toggle-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.history-toggle-button svg{opacity:.9}.history-content{background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-md);padding:24px}.history-content h3{color:var(--text-title);font-size:1.4rem;font-weight:600;margin:0 0 20px;text-align:center}.no-history{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-history p{font-size:1rem;margin:0}.history-list{display:flex;flex-direction:column;gap:16px}.history-item{background-color:var(--background-light);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);padding:16px;transition:all .2s ease}.history-item:hover{border-color:var(--primary-light);box-shadow:0 2px 8px #0000001a}.history-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.history-customer-info{align-items:center;color:var(--text-title);display:flex;font-weight:600;gap:8px}.history-customer-info svg{color:var(--primary)}.history-date{color:var(--text-secondary);font-size:.85rem;font-weight:500}.history-item-details{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:12px}.history-location,.history-treatment{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;gap:6px}.history-treatment svg{color:var(--accent)}.history-location svg{color:var(--secondary)}.history-decision{margin-bottom:8px}.decision-not-needed{align-items:center;color:var(--success);display:flex;font-weight:500;gap:6px}.decision-not-needed svg{background-color:var(--success-light);border-radius:50%;padding:2px}.decision-refused{align-items:center;color:var(--danger);display:flex;font-weight:500;gap:6px}.decision-refused svg{background-color:var(--danger-light);border-radius:50%;padding:2px}.history-notes{background-color:var(--background-secondary);border-radius:var(--border-radius-xs);color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:8px 12px}@media (max-width:640px){.retouches-history-section{margin-top:30px;padding-top:20px}.history-content{padding:16px}.history-item{padding:12px}.history-item-header{align-items:flex-start}.history-item-details,.history-item-header{flex-direction:column;gap:8px}}.main-tab-selector{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #94a3b81a;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;display:flex;margin-bottom:30px;padding:6px}.main-tab-button{align-items:center;background:#0000;border:none;border-radius:calc(var(--border-radius) - 2px);color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-tab-button:before{background:linear-gradient(90deg,#0000,#ec489914,#a855f714,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease-out;width:100%}.main-tab-button:hover:before{left:100%}.main-tab-button:hover:not(.active){background:#ec489914;box-shadow:0 2px 8px #ec48991a;color:var(--primary-color);transform:translateY(-1px)}.main-tab-button.active{background:#fff;box-shadow:0 4px 12px #00000026;color:var(--primary-color);font-weight:700;transform:translateY(-1px)}.main-tab-button.active:before{display:none}.main-tab-button.active:hover{background:#fff;box-shadow:0 4px 12px #00000026;color:var(--primary-color);font-weight:700;transform:translateY(-1px)}.reports{background:var(--bg-secondary);display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;overflow-y:auto;width:100%}.view-content{padding:0}.date-range-selector{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--ancient-pink));border-radius:16px;box-shadow:0 8px 24px #ff69b433;display:flex;gap:24px;justify-content:center;margin-bottom:32px;padding:24px}.date-input-group{align-items:center;background:#fffffff2;border-radius:12px;box-shadow:0 4px 12px #0000001a;gap:12px;padding:12px 20px;transition:all .3s ease}.date-input-group:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.date-input-group label{align-items:center;color:var(--text-title);display:flex;font-size:.95rem;font-weight:600;gap:8px}.date-input-group input[type=date]{background:var(--white);border:2px solid var(--light-gray);border-radius:8px;color:var(--text-color);font-family:inherit;font-size:.95rem;padding:8px 12px;transition:all .3s ease}.date-input-group input[type=date]:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #ff69b41a;outline:none}.chart-section{background:var(--white);border:2px solid #3b82f6;border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:32px;padding:28px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.chart-header h3{color:var(--text-title);font-size:1.4rem;font-weight:600;margin:0}.chart-toggle{background:var(--bg-color);border-radius:10px;display:flex;gap:8px;padding:4px}.chart-toggle button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--gray);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.chart-toggle button:hover{background:#ff69b41a;color:var(--accent-color)}.chart-toggle button.active{background:linear-gradient(135deg,var(--accent-color),var(--ancient-pink));box-shadow:0 4px 12px #ff69b44d;color:var(--white)}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{border:2px solid #ef4444;border-radius:16px;cursor:pointer;flex-direction:column;min-height:220px;padding:32px 28px}.stat-card:hover{border-color:currentColor;box-shadow:0 8px 28px #0000001f}.stat-card.clickable{cursor:pointer}.stat-icon{background:linear-gradient(135deg,#ff69b41a,#ffb6c11a);border-radius:14px;height:60px;margin-bottom:16px;width:60px}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-card h4{color:#111827;font-size:1.05rem;font-weight:800;letter-spacing:.5px;line-height:1.4;text-transform:uppercase}.stat-value{word-wrap:break-word;font-size:2.2rem;line-height:1.2;margin:auto 0 20px}.stat-detail-btn{align-items:center;background:#0000;border:2px solid var(--light-gray);border-radius:10px;color:var(--gray);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease;width:100%}.stat-card:hover .stat-detail-btn{background:#ff69b40d;border-color:currentColor;color:currentColor}.report-section{background:var(--white);border:2px solid #10b981;border-radius:16px;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:28px}.report-section h3{border-bottom:2px solid var(--bg-color);color:var(--text-title);font-size:1.4rem;font-weight:600;margin:0 0 20px;padding-bottom:16px}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{align-items:center;background:linear-gradient(135deg,#ff69b408,#ffb6c108);border:1px solid #ff69b41a;border-radius:12px;display:flex;gap:16px;padding:16px 20px;transition:all .3s ease}.breakdown-item:hover{background:linear-gradient(135deg,#ff69b414,#ffb6c114);box-shadow:0 4px 12px #ff69b426;transform:translateX(4px)}.breakdown-name{color:var(--text-title);flex:1 1;font-size:1rem;font-weight:600}.breakdown-count{background:#ff69b41a;border-radius:8px;color:var(--gray);font-size:.9rem;font-weight:500;padding:6px 12px}.breakdown-revenue{color:var(--accent-color);font-size:1.1rem;font-weight:700;min-width:100px;text-align:right}.appointments-list-detailed{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;padding-right:8px}.appointment-detail-item{grid-gap:16px;align-items:center;background:linear-gradient(135deg,#ff69b408,#ffb6c108);border:1px solid #ff69b41a;border-radius:12px;display:grid;gap:16px;grid-template-columns:140px 1fr 1fr 100px;padding:16px 20px;transition:all .3s ease}.appointment-detail-item:hover{background:linear-gradient(135deg,#ff69b414,#ffb6c114);box-shadow:0 4px 12px #ff69b426}.appointment-date{color:var(--gray);font-size:.85rem;font-weight:500}.appointment-client{color:var(--text-title);font-weight:600}.appointment-service{color:var(--gray);font-size:.95rem}.appointment-amount{color:var(--accent-color);font-size:1.1rem;font-weight:700;text-align:right}.loading-state{color:var(--gray);font-size:1.1rem;padding:60px 20px}.modal-footer p{color:var(--gray);font-size:.95rem;font-weight:600;margin:0}.empty-state{font-style:italic}.export-section{margin-bottom:32px}.export-section h4{border-bottom:2px solid var(--bg-color);color:var(--text-title);font-size:1.2rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.export-options{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.export-buttons{flex-wrap:wrap;gap:16px}.btn-export{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;min-width:180px;padding:16px 24px;transition:all .3s ease}.btn-export:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.btn-csv{background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-csv:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.btn-excel{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-excel:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.btn-pdf{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-pdf:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.appointment-detail-item{gap:12px;grid-template-columns:120px 1fr 1fr 90px}.export-options{grid-template-columns:1fr}}@media (max-width:640px){.view-header{align-items:flex-start;flex-direction:column;gap:16px}.view-header h2{font-size:1.6rem}.date-range-selector{flex-direction:column;padding:20px}.date-input-group{width:100%}.appointment-detail-item,.stats-grid{grid-template-columns:1fr}.appointment-detail-item{gap:8px}.appointment-amount{text-align:left}.chart-header{align-items:flex-start;gap:16px}.chart-header,.export-buttons{flex-direction:column}.btn-export{width:100%}}@media (max-width:480px){.view-header h2{font-size:1.4rem}.chart-section,.report-section,.stat-card{padding:20px}.stat-value{font-size:1.5rem}.breakdown-item{align-items:flex-start;flex-direction:column;gap:8px}.breakdown-revenue{text-align:left;width:100%}}.reports-intro{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-left:4px solid var(--accent-color);border-radius:12px;color:var(--text-secondary);font-size:.95rem;margin-bottom:24px;padding:16px 20px}.reports-categories{display:flex;flex-direction:column;gap:24px}.report-category{background:var(--white);border:2px solid #e5e7eb;border-radius:16px;padding:24px;transition:all .3s ease}.report-category:hover{border-color:var(--accent-color);box-shadow:0 4px 16px #667eea1a}.report-category-premium{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.category-header{align-items:flex-start;border-bottom:2px solid #f3f4f6;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.category-icon{color:var(--accent-color);flex-shrink:0;margin-top:4px}.report-category-premium .category-icon{color:#f59e0b}.category-header h4{color:var(--text-title);font-size:1.3rem;font-weight:700;margin:0 0 4px}.category-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.report-items{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.report-item{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:10px;display:flex;gap:12px;padding:14px 16px;transition:all .2s ease}.report-item:hover{background:#f3f4f6;transform:translateX(4px)}.report-item svg{color:var(--accent-color);flex-shrink:0}.report-item.premium svg{color:#f59e0b}.report-item span:first-of-type{color:var(--text-primary);flex:1 1;font-weight:500}.report-item.coming-soon:hover{border-color:#0000}.badge-coming{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 4px #1e40af33;color:#1e40af;font-size:.75rem;padding:6px 14px}.badge-premium{background:linear-gradient(135deg,#fde68a,#fbbf24);box-shadow:0 2px 4px #f59e0b33;color:#78350f;font-size:.75rem;padding:4px 12px}.reports-footer{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;border-radius:12px;margin-top:24px;padding:20px}.reports-footer p{color:#78350f;font-size:.95rem;margin:0}.reports-footer strong{font-weight:700}@media (max-width:768px){.modal-reports-list{max-height:95vh;width:98vw}.category-header{flex-direction:column;gap:12px}.report-item{padding:12px}.badge-coming,.badge-premium{font-size:.7rem;padding:3px 8px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;overflow-y:auto}.modal-overlay.modal-reports-list{align-items:center;justify-content:center}.modal-content{animation:modalSlideIn .3s ease;background:var(--white);border-radius:20px;margin:0;max-width:2400px;position:relative;width:90%}.modal-header h3{flex:1 1}.modal-body{max-height:calc(90vh - 120px);min-height:400px;padding:32px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--ancient-pink)}.modal-reports-list{margin:0;max-width:2400px;position:relative;width:90%}.modal-overlay.modal-reports-list{align-self:center;animation:modalSlideIn .3s ease;background:var(--white);border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;margin:0 auto;max-height:90vh;max-width:2400px;overflow:hidden;position:relative;width:90%}.modal-close{flex-shrink:0;font-size:20px;line-height:1;margin-left:auto}.report-content{padding:20px 0}.stat-card-large{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;color:#fff;margin:20px 0;padding:40px;text-align:center}.stat-card-large h3{font-size:1.5rem;font-weight:600;margin:0 0 20px}.stat-value-large{font-size:3rem;font-weight:700;margin:20px 0;text-shadow:0 2px 4px #0003}.stats-grid .stat-card{background:var(--white);border:2px solid #f3f4f6;border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.stats-grid .stat-card:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.stats-grid .stat-card h4{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 12px}.stats-grid .stat-card .stat-value{color:var(--accent-color);font-size:2rem;font-weight:700}.data-table{overflow:hidden}.data-table th{border-bottom:2px solid #e2e8f0;color:var(--text-color);padding:16px;text-align:left}.data-table td{border-bottom:1px solid #e2e8f0;padding:16px}.loading-spinner{border-top:4px solid var(--accent-color);margin-bottom:20px}.report-placeholder{color:var(--text-color);padding:60px 20px;text-align:center}.report-placeholder h3{color:var(--text-title);margin-bottom:16px}.report-status{gap:8px}.report-status .btn{font-size:.9rem;padding:8px 16px}@media (max-width:768px){.stats-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-value-large{font-size:2rem}.data-table{overflow-x:auto}.data-table table{min-width:600px}}.report-export-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.report-export-bar .btn{align-items:center;display:flex;font-size:.9rem;gap:8px;padding:10px 16px}.export-options{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:24px}.export-options h4{color:var(--text-title);font-size:1.1rem;margin:0 0 20px}.checkbox-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.checkbox-group label{color:var(--text-color);font-size:.95rem}.checkbox-group input[type=checkbox]{accent-color:var(--accent-color)}.pdf-options{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:24px}.pdf-options h4{color:var(--text-title);font-size:1.1rem;margin:0 0 20px}.pdf-templates{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.template-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.template-card:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.template-card h5{color:var(--text-title);font-size:1.1rem;margin:0 0 8px}.template-card p{color:var(--text-color);font-size:.9rem;margin:0 0 16px}.template-card .btn{align-items:center;display:flex;font-size:.85rem;gap:6px;margin:0 auto;padding:8px 16px}.report-item{background:var(--white);border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;margin-bottom:16px;padding:20px;transition:all .3s ease}.report-item:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.report-item.coming-soon{cursor:not-allowed;opacity:.7}.report-item.coming-soon:hover{border-color:#e2e8f0;box-shadow:none;transform:none}.report-info{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.report-info>svg{color:var(--accent-color);flex-shrink:0;margin-top:4px}.report-info h5{color:var(--text-title);font-size:1.1rem;font-weight:600;margin:0 0 8px}.report-info p{color:var(--text-color);font-size:.9rem;line-height:1.4;margin:0}.report-status{align-items:center;display:flex;justify-content:flex-end}.badge-coming{background:#fef3c7;color:#92400e}.badge-coming,.badge-premium{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-premium{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}@media (max-width:768px){.report-export-bar{flex-direction:column;gap:8px}.checkbox-group,.pdf-templates{grid-template-columns:1fr}.template-card{padding:16px}}.api-integration-report,.cash-flow-report,.client-churn-report,.cost-analysis-report,.demand-forecasting-report,.optimal-pricing-report,.profit-margins-report,.roi-analysis-report{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:24px}.api-integration-report h3,.cash-flow-report h3,.client-churn-report h3,.cost-analysis-report h3,.demand-forecasting-report h3,.optimal-pricing-report h3,.profit-margins-report h3,.roi-analysis-report h3{color:var(--text-title);font-size:1.3rem;font-weight:600;margin:0 0 20px}.integration-options{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:24px}.integration-options h4{color:var(--text-title);font-size:1.1rem;margin:0 0 20px}.api-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.api-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .3s ease}.api-item:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.api-item h5{align-items:center;color:var(--text-title);display:flex;font-size:1.1rem;gap:8px;margin:0 0 12px}.api-item p{color:var(--text-color);font-size:.9rem;margin:0 0 8px}.api-item .btn{font-size:.85rem;margin-top:12px;padding:8px 16px}.chart-container,.data-table{background:var(--white);border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:20px}.data-table{overflow-x:auto}.data-table table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;padding:12px 16px;text-align:left}.data-table th{background:#f8fafc;color:var(--text-title);font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.data-table td{color:var(--text-color)}.data-table tr:hover{background:#f8fafc}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.stat-card{border:2px solid #e2e8f0;box-shadow:0 4px 15px #0000001a;text-align:center}.stat-card:hover{border-color:var(--accent-color);box-shadow:0 8px 25px #00000026}.stat-card h4{color:var(--text-title);font-size:1rem;font-weight:600;margin:0 0 12px}.stat-card .stat-value{color:var(--accent-color);font-size:1.8rem;font-weight:700;margin-bottom:8px}.stat-card p{color:var(--text-color);font-size:.85rem;margin:0}@media (max-width:768px){.api-list{grid-template-columns:1fr}.stats-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.5rem}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:8px 12px}}.expenses{display:flex;flex-direction:column;margin:0;max-width:none;width:100%}.expenses-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.expenses-filters .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;flex:1 1;min-width:250px;position:relative}.expenses-filters .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.expenses-filters .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.expenses-filters .search-box input:focus{outline:none}.expenses-filters .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.expenses-filters .clear-search:hover{background:var(--gray)}.filter-group input,.filter-group select{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);padding:12px;transition:border-color .2s ease}.filter-group input:focus,.filter-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.expenses-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{border:2px solid #f59e0b}.stat-card:before{content:none}.stat-card:first-child .stat-icon{background:#ef44441a;color:#dc2626}.stat-card:first-child:hover .stat-icon{background:#ef444433;transform:scale(1.1) rotate(5deg)}.stat-card:nth-child(2) .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-card:nth-child(2):hover .stat-icon{background:#f59e0b33;transform:scale(1.1) rotate(5deg)}.stat-card:nth-child(3) .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card:nth-child(3):hover .stat-icon{background:#3b82f633;transform:scale(1.1) rotate(5deg)}.expenses-list{display:flex;flex-direction:column;gap:16px}.expense-card{align-items:flex-start;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.expense-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.expense-icon{align-items:center;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));border-radius:50%;color:var(--white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.expense-content{flex:1 1;min-width:0}.expense-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.expense-description{color:var(--text-color);flex:1 1;font-size:1.1rem;font-weight:600;margin:0;min-width:0}.expense-amount{color:#111827;flex-shrink:0;font-size:1.25rem;font-weight:700}.expense-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.expense-category{background:var(--light-bg);border-radius:20px;color:var(--text-color);padding:4px 12px}.expense-category,.expense-date{font-size:.875rem;font-weight:500}.expense-date,.expense-notes{color:var(--gray)}.expense-notes{align-items:flex-start;background:var(--light-bg);border-radius:var(--border-radius-sm);display:flex;font-size:.875rem;gap:8px;line-height:1.4;margin-top:8px;padding:8px 12px}.expense-notes svg{flex-shrink:0;margin-top:2px}.expense-actions{display:flex;flex-shrink:0;gap:8px}.expenses .expense-actions .btn-icon,.expenses .expense-item .btn-icon{align-items:center;background:var(--light-bg);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.expenses .expense-actions .btn-icon:hover,.expenses .expense-item .btn-icon:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}.expenses .expense-actions .btn-icon.btn-danger:hover,.expenses .expense-item .btn-icon.btn-danger:hover{background:var(--danger-color)}@media (max-width:768px){.expenses{padding:16px}.expenses-filters{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.filter-group input,.filter-group select{min-width:auto;width:100%}.expenses-stats{grid-template-columns:1fr}.expense-header{align-items:flex-start}.expense-header,.expense-meta{flex-direction:column;gap:8px}}.stat-card:hover .stat-icon{animation:pulse 1s ease-in-out infinite}.simple-calendar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;padding:20px;width:100%}.calendar-layout{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:400px 1fr}.calendar-column{display:flex;flex-direction:column;gap:16px}.timeslots-column{display:flex;flex-direction:column;min-height:400px}.simple-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.simple-header h2{color:#1f2937;font-size:1.4rem;font-weight:600;margin:0}.simple-nav-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s ease}.simple-nav-btn:hover{background:#e5e7eb;color:#374151}.simple-calendar-grid{margin-bottom:20px}.simple-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.simple-weekday{background:#f9fafb;border-radius:4px;color:#6b7280;font-size:.9rem;font-weight:600;padding:8px 4px;text-align:center}.simple-days{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.simple-day{align-items:center;aspect-ratio:1;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;transition:all .2s ease}.simple-day:hover{background:#f8fafc;border-color:#6366f1}.simple-day.selected{background:linear-gradient(135deg,#d4817e26,#d4817e0d);border:3px solid #d4817e!important;border:3px solid var(--theme-primary,#d4817e)!important;box-shadow:0 0 0 3px #d4817e33,0 4px 12px #d4817e40;color:#d4817e;color:var(--theme-primary,#d4817e);font-weight:700;transform:scale(1.05);z-index:10}.simple-day.available{background:#f0fdf4;border-color:#10b981;color:#059669}.simple-day.unavailable{background:#fef2f2;border-color:#ef4444;color:#dc2626}.simple-day.partially-available{background:#fef3c7;border-color:#f59e0b;color:#d97706}.simple-day.other-month{opacity:.3}.simple-day.other-month,.simple-day.past{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.simple-day.past{border-color:#d1d5db;opacity:.5}.simple-time-slots{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;height:100%;padding:20px}.simple-time-slots h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 8px}.time-slots-description{color:#6b7280;font-size:.9rem;font-style:italic;margin:0 0 12px}.no-selection-message{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-bottom:20px;padding:16px;text-align:center}.no-selection-message p{color:#0369a1;font-size:.9rem;font-weight:500;margin:0}.simple-slots-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.simple-slot{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 6px;text-align:center;transition:all .2s ease}.simple-slot:hover{background:#f8fafc;border-color:#6366f1}.simple-slot.available{background:#f0fdf4;border-color:#10b981;color:#059669}.simple-slot.unavailable{background:#fef2f2;border-color:#ef4444;color:#dc2626}.simple-slot.in-selection{background:linear-gradient(135deg,#6366f133,#6366f11a)!important;border:2px solid #6366f1!important;color:#4f46e5!important;font-weight:700;z-index:5}.simple-legend{border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:.9rem;gap:16px;justify-content:center;padding-top:12px}@media (max-width:1024px){.calendar-layout{gap:24px;grid-template-columns:350px 1fr}}@media (max-width:768px){.calendar-layout{gap:20px;grid-template-columns:1fr}.simple-calendar{max-width:100%;padding:16px}.simple-header h2{font-size:1.2rem}.simple-slots-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.simple-legend{align-items:center;flex-direction:column;gap:8px}.timeslots-column{min-height:auto}}.simple-day.in-selection{background:linear-gradient(135deg,#6366f133,#6366f11a)!important;border:2px solid #6366f1!important;color:#4f46e5!important;font-weight:700;z-index:5}.bulk-availability-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.bulk-availability-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:24px;width:90%;z-index:1001}.bulk-availability-modal h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 12px}.bulk-availability-modal p{color:#6b7280;font-size:.95rem;margin:0 0 20px}.bulk-modal-actions{display:flex;flex-direction:column;gap:12px}.bulk-modal-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.bulk-modal-actions .btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.bulk-modal-actions .btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.bulk-modal-actions .btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.bulk-modal-actions .btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.bulk-modal-actions .btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.bulk-modal-actions .btn-secondary:hover{background:#e5e7eb}.subscription-required-banner{align-items:flex-start;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fb923c;border-radius:12px;box-shadow:0 4px 6px #0000000d;display:flex;gap:20px;margin:24px;padding:24px;position:relative}.banner-icon{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.banner-content{flex:1 1}.banner-content h3{color:#9a3412;font-size:1.25rem;font-weight:700;margin:0 0 8px}.banner-content p{color:#7c2d12;line-height:1.6;margin:8px 0}.banner-plan-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:12px!important}.banner-plan-info strong{color:#c2410c;font-weight:700}.current-plan-badge{background:#fb923c33;border:1px solid #fb923c;border-radius:6px;color:#9a3412;display:inline-block;font-size:.875rem;font-weight:600;padding:4px 12px}.banner-addon-info{background:#fff9;border-left:3px solid #f59e0b;border-radius:6px;margin-top:12px!important;padding:12px}.banner-actions{margin-top:16px}.btn-upgrade{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;box-shadow:0 2px 4px #d977064d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-upgrade:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 8px #d9770666;transform:translateY(-2px)}.btn-upgrade:active{box-shadow:0 2px 4px #d977064d;transform:translateY(0)}.banner-close-icon{color:#f59e0b;flex-shrink:0;opacity:.7}.subscription-required-banner.expired{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444}.subscription-required-banner.expired .banner-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.subscription-required-banner.expired .banner-content h3{color:#991b1b}.subscription-required-banner.expired .banner-content p{color:#7f1d1d}.subscription-required-banner.expired .btn-upgrade{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.subscription-required-banner.expired .btn-upgrade:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 8px #ef444466}.subscription-required-banner.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.subscription-required-banner.warning .banner-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.subscription-required-banner.warning .banner-content h3{color:#92400e}.subscription-required-banner.warning .banner-content p{color:#78350f}@media (max-width:768px){.subscription-required-banner{flex-direction:column;margin:16px;padding:20px}.banner-icon{height:48px;width:48px}.banner-icon svg{height:24px;width:24px}.banner-content h3{font-size:1.1rem}.banner-plan-info{align-items:flex-start;flex-direction:column}.btn-upgrade{justify-content:center;width:100%}.banner-close-icon{position:absolute;right:16px;top:16px}}.booking{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:100%;width:100%}.view-header h2{margin:0}.header-actions .btn{align-items:center;display:flex;gap:8px}.view-content{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-y:auto;padding:30px}.view-subtitle{border-bottom:1px solid var(--light-gray);color:var(--text-secondary);font-size:1rem;margin:0 0 24px;padding-bottom:16px}.booking-content{display:flex;flex-direction:column;gap:24px}.status-card{margin-bottom:32px}.status-toggle{align-items:center;background:var(--bg-subtle);border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:24px}.booking .toggle-switch{background:#0000!important;display:inline-block;flex-shrink:0;height:40px;position:relative;width:72px}.booking .toggle-switch:after{display:none!important}.booking .toggle-switch input{height:0;opacity:0;width:0}.booking .toggle-slider{background-color:#ccc;border-radius:40px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.booking .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:32px;left:4px;position:absolute;transition:.4s;width:32px}.booking .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.booking .toggle-switch input:checked+.toggle-slider:before{transform:translateX(32px)}.status-label{flex:1 1}.status-badge{font-size:.9rem;margin-bottom:8px;padding:6px 16px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-label p{color:var(--gray);font-size:.95rem;margin:0}.booking-url-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:12px;padding:24px}.booking-url-section label{color:#92400e;display:block;font-size:1rem;font-weight:600;margin-bottom:12px}.url-input-group{display:flex;gap:8px;margin-bottom:8px}.url-input{background:#fff;border:2px solid #fbbf24;border-radius:8px;color:var(--text-color);flex:1 1;font-size:1rem;font-weight:500;padding:12px 16px}.url-input:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf2433;outline:none}.success-text{color:#065f46;display:block;font-weight:600;margin-top:8px}.booking-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.booking-card{background:var(--white);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.booking-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;background:linear-gradient(135deg,#ec48990d,#f973160d);border-bottom:2px solid var(--light-gray);display:flex;gap:16px;padding:24px}.card-header svg,.card-icon{color:var(--primary-color);flex-shrink:0;font-size:2rem}.card-header h3{color:var(--text-color);font-size:1.3rem;font-weight:700;margin:0 0 4px}.card-header p{color:var(--gray);font-size:.9rem;margin:0}.card-content{padding:24px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-color)}.form-group small{color:var(--gray);font-size:.85rem;margin-top:6px}.modern-input{background:var(--white);border:2px solid var(--light-gray);border-radius:8px;color:var(--text-color);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.modern-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a;outline:none}.modern-textarea{background:var(--white);border:2px solid var(--light-gray);border-radius:8px;color:var(--text-color);font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.modern-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a;outline:none}.color-picker-group{align-items:center;display:flex;gap:12px}.color-picker{border:2px solid var(--light-gray);border-radius:8px;cursor:pointer;height:60px;transition:all .3s ease;width:60px}.color-picker:hover{border-color:var(--primary-color);transform:scale(1.05)}.color-input{background:var(--white);border:2px solid var(--light-gray);border-radius:8px;color:var(--text-color);flex:1 1;font-family:monospace;font-size:1rem;padding:12px 16px}.color-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a;outline:none}.checkbox-group{flex-direction:column;gap:16px}.checkbox-label{border-radius:8px;gap:12px;padding:12px;transition:all .2s ease}.checkbox-label:hover{background:var(--bg-subtle)}.checkbox-label input[type=checkbox]{accent-color:var(--primary-color)}.loading-container{padding:80px 20px}.loading-container p{color:var(--gray);font-size:1.1rem}.success-message{animation:slideInRight .3s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;bottom:32px;box-shadow:0 8px 24px #10b98166;color:#fff;font-size:1rem;font-weight:600;padding:16px 24px;position:fixed;right:32px;z-index:1000}@media (max-width:1024px){.booking-grid{grid-template-columns:1fr}}@media (max-width:768px){.view-header{align-items:flex-start;flex-direction:column;gap:16px}.view-header h2{font-size:1.5rem}.header-actions{flex-direction:column;width:100%}.header-actions .btn{justify-content:center;width:100%}.view-content{padding:20px}.booking-content{gap:20px}.status-toggle{align-items:flex-start;flex-direction:column;gap:16px}}.availability-card{margin-top:24px}.availability-form{background:var(--bg-subtle);border-radius:12px;margin-bottom:24px;padding:20px}.form-row{align-items:end;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{font-size:.875rem}.form-group input,.form-group select{background:var(--white);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:10px 12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a;outline:none}.checkbox-label{flex-direction:row!important}.checkbox-label input[type=checkbox]{width:auto}.availability-rules{margin-top:24px}.availability-rules h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:16px}.empty-state{padding:40px 20px}.empty-state p{font-weight:600;margin-bottom:8px}.empty-state span{font-size:.875rem;opacity:.8}.rules-list{display:flex;flex-direction:column;gap:12px}.rule-item{align-items:center;background:var(--white);border:2px solid var(--border-color);border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.rule-item.active{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:var(--success-color)}.rule-item.inactive{border-color:var(--border-color);opacity:.7}.rule-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.rule-type{align-items:center;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:8px}.rule-details{color:var(--text-secondary);font-size:.875rem;font-weight:500}.rule-description{color:var(--text-secondary);font-size:.8rem;font-style:italic}.rule-actions{gap:12px}.btn-danger,.rule-actions{align-items:center;display:flex}.btn-danger{background:var(--danger-color);border:none;border-radius:8px;color:#fff;cursor:pointer;gap:4px;padding:8px 12px;transition:all .2s ease}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{font-size:.75rem;padding:6px 10px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.rule-item{align-items:flex-start;flex-direction:column;gap:12px}.rule-actions{align-self:flex-end}}.availability-section{background:linear-gradient(to bottom,#d4817e0d 0,var(--white) 20%);border:2px solid #d4817e;border:2px solid var(--theme-primary,#d4817e)}.availability-section .card-header{background:linear-gradient(135deg,#d4817e,#e8a5a5);background:linear-gradient(135deg,var(--theme-primary,#d4817e) 0,var(--theme-secondary,#e8a5a5) 100%);color:#fff;padding:24px}.availability-section .card-header h3{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:4px}.availability-section .card-header p{color:#ffffffe6;font-size:.95rem;line-height:1.4;margin:0}.availability-section .card-header svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.availability-section .card-content{padding:32px}.reminders{margin:0;max-width:none;width:100%}.reminder-modal{max-width:1200px!important;width:1200px!important}.reminders .view-header{align-items:center;display:flex;flex-direction:row!important;justify-content:space-between;margin-bottom:30px}.reminders .view-header h2{color:var(--text-title);font-size:2rem;font-weight:300}@media (min-width:641px){.reminders .view-header{align-items:center!important;flex-direction:row!important}}@media (max-width:640px){.reminders .view-header{align-items:flex-start;flex-direction:column;gap:15px}.reminders .view-header h2{font-size:1.5rem}}.reminders-search{margin-bottom:24px}.reminders-search .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;max-width:400px;position:relative}.reminders-search .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.reminders-search .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.reminders-search .search-box input:focus{outline:none}.reminders-search .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.reminders-search .clear-search:hover{background:var(--gray)}.reminders .header-actions{align-items:center;display:flex;gap:12px}.reminders .badge{background:#fff;border-radius:12px;color:var(--warning-color);font-size:.85rem;font-weight:700;margin-left:6px;min-width:24px;padding:2px 8px;text-align:center}.reminders .btn-warning{animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 12px #f39c1266}50%{box-shadow:0 6px 20px #f39c1299}}.reminders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.reminder-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.reminder-card:before{background:var(--primary-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.reminder-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.reminder-card:hover:before{opacity:1}.reminder-card.unviewed{background:var(--bg-primary);border-color:var(--warning-color);box-shadow:0 2px 8px #f39c1226}.reminder-card.unviewed:before{background:var(--warning-color);opacity:1;width:6px}.reminder-content{flex:1 1}.reminder-body{word-wrap:break-word;color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:8px}.reminder-date{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:6px}.reminder-actions{border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.btn-icon{background:var(--bg-secondary);border-radius:var(--radius-sm)}.btn-icon:hover{transform:scale(1.1)}.btn-check{color:var(--success-color)}.btn-check:hover{background:var(--success-color);color:#fff}.btn-edit{color:var(--primary-color)}.btn-edit:hover{background:var(--primary-color);color:#fff}.btn-delete{color:var(--error-color)}.btn-delete:hover{background:var(--error-color);color:#fff}.empty-state{gap:16px;grid-column:1/-1}.empty-state p{font-size:1.2rem}.modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{animation:slideUp .3s ease;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:85vh;max-width:1200px;width:95%}.unviewed-modal{max-width:1400px!important;width:98%!important}.modal-header h2{color:var(--text-title);font-size:1.75rem;font-weight:300;gap:12px;letter-spacing:-.02em}.modal-close,.modal-header h2{align-items:center;display:flex}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.modal-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:scale(1.05)}.modal-body{-webkit-overflow-scrolling:touch;padding:32px 40px}.form-group{margin-bottom:28px}.form-group label{letter-spacing:.5px;text-transform:uppercase}.form-group input[type=date],.form-group input[type=time],.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e14}.form-group textarea{line-height:1.5;min-height:120px}.form-row{grid-gap:24px;align-items:start;gap:24px}@media (max-width:768px){.form-row{gap:16px;grid-template-columns:1fr}}.notification-warning{align-items:center;background:#f39c121a;border:1px solid var(--warning-color);border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:.9rem;gap:12px;justify-content:space-between;margin-top:16px;padding:12px}.notification-warning button{background:var(--warning-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.notification-warning button:hover{background:#f39c12;transform:scale(1.05)}.modal-footer{padding:24px 40px}.btn-cancel,.btn-save{border:none;border-radius:var(--radius-md);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:12px 28px;transition:all .2s ease}.btn-cancel{background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-tertiary);border-color:var(--border-medium);box-shadow:0 2px 8px #0000001a;color:var(--text-primary);transform:translateY(-1px)}.btn-save{background:var(--primary-color);color:#fff}.btn-save:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-save:disabled{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.unviewed-reminders-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.unviewed-reminder-card{background:var(--bg-primary);border:1px solid var(--warning-color);border-radius:var(--radius-md);box-shadow:0 2px 8px #f39c121f;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:20px;position:relative}.unviewed-reminder-card:before{background:var(--warning-color);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.btn-mark-viewed{align-items:center;background:var(--success-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-mark-viewed:hover{background:#059669;transform:scale(1.02)}.btn-delete-small{align-items:center;background:var(--error-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.btn-delete-small:hover{background:#c62828;transform:scale(1.1)}.loading{padding:40px;text-align:center}@media (max-width:768px){.reminders .header-actions{flex-direction:column;width:100%}.reminders .btn{justify-content:center;width:100%}.form-row,.reminders-grid{grid-template-columns:1fr}.modal-content{width:95%}.modal-header h2{font-size:1.2rem}}.support-tickets-container{background:var(--bg-app);display:flex;flex-direction:column;height:100%}.support-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:400px 1fr;height:calc(100vh - 180px);overflow:hidden;padding:20px}.tickets-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:8px}.ticket-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.ticket-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ticket-card.active{background:var(--bg-secondary);border-color:var(--primary-color)}.ticket-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ticket-status{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.ticket-priority{font-size:.85rem;font-weight:600;text-transform:capitalize}.ticket-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1rem;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.ticket-category{color:var(--text-secondary);font-size:.85rem;margin:0 0 12px}.ticket-footer{align-items:center;border-top:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between;padding-top:12px}.ticket-date,.ticket-messages{align-items:center;display:flex;gap:6px}.ticket-detail{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.ticket-detail-header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-secondary) 0,#0000 100%);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px}.ticket-detail-header h2{color:var(--text-primary);font-size:1.5rem;margin:0 0 8px}.ticket-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:16px}.meta-item{align-items:center;display:flex;gap:6px}.ticket-actions{display:flex;gap:12px}.messages-container{flex:1 1;gap:16px;overflow-y:auto;padding:24px}.message,.messages-container{display:flex;flex-direction:column}.message{animation:messageAppear .3s ease-out;gap:8px;max-width:85%}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-initial{border-radius:12px;max-width:100%;padding:16px}.message-client{align-items:flex-end;align-self:flex-end;border:none!important}.message-client .message-header{background:#0000!important}.message-support{align-items:flex-start;align-self:flex-start}.message-header{align-items:center;background:#0000;display:flex;font-size:.85rem;gap:12px;justify-content:space-between}.message-header strong{color:var(--text-primary);font-weight:600}.message-date{font-size:.75rem}.message-content{word-wrap:break-word;background:var(--bg-primary);border-radius:12px;color:var(--text-primary);line-height:1.5;padding:12px 16px;white-space:pre-wrap}.message-client .message-content{background:var(--primary-color);border-bottom-right-radius:4px;color:#fff}.message-support .message-content{background:#f3f4f6;border-bottom-left-radius:4px;color:var(--text-primary)}.message-initial .message-content{background:#0000;padding:0}.message-attachments{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}.message-attachment-image{border:1px solid var(--border-light);border-radius:8px;cursor:pointer;height:auto;max-width:200px;transition:all .2s;width:100%}.message-attachment-image:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0003;transform:scale(1.05)}.message-input-container{background:var(--bg-app);border-top:1px solid var(--border-light);display:flex;gap:12px;padding:20px 24px}.message-input-container textarea{border:1px solid var(--border-light);border-radius:8px;flex:1 1;font-family:inherit;font-size:.95rem;min-height:60px;padding:12px 16px;resize:vertical;transition:border-color .2s}.message-input-container textarea:focus{border-color:var(--primary-color);outline:none}.btn-send{align-self:flex-end;min-width:100px}.ticket-detail-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.ticket-detail-empty svg{color:var(--text-secondary);margin-bottom:16px}.ticket-detail-empty h3{color:var(--text-primary);margin:0 0 8px}.ticket-detail-empty p{font-size:.95rem;margin:0}.empty-state p{font-size:.95rem}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;height:100vh;justify-content:center}.file-upload-button{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:8px;padding:10px 20px;transition:all .2s}.file-upload-button:hover{background:var(--primary-hover);transform:translateY(-1px)}.uploaded-files-preview{display:flex;flex-direction:column;gap:12px;margin-top:16px}.file-preview-item{align-items:center;background:var(--bg-app);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.file-preview-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.file-preview-thumbnail{border:1px solid var(--border-light);border-radius:6px;height:60px;object-fit:cover;width:60px}.file-preview-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.file-name{color:var(--text-primary);font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);font-size:.8rem}.file-remove-btn{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.file-remove-btn:hover{background:#fecaca;transform:scale(1.1)}@media (max-width:968px){.support-content{grid-template-columns:1fr;height:auto}.ticket-detail{border-radius:0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.message{max-width:90%}.file-preview-thumbnail{height:50px;width:50px}.uploaded-files-preview{gap:8px}}.support-admin-container{background:var(--bg-app);display:flex;flex-direction:column;min-height:100vh;overflow:visible}.admin-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.admin-loading .spin{animation:spin 1s linear infinite}.btn-refresh{background:#fff;border:none;color:var(--primary-color);font-weight:600;padding:10px 20px;transition:all .2s}.btn-refresh:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.admin-stats{grid-gap:20px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:24px 32px}.stat-card{background:var(--bg-secondary);border-left:4px solid var(--primary-color);transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-card.stat-red{border-left-color:#ef4444}.stat-card.stat-orange{border-left-color:#f59e0b}.stat-card.stat-green{border-left-color:#10b981}.stat-card.stat-purple{border-left-color:#8b5cf6}.stat-label{font-size:13px}.stat-value{font-size:32px}.admin-controls{background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:16px;padding:20px 32px}.search-box{background-color:var(--bg-secondary);background-color:var(--white,var(--bg-secondary));border:1px solid var(--border-light);border-radius:var(--border-radius-sm,8px);box-sizing:border-box;height:44px;transition:all .2s;width:100%}.search-box:focus-within{box-shadow:0 0 0 3px #e8c8c21a}.search-box svg{color:var(--text-secondary,var(--gray));left:12px}.admin-controls .search-box input,.admin-controls .search-box input[type=text],.search-box input,.search-box input[type=text]{-webkit-appearance:none;appearance:none;background-color:initial!important;border:0 #0000!important;border-radius:0!important;box-sizing:border-box;color:var(--text-primary);font-size:.95rem!important;height:44px!important;min-height:44px!important;outline:none!important;padding:10px 40px!important;position:relative;width:100%;z-index:1}.admin-controls .search-box input:focus,.admin-controls .search-box input:focus-visible,.admin-controls .search-box input[type=text]:focus,.search-box input:focus,.search-box input:focus-visible,.search-box input[type=text]:focus{border:0 #0000!important;box-shadow:none!important;outline:none!important}.clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px;z-index:2}.clear-search:hover{background:var(--gray)}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;height:44px}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px}.priority-filter-container{gap:8px}.priority-filter-container,.priority-filter-label{align-items:center;display:flex;height:44px;line-height:44px}.priority-filter-label{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0;padding:0;white-space:nowrap}.admin-controls .priority-filter-container .custom-dropdown,.priority-filter-container .custom-dropdown{align-items:center!important;display:flex!important;height:44px!important;margin:0!important;max-height:44px!important;min-height:44px!important;padding:0!important;vertical-align:middle!important;width:auto!important}.admin-controls .priority-filter-container .custom-dropdown-trigger,.priority-filter-container .custom-dropdown-trigger{align-items:center!important;border:2px solid #e2e8f0!important;box-sizing:border-box!important;display:flex!important;height:44px!important;justify-content:flex-start!important;line-height:44px!important;margin:0!important;max-height:44px!important;min-height:44px!important;padding:0 12px!important;vertical-align:middle!important;width:100%!important}.filter-buttons button{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.filter-buttons button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.filter-buttons button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.admin-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:450px 1fr;height:calc(100vh - 350px);overflow:visible;padding:24px 32px}.tickets-list-admin{display:flex;flex-direction:column;gap:12px;max-height:none;overflow-y:visible;padding-right:8px}.ticket-card-admin{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:12px;cursor:pointer;padding:16px;transition:all .2s}.ticket-card-admin:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.ticket-card-admin.active{background:var(--bg-secondary);border-color:var(--primary-color);box-shadow:0 4px 16px #667eea33}.ticket-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ticket-card-left{display:flex;flex-wrap:wrap;gap:8px}.ticket-stato-badge{align-items:center;display:inline-flex;font-weight:600;gap:6px;text-transform:capitalize}.ticket-priorita-badge,.ticket-stato-badge{border-radius:12px;font-size:12px;padding:4px 12px}.ticket-priorita-badge{background:#0000000d;font-weight:700;text-transform:uppercase}.ticket-id{color:var(--text-secondary);font-family:Courier New,monospace;font-size:13px;font-weight:600}.ticket-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis}.ticket-card-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.ticket-card-company-info{background:var(--bg-secondary);border-left:3px solid var(--accent-color,var(--primary-color));border-radius:8px;display:flex;flex-direction:column;gap:8px;margin:8px 0 12px;padding:12px}.ticket-card-company-info span{color:var(--text-primary);font-size:12px;font-weight:500}.ticket-company-name,.ticket-license-number,.ticket-operator-name{align-items:center;display:flex;gap:6px}.ticket-license-number{color:var(--text-primary);font-weight:500}.ticket-license-number span{background:#667eea4d;border:1px solid #667eea80;border-radius:4px;color:#667eea;color:var(--accent-color,#667eea);font-family:Courier New,monospace;font-size:13px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.ticket-operator-name,.ticket-operator-name span{color:var(--text-primary);font-weight:600}.ticket-card-footer{border-top:1px solid var(--border-light);color:var(--text-secondary);display:flex;font-size:13px;gap:16px;padding-top:12px}.ticket-assigned,.ticket-messages,.ticket-time{align-items:center;display:flex;gap:6px}.ticket-detail-admin{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;height:100%;overflow:visible}.ticket-detail-header-actions{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 20px}body.tech-theme-dark-professional .ticket-detail-header-actions,body.tech-theme-light-professional .ticket-detail-header-actions,body.tech-theme-neutral-modern .ticket-detail-header-actions{background:var(--tech-bg-secondary)!important;border-bottom-color:var(--tech-border-light)!important}.ticket-header-left{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:12px}.ticket-header-left>*{align-items:center;display:flex;height:40px}.priority-dropdown-container{position:relative}.assign-dropdown-container{align-items:center;display:flex;height:40px}.btn-assign-header,.btn-resolve-header{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;height:40px;justify-content:center;line-height:40px;padding:0 16px;transition:all .2s;vertical-align:middle;white-space:nowrap}body.tech-theme-dark-professional .btn-assign-header,body.tech-theme-light-professional .btn-assign-header,body.tech-theme-neutral-modern .btn-assign-header{background:var(--tech-bg-tertiary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-assign-header:hover,body.tech-theme-light-professional .btn-assign-header:hover,body.tech-theme-neutral-modern .btn-assign-header:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important}.btn-assign-header:hover,.btn-resolve-header:hover{background:var(--bg-hover);border-color:var(--primary-color)}.btn-resolve-header{background:#10b981;background:var(--success-color,#10b981);border-color:#10b981;border-color:var(--success-color,#10b981);color:#fff}body.tech-theme-dark-professional .btn-resolve-header,body.tech-theme-light-professional .btn-resolve-header,body.tech-theme-neutral-modern .btn-resolve-header{background:var(--tech-success)!important;border-color:var(--tech-success)!important;color:#fff!important}body.tech-theme-dark-professional .btn-resolve-header:hover,body.tech-theme-light-professional .btn-resolve-header:hover,body.tech-theme-neutral-modern .btn-resolve-header:hover{background:var(--tech-success-light)!important;opacity:.9}.btn-resolve-header:hover{background:#059669;background:var(--success-color-dark,#059669);border-color:#059669;border-color:var(--success-color-dark,#059669)}.btn-close-ticket{align-items:center;background:#0000;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}body.tech-theme-dark-professional .btn-close-ticket,body.tech-theme-light-professional .btn-close-ticket,body.tech-theme-neutral-modern .btn-close-ticket{border-color:var(--tech-border-light)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .btn-close-ticket:hover,body.tech-theme-light-professional .btn-close-ticket:hover,body.tech-theme-neutral-modern .btn-close-ticket:hover{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}.btn-close-ticket:hover{background:#ef44441a;background:var(--error-color-light,#ef44441a);border-color:#ef4444;border-color:var(--error-color,#ef4444);color:#ef4444;color:var(--error-color,#ef4444)}.ticket-detail-admin-header{align-items:flex-start;background:linear-gradient(135deg,var(--bg-secondary) 0,#0000 100%);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:24px}.ticket-detail-meta{align-items:center;display:flex;gap:12px;margin-bottom:12px}.ticket-detail-id{color:var(--text-secondary);font-family:Courier New,monospace;font-weight:600}.ticket-detail-stato{border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.ticket-detail-admin-header h2{color:var(--text-primary);font-size:20px;margin:0 0 16px}.ticket-detail-company-info{background:var(--bg-secondary);border-left:3px solid var(--accent-color,var(--primary-color));border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px}.ticket-info-row{align-items:center;color:var(--text-primary);display:flex;font-size:14px;gap:8px}.ticket-info-row strong{color:var(--text-secondary);font-weight:600;min-width:140px}.ticket-info-row:has(strong:contains("Codice Licenza")){color:var(--primary-color);color:var(--accent-color,var(--primary-color))}.ticket-info-license{color:var(--text-primary)}.ticket-info-license strong{color:var(--primary-color);color:var(--accent-color,var(--primary-color));font-weight:700}.license-number-value{background:#667eea4d;border:1px solid #667eea80;border-radius:5px;color:#667eea;color:var(--accent-color,#667eea);display:inline-block;font-family:Courier New,monospace;font-size:15px;font-weight:700;letter-spacing:1px;margin-left:4px;padding:6px 12px}.ticket-info-row:not(.ticket-info-license)>span:not(.ticket-info-email){color:var(--text-primary);font-weight:600}.ticket-info-email{color:var(--text-secondary);font-size:13px}.ticket-detail-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;position:relative}.priority-dropdown-container{align-items:center;display:flex;gap:8px;height:40px}.priority-dropdown-container .custom-dropdown{width:auto!important}.priority-dropdown-container .custom-dropdown,.priority-dropdown-container .custom-dropdown-trigger{align-items:center!important;display:inline-flex!important;height:40px!important;margin:0!important;max-height:40px!important;min-height:40px!important;vertical-align:middle!important}.priority-dropdown-container .custom-dropdown-trigger{box-sizing:border-box!important;justify-content:flex-start!important;line-height:40px!important;padding:0 12px!important;width:100%!important}.priority-label{color:var(--text-primary);font-size:.9rem;font-weight:600;white-space:nowrap}.assign-dropdown-container{position:relative}.assign-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;max-height:400px;min-width:280px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.assign-dropdown-header{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.assign-current-info{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);color:var(--text-secondary);font-size:13px;padding:10px 16px}.assign-current-info strong{color:var(--text-primary);font-weight:600}.assign-search-container{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);display:flex;gap:8px;padding:12px 16px;position:relative}.assign-search-container svg{color:var(--text-secondary);flex-shrink:0}.assign-search-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.assign-search-input:focus{border-color:var(--accent-color,var(--primary-color));box-shadow:0 0 0 3px #667eea1a}.assign-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:24px;transition:all .2s}.assign-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.assign-no-results{color:var(--text-secondary);font-size:14px;font-style:italic;padding:20px;text-align:center}.assign-dropdown-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.assign-dropdown-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.assign-dropdown-options{display:flex;flex-direction:column;padding:8px}.assign-option{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;text-align:left;transition:all .2s}.assign-option:hover{background:var(--bg-hover);transform:translateX(4px)}.assign-option:last-child{margin-bottom:0}.assign-option svg{color:var(--primary-color);color:var(--accent-color,var(--primary-color));flex-shrink:0}.assign-option-name{color:var(--text-primary);font-size:14px;font-weight:600}.assign-option-email{color:var(--text-secondary);font-size:12px;margin-top:2px}.assign-option-current{background:#667eea1a;border:1px solid #667eea4d}.assign-option-current:hover{background:#667eea26}.assign-current-badge{background:var(--primary-color);background:var(--accent-color,var(--primary-color));border-radius:4px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;padding:4px 8px}.btn-assign,.btn-resolve{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.btn-assign{background:#8b5cf6;color:#fff}.btn-resolve{background:#10b981;color:#fff}.btn-assign:hover,.btn-resolve:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.ticket-status-buttons{border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:8px;min-height:auto;overflow-x:visible;padding:16px 24px}.ticket-status-buttons button{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s;white-space:nowrap}.ticket-status-buttons button:hover{background:var(--bg-hover)}.ticket-status-buttons button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.messages-container-admin{display:flex;flex:1 1;flex-direction:column;gap:16px;max-height:none;min-height:auto;overflow:visible;padding:24px}.message-admin{animation:slideIn .3s ease-out;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-initial{background:var(--bg-secondary);border:1px solid var(--info-color)}.message-client{border:none}.message-client,.message-client .message-header{background:#0000}.message-support{background:#eff6ff;border-left:4px solid #10b981}.message-internal{background:#fef3c7;border-left:4px solid #f59e0b}.message-admin .message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-admin .message-header strong{color:var(--text-primary);font-size:14px}.message-date{color:var(--text-secondary);font-size:12px}.message-admin .message-content{color:var(--text-primary);font-size:15px;line-height:1.6;white-space:pre-wrap}.message-input-admin{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:20px 24px}.internal-note-toggle{align-items:center;display:flex;gap:8px;margin-bottom:12px}.internal-note-toggle input[type=checkbox]{cursor:pointer;height:18px;width:18px}.internal-note-toggle label{color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600}.message-input-admin textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:15px;margin-bottom:12px;padding:12px 16px;resize:vertical;transition:border-color .2s;width:100%}.message-input-admin textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-send-admin{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;margin-left:auto;padding:12px 24px;transition:all .2s}.btn-send-admin:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-send-admin:disabled{cursor:not-allowed;opacity:.5}.ticket-detail-admin-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.ticket-detail-admin-empty svg{color:var(--text-tertiary);margin-bottom:16px;opacity:.5}.ticket-detail-admin-empty h3{color:var(--text-primary);margin:0 0 8px}.ticket-detail-admin-empty p{font-size:15px;margin:0}.empty-state svg{color:var(--text-tertiary)}.empty-state p{font-size:15px}@media (max-width:1200px){.admin-content{grid-template-columns:1fr;height:auto}.ticket-detail-admin{border-radius:0;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}}@media (max-width:768px){.admin-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-controls{flex-direction:column}.search-box{min-width:100%}}.crm-messaging{grid-gap:24px;display:grid;gap:24px;grid-template-columns:minmax(280px,340px) 1fr;min-height:540px}.crm-messaging__sidebar{background:#fff;border-radius:20px;box-shadow:0 18px 40px #0f172a1f;display:flex;flex-direction:column;gap:18px;padding:20px}.crm-messaging__sidebar-header h3{align-items:center;color:#0f172a;display:flex;font-size:18px;gap:10px;margin:0}.crm-messaging__sidebar-header p{color:#475569;font-size:14px;line-height:1.4;margin:6px 0 0}.crm-messaging__controls{display:flex;flex-direction:column;gap:12px}.crm-messaging__search{align-items:center;background:#f8fafccc;border:1px solid #94a3b859;border-radius:14px;display:flex;gap:10px;padding:10px 14px}.crm-messaging__search svg{color:#6366f1}.crm-messaging__search input{background:#0000;border:none;color:#0f172a;flex:1 1;font-size:14px;outline:none}.crm-messaging__filter{align-items:center;background:#0f172a0f;border:none;border-radius:12px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:10px 14px;transition:all .18s ease}.crm-messaging__filter svg{opacity:.7}.crm-messaging__filter.is-active{background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 14px 32px #6366f147;color:#fff}.crm-messaging__thread-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 260px);overflow-y:auto;padding-right:4px}.crm-thread{grid-gap:12px;align-items:center;background:#f8fafcd9;border:none;border-radius:16px;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:12px 14px;text-align:left;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.crm-thread:hover{background:#fff;box-shadow:0 14px 32px #0f172a1f;transform:translateY(-2px)}.crm-thread.is-active{background:linear-gradient(135deg,#6366f12e,#ec48992e);border:1px solid #6366f159}.crm-thread__avatar{background:#6366f12e;border-radius:14px;color:#4338ca;display:grid;font-size:14px;font-weight:700;height:42px;overflow:hidden;place-items:center;width:42px}.crm-thread__avatar img{height:100%;object-fit:cover;width:100%}.crm-thread__content{grid-gap:6px;display:grid;gap:6px}.crm-thread__top{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.crm-thread__name{color:#0f172a;font-size:15px;font-weight:600}.crm-thread__meta,.crm-thread__time{color:#64748b;font-size:12px}.crm-thread__meta{display:flex;flex-wrap:wrap;gap:8px}.crm-thread__phone{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.crm-thread__status{color:#6366f1;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.crm-thread__preview{color:#475569;font-size:13px;line-height:1.4;margin:0;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-thread__badge{align-items:center;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:26px;justify-content:center;min-width:26px;padding:0 8px}.crm-messaging__conversation{background:#fff;border-radius:20px;box-shadow:0 18px 40px #0f172a1f;display:flex;flex-direction:column;gap:18px;padding:24px;position:relative}.crm-conversation__header{align-items:center;border-bottom:1px solid #94a3b840;display:flex;justify-content:space-between;padding-bottom:16px}.crm-conversation__identity{align-items:center;display:flex;gap:16px}.crm-conversation__identity h4{color:#0f172a;font-size:17px;margin:0}.crm-conversation__details{color:#475569;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.status-pill{background:#6366f126;border-radius:999px;color:#4338ca;letter-spacing:.08em}.crm-conversation__timeline{display:flex;flex:1 1;flex-direction:column;gap:14px;max-height:calc(100vh - 320px);overflow-y:auto;padding-right:6px}.crm-chat-bubble{grid-gap:8px;border-radius:18px;box-shadow:0 12px 28px #0f172a1f;display:grid;gap:8px;max-width:72%;padding:12px 16px;position:relative}.crm-chat-bubble--staff{background:linear-gradient(135deg,#6366f1,#ec4899);border-radius:18px 18px 6px 18px;color:#fff;margin-left:auto}.crm-chat-bubble--customer{background:#f8fafcf2;border:1px solid #94a3b840;border-radius:18px 18px 18px 6px;color:#0f172a;margin-right:auto}.crm-chat-bubble__text{font-size:14px;line-height:1.5;margin:0}.crm-chat-bubble__meta{font-size:12px;gap:10px;opacity:.8}.crm-chat-bubble__meta,.crm-chat-bubble__status{align-items:center;display:flex}.crm-conversation__composer{grid-gap:12px;border-top:1px solid #94a3b840;display:grid;gap:12px;grid-template-columns:1fr auto;padding-top:12px}.crm-conversation__composer input{border:1px solid #94a3b859;border-radius:16px;font-size:15px;outline:none;padding:14px 16px;transition:border .18s ease,box-shadow .18s ease}.crm-conversation__composer input:focus-visible{border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.crm-conversation__composer button{align-items:center;background:linear-gradient(135deg,#22d3ee,#34d399);border:none;border-radius:16px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:700;gap:10px;padding:14px 18px;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.crm-conversation__composer button:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(.4);opacity:.5}.crm-conversation__composer button:not(:disabled):hover{box-shadow:0 18px 42px #22d3ee52;transform:translateY(-1px)}.crm-messaging__placeholder{background:#f8fafce6;border:1px dashed #94a3b859;border-radius:16px;color:#475569;font-size:14px;padding:18px;text-align:center}.crm-messaging__empty{grid-gap:16px;color:#475569;display:grid;gap:16px;padding:60px 20px;place-items:center;text-align:center}.crm-messaging__empty h3{color:#0f172a;margin:0}.crm-messaging__empty p{line-height:1.5;margin:0;max-width:360px}.crm-messaging__error{background:#f8717126;border:1px solid #f8717159;border-radius:14px;bottom:24px;color:#b91c1c;font-size:14px;left:24px;padding:12px 14px;position:absolute;right:24px}.crm-spinner{animation:crm-spin .8s linear infinite}@keyframes crm-spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.crm-messaging{grid-template-columns:1fr}.crm-messaging__sidebar{max-height:340px}.crm-messaging__thread-list{max-height:220px}.crm-messaging__conversation{max-height:none}}@media (max-width:640px){.crm-messaging__conversation{padding:18px}.crm-conversation__composer{grid-template-columns:1fr}}.crm{display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-height:calc(100vh - 200px);max-width:none;min-height:0;width:100%}.view-header{margin-bottom:30px}.view-header h2{font-size:2rem}.crm-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--light-gray);margin-bottom:24px;overflow-x:auto;padding-bottom:0}.crm-tab,.crm-tabs{display:flex;gap:8px}.crm-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.crm-tab:hover{background:#d4817e0d;color:var(--primary-color)}.crm-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.crm-content{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:30px}.crm-overview{display:flex;flex-direction:column;gap:32px}.crm-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{border:2px solid var(--light-gray);padding:24px}.stat-card:hover{transform:translateY(-4px)}.stat-icon{border-radius:16px;color:var(--white)}.stat-value{font-size:2.5rem;margin-bottom:8px}.crm-quick-actions{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.crm-quick-actions h3{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.quick-actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-primary);font-weight:500;padding:20px;transition:all .2s ease}.action-card:hover{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--white);transform:translateY(-2px)}.action-card svg{stroke-width:2}.crm-contacts{display:flex;flex-direction:column;gap:20px}.crm-filters{align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.search-box{background-color:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);min-width:300px;position:relative;transition:border-color .2s ease}.search-box svg{color:var(--gray);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.search-box input{background-color:initial;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;padding:0 12px 0 46px;position:relative;transition:border-color .2s ease;width:100%;z-index:1}.search-box input:focus{outline:none}.crm-filters-right{align-items:center;display:flex;flex-wrap:nowrap;gap:12px}.crm-filters-right .btn{align-items:center;display:flex;gap:8px;height:44px;min-width:-webkit-fit-content;min-width:fit-content;padding:0 20px;white-space:nowrap}.crm-filters .custom-dropdown,.crm-filters-right .custom-dropdown{height:44px;max-width:200px;min-width:160px}.crm-filters .custom-dropdown .dropdown-selected,.crm-filters-right .custom-dropdown .dropdown-selected{align-items:center;display:flex;height:44px;padding:0 14px}.crm-filters select{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:.95rem;padding:12px 16px;transition:border-color .2s ease}.crm-filters select:focus{border-color:var(--primary-color);outline:none}.customers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.customer-card-crm{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;padding:20px;transition:all .2s ease}.customer-card-crm:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-header-crm{align-items:center;display:flex;gap:16px}.customer-avatar{border:3px solid var(--light-gray);border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;width:60px}.customer-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;width:100%}.customer-info{flex:1 1;min-width:0}.customer-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.customer-info h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointments-count-badge{align-items:center;background:#3b82f61a;border-radius:12px;color:#3b82f6;cursor:help;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:4px;padding:4px 10px;transition:all .2s ease}.appointments-count-badge:hover{background:#3b82f633;transform:scale(1.05)}.customer-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{gap:4px;letter-spacing:.3px}.badge-new{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.badge-active{background:#22c55e1a;border:1px solid #22c55e4d;color:#22c55e}.badge-dormant{background:#fbbf241a;border:1px solid #fbbf244d;color:#fbbf24}.badge-lost{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.badge-vip{background:linear-gradient(135deg,#ffd89b,#f59e0b);border:none;color:var(--white)}.badge-premium{background:#a855f71a;border:1px solid #a855f74d;color:#a855f7}.badge-standard{background:#6b72801a;border:1px solid #6b72804d;color:#6b7280}.customer-stats-crm{background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:12px;padding:12px}.stat-item{font-weight:500}.stat-item svg{color:var(--accent-color)}.customer-contact-crm{border-top:1px solid var(--light-gray);display:flex;flex-direction:column;gap:8px;padding-top:12px}.contact-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px}.contact-item svg{color:var(--primary-color);flex-shrink:0}.customer-actions-crm{border-top:1px solid var(--light-gray);display:flex;gap:8px;justify-content:flex-end;padding-top:12px}.btn-icon{align-items:center;background:var(--bg-subtle);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);display:flex;justify-content:center;padding:8px}.btn-icon:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}.btn-whatsapp:hover{background:#25d366;border-color:#25d366}.crm-segments{display:flex;flex-direction:column;gap:20px}.section-header{align-items:center;margin-bottom:16px}.section-header h3{font-size:1.3rem}.segments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.segment-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:20px;transition:all .2s ease}.segment-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.segment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.segment-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600}.segment-count{background:var(--accent-color);border-radius:12px;color:var(--white);font-size:.85rem;font-weight:600;padding:4px 12px}.segment-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:16px}.segment-actions{display:flex;gap:8px;justify-content:flex-end}.btn-sm{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.btn-sm:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.crm-communications{display:flex;flex-direction:column;gap:20px}.communication-filters{display:flex;gap:8px}.filter-btn{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.communications-timeline{display:flex;flex-direction:column;gap:16px}.communication-item{background:var(--bg-subtle);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);display:flex;gap:16px;padding:16px;transition:all .2s ease}.communication-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.comm-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.comm-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.comm-header{align-items:center;display:flex;justify-content:space-between}.comm-type{color:var(--text-primary);font-size:.95rem;font-weight:600}.comm-subject{color:var(--text-secondary);font-size:.9rem;font-weight:500}.comm-status{display:flex;gap:8px}.status-badge{text-transform:uppercase}.status-sent{background:#3b82f61a;color:#3b82f6}.status-delivered{background:#22c55e1a;color:#22c55e}.status-read{background:#a855f71a;color:#a855f7}.status-failed{background:#ef44441a;color:#ef4444}.crm-analytics,.crm-analytics-dashboard,.crm-automations,.crm-campaigns,.loyalty-manager{display:flex;flex-direction:column;gap:20px;min-height:100%;overflow:visible}.automations-list,.campaigns-list{min-height:300px}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));overflow:visible}.analytics-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));overflow:visible}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;overflow:visible}.insights-section{margin-top:32px;overflow:visible}.insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));overflow:visible}.insight-card{align-items:flex-start;background:var(--white);border-left:4px solid;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px}.insight-card.warning{background:#fbbf240d;border-color:#fbbf24}.insight-card.success{background:#22c55e0d;border-color:#22c55e}.insight-card.info{background:#3b82f60d;border-color:#3b82f6}.insight-card strong{color:var(--text-primary);display:block;font-size:1.05rem;font-weight:600;margin-bottom:6px}.insight-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.kpi-card{align-items:center;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);display:flex;gap:20px;padding:24px;transition:all .3s ease}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.kpi-icon{align-items:center;border-radius:16px;color:var(--white);display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.kpi-content{flex:1 1}.kpi-value{color:var(--text-primary);font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:8px}.kpi-label{color:var(--text-secondary);font-size:.95rem;font-weight:500;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.kpi-trend{align-items:center;display:flex;font-size:.85rem;font-weight:600;gap:4px}.kpi-trend.positive{color:#22c55e}.kpi-trend.negative{color:#ef4444}.chart-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);overflow:visible;padding:24px}.chart-card h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:20px}.chart-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;opacity:.5;padding:60px 20px}.empty-state{color:var(--gray);padding:80px 20px}.empty-state h3{margin-bottom:10px}.empty-state p{margin-bottom:20px}.loading-state{gap:20px;min-height:400px}.loading-spinner{border:4px solid var(--light-gray);height:48px;width:48px}@media (max-width:768px){.crm{flex:none!important;max-height:none!important;overflow:visible!important;padding-bottom:290px!important}.crm-content{-webkit-overflow-scrolling:touch!important;overflow-y:auto!important;padding:16px;padding-bottom:120px!important}.crm-tabs{flex-shrink:0;gap:4px}.crm-tab{font-size:.85rem;padding:10px 14px}.crm-tab svg{height:16px;width:16px}.crm-stats-grid{gap:14px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-icon{height:48px;width:48px}.stat-value{font-size:1.8rem}.stat-label{font-size:.85rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.action-card{font-size:.85rem;padding:16px}.customers-grid{grid-template-columns:1fr}.customer-card-crm{padding:16px}.crm-filters,.crm-filters-right{flex-direction:column;gap:12px;width:100%}.search-box{min-width:100%;width:100%}.crm-filters .btn,.crm-filters .custom-dropdown,.crm-filters select,.crm-filters-right .btn,.crm-filters-right .custom-dropdown{max-width:100%;min-width:100%;width:100%}.analytics-grid{grid-template-columns:1fr}.chart-card{padding:16px}.crm-content{max-height:calc(100vh - 250px)}}.loyalty-manager{display:flex;flex-direction:column;gap:20px;min-height:100%;overflow:visible}.loyalty-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--light-gray);display:flex;gap:8px;overflow-x:auto;padding-bottom:0}.loyalty-tabs .tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.loyalty-tabs .tab:hover{background:#d4817e0d;color:var(--primary-color)}.loyalty-tabs .tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.loyalty-content{min-height:100%;overflow:visible}.loyalty-overview{display:flex;flex-direction:column;gap:24px;overflow:visible}.loyalty-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.loyalty-program-setup{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.loyalty-program-setup h4{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.program-settings{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{color:var(--text-secondary);font-size:.9rem;font-weight:600}.setting-item input{border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);font-size:.95rem;padding:10px 12px}.loyalty-transactions{overflow:visible}.transactions-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.transactions-table th{background:var(--bg-subtle);border-bottom:2px solid var(--light-gray);color:var(--text-primary);font-size:.9rem;padding:12px}.transactions-table td{border-bottom:1px solid var(--light-gray);font-size:.9rem;padding:12px}.type-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.type-earned{background:#22c55e1a;color:#22c55e}.type-redeemed{background:#ef44441a;color:#ef4444}.transactions-table .positive{color:#22c55e;font-weight:600}.transactions-table .negative{color:#ef4444;font-weight:600}.loyalty-vouchers{overflow:visible}.vouchers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.voucher-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:12px;padding:24px;transition:all .2s ease}.voucher-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.voucher-card.used{background:var(--bg-subtle);opacity:.6}.voucher-code{background:var(--bg-subtle);border-radius:var(--border-radius-sm);color:var(--primary-color);font-family:monospace;font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:12px}.voucher-code,.voucher-details{text-align:center}.voucher-value{color:var(--accent-color);font-size:2rem;font-weight:700;margin-bottom:8px}.voucher-customer{color:var(--text-primary);font-size:.9rem;font-weight:500;margin-bottom:6px}.voucher-expiry{color:var(--text-secondary);font-size:.85rem}.voucher-status{border-radius:12px;font-size:.8rem;font-weight:600;padding:6px 14px;text-align:center;text-transform:uppercase}.voucher-status.active{background:#22c55e1a;color:#22c55e}.voucher-status.used{background:#6b72801a;color:#6b7280}.loyalty-rewards{overflow:visible}.rewards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.reward-card{align-items:center;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.reward-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.reward-icon{align-items:center;background:linear-gradient(135deg,#ffd89b,#f59e0b);border-radius:50%;color:var(--white);display:flex;height:64px;justify-content:center;width:64px}.reward-card h5{color:var(--text-primary);font-size:1.1rem;font-weight:600}.reward-cost{align-items:center;color:var(--accent-color);display:flex;font-weight:600;gap:6px}.chart-wide{grid-column:1/-1}@media (max-width:480px){.crm-content{padding:12px}.crm-tab{font-size:.8rem;padding:8px 10px}.crm-tab span{display:none}.stat-value{font-size:1.5rem}.quick-actions-grid{grid-template-columns:1fr}.customer-avatar{height:48px;width:48px}.customer-info h4{font-size:1rem}.customer-name-row{gap:8px}.appointments-count-badge{font-size:.75rem;padding:3px 8px}.appointments-count-badge svg{height:12px;width:12px}.analytics-charts-grid,.insights-grid,.kpi-grid,.loyalty-stats-grid,.program-settings,.rewards-grid,.vouchers-grid{grid-template-columns:1fr}.crm-analytics-dashboard,.loyalty-manager{padding-bottom:100px!important}.loyalty-content{padding-bottom:60px}.transactions-table{font-size:.85rem}.transactions-table td,.transactions-table th{font-size:.85rem;padding:10px 8px}.vouchers-grid{gap:14px}.voucher-card{padding:16px}.voucher-code{font-size:1.1rem}.voucher-value{font-size:1.6rem}}.customer-profile-modal{max-width:1200px!important;width:95%!important}.profile-tabs{background:var(--bg-subtle);border-bottom:2px solid var(--light-gray);display:flex;gap:4px;padding:0 24px}.profile-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:14px 20px;transition:all .2s ease}.profile-tab:hover{background:#d4817e0d;color:var(--primary-color)}.profile-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.profile-communications-tab,.profile-history-tab,.profile-info-tab,.profile-loyalty-tab{padding:24px}.profile-header-section{align-items:center;background:linear-gradient(135deg,#d4817e0d,#e8a5a50d);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:32px}.profile-avatar-large{border:4px solid var(--white);border-radius:50%;box-shadow:var(--shadow-md);height:120px;overflow:hidden;position:relative;width:120px}.avatar-placeholder-large{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));font-size:2.5rem;font-weight:700;height:100%;width:100%}.avatar-placeholder-large,.avatar-upload-btn{align-items:center;color:var(--white);display:flex;justify-content:center}.avatar-upload-btn{background:var(--accent-color);border:none;border-radius:50%;bottom:0;box-shadow:var(--shadow);cursor:pointer;height:36px;position:absolute;right:0;width:36px}.profile-badges,.profile-tags{display:flex;flex-wrap:wrap;gap:8px}.profile-tags{align-items:center}.tag-chip{border-radius:16px;color:var(--white);display:inline-flex;gap:6px;padding:6px 14px}.btn-add-tag,.tag-chip{align-items:center;font-size:.85rem;font-weight:600}.btn-add-tag{background:var(--bg-subtle);border:2px dashed var(--light-gray);border-radius:16px;color:var(--text-secondary);cursor:pointer;display:flex;gap:4px;padding:6px 12px;transition:all .2s ease}.btn-add-tag:hover{background:#d4817e0d;border-color:var(--primary-color);color:var(--primary-color)}.profile-form{display:flex;flex-direction:column;gap:24px}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--light-gray);padding:12px}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-subtle);cursor:not-allowed;opacity:.7}.consent-options{display:flex;flex-wrap:wrap;gap:24px}.stats-grid-modal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-box{align-items:center;background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.stat-box svg{color:var(--accent-color)}.stat-box .stat-value{color:var(--text-primary);font-size:1.8rem;font-weight:700}.stat-box .stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.treatments-timeline{display:flex;flex-direction:column;gap:16px}.treatment-history-item{background:var(--bg-subtle);border-left:4px solid var(--accent-color);border-radius:var(--border-radius-sm);display:flex;gap:20px;padding:16px}.treatment-date{color:var(--text-secondary);font-size:.85rem;font-weight:600;min-width:100px}.treatment-details h5{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:6px}.operator-name{color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.treatment-meta{gap:12px;margin-bottom:8px}.treatment-meta .price{color:var(--accent-color);font-weight:700}.rating-stars{display:flex;gap:2px}.feedback-text{background:var(--white);border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:.9rem;font-style:italic;margin-top:8px;padding:12px}.communications-list-modal{display:flex;flex-direction:column;gap:12px}.comm-item-modal{background:var(--bg-subtle);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);display:flex;gap:16px;padding:16px}.comm-icon-badge{align-items:center;background:var(--primary-color);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.comm-details{flex:1 1}.comm-type-label{color:var(--text-primary);font-weight:600;margin-bottom:4px}.comm-time{font-size:.85rem}.comm-preview,.comm-time{color:var(--text-secondary);margin-bottom:8px}.comm-preview{font-size:.9rem}.status-pill{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.loyalty-summary,.profile-loyalty-tab{display:flex;flex-direction:column;gap:24px}.loyalty-summary{align-items:center;background:linear-gradient(135deg,#ffd89b,#f59e0b);border-radius:var(--border-radius);color:var(--white);padding:40px}.loyalty-points-display{text-align:center}.loyalty-points-display svg{color:var(--white);margin-bottom:16px}.points-value{font-size:4rem;line-height:1;margin-bottom:8px}.points-label{font-size:1.2rem;font-weight:500;opacity:.9}.loyalty-actions{display:flex;gap:12px}.loyalty-history h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.empty-state-small{color:var(--gray);padding:60px 20px}.empty-state-small svg{margin-bottom:16px;opacity:.3}.empty-state-small p{color:var(--text-secondary);font-size:1rem}.tag-management{display:flex;flex-direction:column;gap:20px}.tags-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tag-card{align-items:center;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:20px;transition:all .2s ease}.tag-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag-info{align-items:center;display:flex;flex:1 1;gap:16px}.tag-color-preview{border-radius:8px;flex-shrink:0;height:40px;width:40px}.tag-info h4{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:4px}.tag-info p{color:var(--text-secondary);font-size:.85rem}.tag-actions{display:flex;gap:6px}.btn-icon-small{background:var(--bg-subtle);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px;transition:all .2s ease}.btn-icon-small:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.color-picker-grid{grid-gap:8px;gap:8px;grid-template-columns:repeat(8,1fr)}.color-option{border-radius:8px;height:40px;width:40px}.color-option.selected{border-color:var(--white);box-shadow:0 0 0 2px var(--primary-color)}.modal-content.segment-builder .modal-header{padding:20px 24px!important}.modal-content.segment-builder .modal-body{padding:24px!important}.modal-content.segment-builder .modal-footer{padding:20px 24px!important}.segment-builder.modal-content>.modal-body,.segment-builder>.modal-body{padding:24px!important}.segment-builder.modal-content>.modal-footer,.segment-builder.modal-content>.modal-header,.segment-builder>.modal-footer,.segment-builder>.modal-header{padding:20px 24px!important}.segment-builder .form-group{margin-bottom:20px}.segment-builder .form-group:last-child{margin-bottom:0}.segment-builder .form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.segment-builder .form-group input,.segment-builder .form-group select,.segment-builder .form-group textarea{border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);font-family:inherit;font-size:.95rem;padding:12px 14px;transition:all .2s ease;width:100%}.segment-builder .form-group input:focus,.segment-builder .form-group select:focus,.segment-builder .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a;outline:none}.segment-builder .form-group textarea{font-family:inherit;resize:vertical}.segment-builder .form-section{background:var(--bg-subtle);border:2px solid var(--light-gray);border-radius:var(--border-radius);margin-top:20px;padding:20px}.segment-builder .section-header{align-items:center;border-bottom:2px solid var(--light-gray);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.segment-builder .section-title{align-items:center;display:flex;gap:10px}.segment-builder .section-title h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.segment-builder .section-title svg{color:var(--primary-color)}.segment-builder .builder-section{background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:20px;padding:24px}.segment-criteria-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.criteria-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.empty-criteria,.empty-state-small{color:var(--text-secondary);padding:40px 20px;text-align:center}.empty-criteria svg,.empty-state-small svg{color:var(--primary-color);margin-bottom:12px;opacity:.3}.empty-criteria p,.empty-state-small p{font-size:.95rem;margin:0}.criterion-row{grid-gap:12px;align-items:center;background:var(--white);border-radius:var(--border-radius-sm);display:grid;gap:12px;grid-template-columns:2fr 1.5fr 2fr 40px;margin-bottom:12px;padding:12px}.criterion-row input,.criterion-row select{border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);font-size:.9rem;padding:10px}.btn-icon-danger{align-items:center;background:#ef44441a;border:none;border-radius:var(--border-radius-sm);color:#ef4444;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon-danger:hover{background:#ef4444;color:var(--white)}.btn-icon-small.btn-danger{background:#ef44441a;color:#ef4444;transition:all .2s ease}.btn-icon-small.btn-danger:hover{background:#ef4444;color:var(--white)}.preview-section,.segment-preview{align-items:center;background:#22c55e0d;border:2px solid #22c55e33;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;margin-top:20px;padding:20px}.preview-result{align-items:center;background:var(--white);border:2px solid #22c55e33;border-radius:var(--border-radius-sm);color:#22c55e;display:flex;font-size:1.05rem;font-weight:500;gap:8px;padding:12px 20px}.preview-result svg{flex-shrink:0}.preview-result strong{color:var(--text-primary)}.automation-builder .builder-section{background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:20px;padding:24px}.automation-builder-layout{display:flex;flex-direction:column;gap:24px}.section-badge{align-items:center;border-bottom:2px solid var(--light-gray);display:flex;gap:10px;margin-bottom:20px;padding-bottom:12px}.section-badge h4{color:var(--text-primary);font-size:1.15rem;font-weight:600}.trigger-section{border-left:4px solid #667eea}.action-section{border-left:4px solid #f59e0b}.action-config,.trigger-config{background:var(--white);border-radius:var(--border-radius-sm);padding:16px}.help-text{color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-top:8px}.variables-help{align-items:center;background:#667eea0d;border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px}.variables-help code{background:var(--white);border-radius:4px;color:#667eea;font-family:monospace;font-size:.85rem;padding:4px 8px}.automation-preview{background:var(--bg-subtle);border:2px dashed var(--primary-color);border-radius:var(--border-radius);padding:24px}.automation-preview h4{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:16px;text-align:center}.automation-flow{gap:20px;justify-content:center}.automation-flow,.flow-step{align-items:center;display:flex}.flow-step{border-radius:var(--border-radius);font-size:.95rem;font-weight:600;gap:10px;padding:16px 24px}.flow-trigger{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.flow-action{background:linear-gradient(135deg,#ffd89b,#f59e0b);color:var(--white)}.flow-arrow{color:var(--primary-color);font-size:2rem;font-weight:700}.automations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.automation-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:20px;transition:all .2s ease}.automation-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.automation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.automation-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600}.toggle-switch{display:inline-block;height:26px;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:26px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;width:20px}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translateX(24px)}.automation-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.automation-flow-mini{align-items:center;background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;font-size:.85rem;gap:8px;margin-bottom:12px;padding:12px}.flow-action,.flow-trigger{border-radius:6px;font-weight:600;padding:6px 12px}.automation-stats{color:var(--text-secondary);display:flex;font-size:.85rem;gap:16px}.campaign-builder .campaign-builder-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.builder-column{display:flex;flex-direction:column;gap:20px}.channel-selector{display:flex;gap:12px}.channel-btn{align-items:center;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:600;gap:8px;padding:14px;transition:all .2s ease}.channel-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.channel-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.reach-estimate{align-items:center;background:#667eea1a;border-radius:var(--border-radius-sm);color:#667eea;display:flex;font-weight:600;gap:12px;padding:16px}.message-editor{min-height:400px}.variables-toolbar{align-items:center;background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px}.variables-toolbar span{color:var(--text-secondary);font-weight:600;margin-right:8px}.variables-toolbar button{background:var(--white);border:1px solid var(--light-gray);border-radius:6px;color:#667eea;cursor:pointer;font-family:monospace;font-size:.85rem;padding:6px 12px;transition:all .2s ease}.variables-toolbar button:hover{background:#667eea;border-color:#667eea;color:var(--white)}.message-preview{background:var(--bg-subtle);border-radius:var(--border-radius);margin-top:20px;padding:20px}.message-preview h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:12px}.preview-box{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);font-size:.95rem;line-height:1.6;padding:20px;white-space:pre-wrap}.campaigns-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.campaign-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:24px;transition:all .2s ease}.campaign-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.campaign-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600}.campaign-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px}.campaign-stats{background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;gap:16px;margin-bottom:16px;padding:12px}.stat-mini{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:6px}.stat-mini svg{color:var(--accent-color)}.campaign-actions{display:flex;gap:8px;justify-content:flex-end}.modal-sm{max-width:500px!important}.modal-footer-left,.modal-footer-right,.modal-header-actions{align-items:center;display:flex;gap:12px}.btn-success{background:#22c55e!important;border-color:#22c55e!important;color:var(--white)!important}.btn-success:hover{background:#16a34a!important;border-color:#16a34a!important}.section-header-modal{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header-modal h4{color:var(--text-primary);font-size:1.15rem;font-weight:600}.count-badge{background:var(--accent-color);border-radius:12px;color:var(--white);font-size:.85rem;font-weight:600;padding:4px 12px}.products{padding:0!important}.products-stats{grid-gap:16px!important;display:grid;gap:16px!important;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.stat-card{border-radius:var(--border-radius);box-shadow:var(--shadow);gap:12px!important;padding:16px!important;transition:all .2s ease}.stat-icon{height:48px;width:48px}.stat-value{font-size:1.8rem;margin-bottom:4px}.stat-label{font-size:.85rem}.products-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px!important;margin-bottom:24px}.products-filters .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;flex:1 1;min-width:250px;position:relative}.products-filters .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.products-filters .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.products-filters .search-box input:focus{outline:none}.products-filters .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.products-filters .clear-search:hover{background:var(--gray)}.products-filters .custom-dropdown{max-width:200px;min-width:160px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-badges{display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.badge{border-radius:12px;text-align:center;white-space:nowrap}.badge-inactive{background:#e2e8f0;color:#64748b}.badge-warning{background:linear-gradient(135deg,#f59e9e,#e87676);color:#fff}.badge-online{background:linear-gradient(135deg,#95c9a4,#7fb38e);color:#fff}.product-image{align-items:center;background:var(--bg-secondary);display:flex;height:200px;justify-content:center;overflow:hidden;width:100%}.product-image img{height:100%;object-fit:cover;width:100%}.product-image-placeholder{align-items:center;color:var(--text-secondary);display:flex;justify-content:center;opacity:.3}.product-info{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:16px}.product-info h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;line-height:1.3;margin:0}.product-category-badge{align-self:flex-start;border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.product-details{border-bottom:1px solid var(--light-gray);border-top:1px solid var(--light-gray);display:flex;flex-direction:column;gap:4px;padding:8px 0}.product-detail{color:var(--text-secondary);font-size:.85rem}.product-detail strong{color:var(--text-primary);font-weight:600}.product-prices{background:var(--bg-subtle);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:8px;padding:12px}.price-item{align-items:center;display:flex;justify-content:space-between}.price-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.price-current{color:var(--text-primary);font-size:1.25rem;font-weight:700}.price-current.discount{color:#e87676}.price-old{margin-right:8px;text-decoration:line-through}.price-cost,.price-old{color:var(--text-secondary);font-size:1rem}.price-cost{font-weight:600}.price-margin{color:#7fb38e;font-size:1rem;font-weight:700}.product-stock{display:flex;flex-direction:column;gap:6px}.stock-bar-container{background:var(--light-gray);border-radius:4px;height:8px;overflow:hidden;width:100%}.stock-bar{border-radius:4px;height:100%;transition:width .3s ease}.stock-text{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:4px}.stock-warning{color:#e87676;font-weight:600}.product-actions{background:var(--bg-tertiary);border-top:1px solid var(--light-gray);display:flex;gap:8px;padding:12px 16px}.product-actions .btn-icon{flex:1 1}.modal-backdrop .modal.modal-xlarge.product-modal,.modal-backdrop .modal.product-modal,.products .modal-backdrop .modal.modal-xlarge,.products .modal-backdrop .modal.product-modal{max-height:90vh!important;max-width:1800px!important;overflow-y:auto!important}.product-modal .modal-body{padding:0!important}.product-modal .tab-content{display:flex;flex-direction:column;gap:16px;margin:0!important;padding:24px 32px!important}.product-modal .modal-tabs{margin:0!important;padding:0 32px!important}.modal-tabs{border-bottom:2px solid var(--light-gray);display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:24px;overflow-x:visible!important;padding-bottom:0;white-space:nowrap}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:6px;margin-bottom:-2px;padding:12px 20px;transition:all .2s ease}.tab-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.tab-btn.active{border-bottom-color:var(--accent-color);color:var(--accent-color);font-weight:600}.tab-content{animation:fadeIn .3s ease}.form-group small{color:var(--text-secondary);display:block;font-size:.8rem;margin-top:4px}.form-group input,.form-group select,.form-group textarea{font-family:inherit;padding:10px 12px!important;width:100%}.form-group textarea{min-height:80px}.checkbox-label{gap:10px}.image-preview{border-radius:var(--border-radius-sm);margin-top:12px;max-width:200px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.margin-display{background:linear-gradient(135deg,#7fb38e1a,#95c9a41a);border:1px solid #7fb38e4d;border-radius:var(--border-radius);margin-top:20px;padding:16px}.margin-card{align-items:center;display:flex;justify-content:space-between}.margin-label{color:var(--text-primary);font-size:1rem;font-weight:600}.margin-value{color:#7fb38e;font-size:1.5rem;font-weight:700}.margin-percent{color:#7fb38e;font-size:1.2rem;opacity:.8}.margin-warning{background:#f59e9e1a;border:1px solid #f59e9e4d;border-radius:var(--border-radius-sm);color:#e87676;font-size:.9rem;font-weight:600;margin-top:12px;padding:10px}@media (max-width:1200px){.products-stats{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:640px){.view-header{flex-direction:row!important}.products-grid,.products-stats{grid-template-columns:1fr}.products-filters{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.form-row{grid-template-columns:1fr}}.view-header .header-actions{align-items:center;display:flex;gap:12px}.category-manager-modal{max-height:85vh;max-width:700px;overflow-y:auto}.category-form{background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:30px;padding:20px}.category-form h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.color-picker-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.color-option{align-items:center;border:3px solid #0000;border-radius:var(--border-radius);cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .2s ease;width:50px}.color-option:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.1)}.color-option.selected{border-color:var(--text-primary);box-shadow:0 4px 16px #0003;transform:scale(1.15)}.color-check{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 3px #00000080}.category-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.categories-list{margin-top:30px}.categories-list h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.categories-grid{display:flex;flex-direction:column;gap:10px}.category-item{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.category-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow)}.category-color-badge{border-radius:var(--border-radius);flex-shrink:0;height:40px;width:40px}.category-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.category-info strong{color:var(--text-primary);font-size:.95rem}.category-desc{color:var(--text-secondary);font-size:.85rem}.category-actions{display:flex;gap:8px}.sale-modal-content{max-height:80vh;overflow-y:auto;padding:0}.form-section{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);margin-bottom:20px;padding:24px}.form-section h4{border-bottom:2px solid var(--light-gray);font-size:1.1rem;margin-bottom:20px;padding-bottom:12px}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input,#fff);border-radius:var(--border-radius-sm)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #d4817e1a}.modal-header{padding:28px 40px}.modal-header h3{align-items:center;color:var(--text-title);display:flex;font-size:1.75rem;font-weight:300;gap:12px;letter-spacing:-.02em}.form-actions{border-top:1px solid var(--light-gray);padding:40px 0 16px}.product-sales{padding:0!important}.view-header{flex-direction:row!important;justify-content:space-between;margin-bottom:20px!important}.view-header,.view-header h2{align-items:center;display:flex}.view-header h2{color:var(--text-title);font-weight:300}.sales-stats{grid-gap:16px!important;display:grid;gap:16px!important;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.sales-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px!important;margin-bottom:24px}.sales-filters .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;flex:1 1;min-width:250px;position:relative}.sales-filters .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.sales-filters .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.sales-filters .search-box input:focus{outline:none}.sales-filters .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.sales-filters .clear-search:hover{background:var(--gray)}.sales-filters .custom-dropdown{max-width:200px;min-width:160px}.sales-table-container{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.sales-table{border-collapse:collapse;width:100%}.sales-table thead{background:var(--bg-secondary)}.sales-table th{border-bottom:2px solid var(--light-gray);color:var(--text-primary);font-size:.9rem;font-weight:600;padding:14px 16px!important;text-align:left}.sales-table tbody tr{border-bottom:1px solid var(--light-gray);transition:background .2s ease}.sales-table tbody tr:hover{background:var(--bg-subtle)}.sales-table td{color:var(--text-secondary);font-size:.9rem;padding:14px 16px!important}.items-count{background:var(--bg-secondary);border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 10px}.items-count,.sale-total{color:var(--text-primary)}.sale-total{font-size:1.1rem}.sale-discount{color:#e87676;display:block;font-size:.8rem;margin-top:2px}.payment-method{font-size:.85rem;font-weight:500}.status-badge{font-size:.8rem}.status-paid{background:linear-gradient(135deg,#7fb38e33,#95c9a433);border:1px solid #7fb38e4d;color:#7fb38e}.status-pending{background:linear-gradient(135deg,#f4d58d33,#e8c76f33);border:1px solid #f4d58d4d;color:#e8c76f}.status-refunded{background:linear-gradient(135deg,#f59e9e33,#e8767633);border:1px solid #f59e9e4d;color:#e87676}.sale-modal{max-width:1200px!important;width:95%!important}.add-product-section{background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:24px;padding:16px}.add-product-section label{color:var(--text-primary);display:block;font-weight:600;margin-bottom:8px}.add-product-row{align-items:flex-end;display:flex;gap:12px}.product-dropdown-container{flex:1 1}.sale-items-section{margin-bottom:0}.sale-item{background:var(--bg-subtle);border-radius:var(--border-radius-sm);padding:12px}.sale-item-info{align-items:center;display:flex;flex:1 1;gap:12px}.sale-item-details{flex:1 1}.sale-item-name{color:var(--text-primary);font-weight:500;margin-bottom:2px}.sale-item-sku{color:var(--text-secondary);font-size:.8rem}.qty-btn{border:1px solid var(--border-light);border-radius:var(--border-radius-sm);font-weight:700}.qty-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}.qty-value{font-weight:500}.item-price,.item-total{color:var(--text-primary);font-weight:500;min-width:80px;text-align:right}.sale-totals{background:var(--bg-subtle);margin-bottom:20px;padding:16px}.total-row{align-items:center;font-size:.95rem}.total-row.discount{color:var(--success-color)}.total-row.total{border-top:1px solid var(--border-light);color:var(--primary-color);font-size:1.1rem;font-weight:600}.sale-items-section h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:12px}.sale-items-list{display:flex;flex-direction:column;gap:12px}.sale-item{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);display:flex;gap:12px;justify-content:space-between;padding:14px}.item-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.item-info strong{color:var(--text-primary);font-size:.95rem}.item-sku{color:var(--text-secondary);font-size:.8rem}.item-controls{align-items:center;display:flex;gap:16px}.quantity-controls{align-items:center;background:var(--bg-secondary);border-radius:var(--border-radius-sm);display:flex;gap:8px;padding:4px}.qty-btn{background:var(--white);border-radius:4px;color:var(--text-primary);font-weight:600;height:28px;width:28px}.qty-btn:hover{background:var(--accent-color);color:var(--white)}.qty-value{color:var(--text-primary);font-weight:600;min-width:30px}.item-price{color:var(--text-secondary);font-size:.9rem;min-width:70px;text-align:right}.item-total{color:var(--text-primary);font-size:1.1rem;font-weight:700;min-width:80px;text-align:right}.btn-icon-small{align-items:center;display:flex;height:32px;justify-content:center;padding:0;width:32px}.btn-icon-small.btn-danger{background:linear-gradient(135deg,#f59e9e,#e87676);border:none;color:#fff}.btn-icon-small.btn-danger:hover{background:linear-gradient(135deg,#e87676,#d66060)}.sale-totals{background:linear-gradient(135deg,#e8c8c21a,#d6c7b91a);border:1px solid #e8c8c24d;border-radius:var(--border-radius);margin:24px 0;padding:20px}.total-row{color:var(--text-secondary);display:flex;font-size:1rem;justify-content:space-between;padding:8px 0}.total-row.discount{color:#e87676}.total-row.total{border-top:2px solid var(--border-light);color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-top:8px;padding-top:12px}@media (max-width:1200px){.sales-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.view-header{flex-direction:row!important}.sales-stats{grid-template-columns:1fr}.sales-filters{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.sales-table-container{overflow-x:auto}.sales-table{min-width:800px}.sale-item{align-items:flex-start;flex-direction:column}.item-controls{justify-content:space-between;width:100%}.form-row{grid-template-columns:1fr}.add-product-row{flex-direction:column}}@media (min-width:641px){.view-header{align-items:center!important;flex-direction:row!important}}.empty-state{box-shadow:var(--shadow)}.empty-state svg{margin-bottom:20px;opacity:.3}.loading-container{gap:20px;min-height:400px}.spinner{border:4px solid var(--light-gray);border-top-color:var(--accent-color)}.modal-header{background:#0000;padding:28px 40px!important}.modal-header h3{color:var(--text-title)!important;font-size:1.75rem!important;font-weight:300!important;letter-spacing:-.02em!important}.modal-footer{background:#0000;padding:24px 40px!important}.warehouse{display:flex;flex-direction:column;height:100%;width:100%}.warehouse-tabs{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--border-light);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.warehouse-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.warehouse-tab:hover{background:var(--bg-hover);color:var(--primary-color)}.warehouse-tab.active{background:var(--bg-subtle);border-bottom-color:var(--primary-color);color:var(--primary-color)}.warehouse-content{flex:1 1;overflow-y:auto;padding:20px}.warehouse-overview{display:flex;flex-direction:column;gap:32px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border:2px solid #e1e5e9;border-radius:12px;gap:16px;padding:20px;transition:all .3s ease}.stat-card.warehouses{border-color:#d4b2ab!important}.stat-card.products{border-color:#8fb0c7!important}.stat-card.value{border-color:#7fb38e!important}.stat-card.movements{border-color:#e8c170!important}.stat-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card.warning{border-color:#f59e0b}.stat-card.danger{border-color:#ef4444}.stat-icon{border-radius:12px;color:#fff;height:56px;width:56px}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.875rem;font-weight:500}.stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.overview-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.action-card{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:32px 24px;text-align:center;transition:all .3s ease}.action-card:hover{background-color:#0000000d;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.action-card svg{color:var(--primary-color)}.action-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.action-card p{color:var(--text-secondary);font-size:.875rem;margin:0}.movements-view,.products-list-warehouse,.stock-view,.warehouses-list{display:flex;flex-direction:column;gap:20px}.section-header{margin-bottom:20px}.section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 4px}.section-header p{font-size:.875rem;margin:0}.warehouses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.warehouse-card{background:#fff;border:2px solid var(--border-light);border-radius:12px;padding:20px;transition:all .3s ease}.warehouse-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.warehouse-card.inactive{background:var(--bg-subtle);opacity:.6}.warehouse-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.warehouse-title{display:flex;flex-direction:column;gap:4px}.warehouse-title h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:8px;margin:0}.main-badge{color:#f59e0b}.warehouse-code{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:.75rem;padding:4px 8px}.warehouse-actions{display:flex;gap:4px}.warehouse-description{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 12px}.warehouse-details{display:flex;flex-direction:column;gap:8px;margin:12px 0}.detail-item{color:var(--text-secondary);font-size:.875rem;gap:8px}.detail-item svg{color:var(--primary-color)}.warehouse-footer{border-top:1px solid var(--border-light);margin-top:16px;padding-top:16px}.toggle-switch-modern{background:var(--border-light);border-radius:999px;cursor:pointer;flex-shrink:0;height:32px;outline:none;position:relative;transition:all .3s ease;width:56px}.toggle-switch-modern:after{background:var(--bg-primary);border-radius:50%;box-shadow:0 4px 10px #00000026;content:"";height:26px;left:3px;position:absolute;top:3px;transition:all .3s ease;width:26px}.toggle-switch-modern.active{background:#667eea;background:var(--theme-primary,var(--primary-color,#667eea))}.toggle-switch-modern.active:after{transform:translateX(24px)}.toggle-label{color:var(--text-secondary);font-size:14px;font-weight:500;margin-left:12px}.empty-state{min-height:400px;padding:40px}.empty-state-content{max-width:500px;text-align:center}.empty-state-content h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:16px}.empty-state-content p{color:var(--text-secondary);font-size:1rem;margin-bottom:24px}.empty-state-actions{display:flex;gap:12px;justify-content:center}.empty-state-actions .btn{padding:12px 24px}.empty-state-actions .btn-outline{background:#0000;border:1px solid var(--border-light);color:var(--text-primary)}.empty-state-actions .btn-outline:hover{background:var(--bg-secondary)}.movements-table,.products-table,.stock-table{background:#fff;border:2px solid var(--border-light);border-radius:12px;overflow:hidden}.movements-table table,.products-table table,.stock-table table{border-collapse:collapse;width:100%}.movements-table thead,.products-table thead,.stock-table thead{background:var(--bg-secondary)}.movements-table th,.products-table th,.stock-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.movements-table td,.products-table td,.stock-table td{border-top:1px solid var(--border-light);color:var(--text-primary);font-size:.875rem;padding:12px 16px}.movements-table tbody tr:hover,.products-table tbody tr:hover,.stock-table tbody tr:hover{background:var(--bg-hover)}.product-name-cell{align-items:center;display:flex;gap:8px}.product-thumb{border:1px solid var(--border-light);border-radius:6px;height:40px;object-fit:cover;width:40px}.action-buttons,.actions-cell{display:flex;gap:4px}.action-buttons{align-items:center}.btn-icon{background:#0000;border:1px solid var(--border-light);border-radius:6px;padding:6px;transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--primary-color)}.btn-danger{border-color:#ef4444;color:#ef4444}.btn-danger:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.badge{border-radius:6px;font-size:.75rem;padding:4px 8px}.badge-material{background:#dbeafe;color:#1e40af}.badge-consumable{background:#fef3c7;color:#92400e}.badge-tool{background:#e0e7ff;color:#3730a3}.badge-sale_product{background:#d1fae5;color:#065f46}.stock-row.stock-low_stock{background:#fef3c7!important}.stock-row.stock-out_of_stock{background:#fee2e2!important}.available-cell,.quantity-cell{font-weight:600}.quantity-cell .quantity{color:var(--text-primary);font-size:1rem}.quantity-cell .unit{color:var(--text-secondary);font-size:.75rem;margin-left:4px}.reserved-cell{color:#d97706}.status-badge{border-radius:8px;font-size:.75rem;padding:4px 10px}.status-badge.status-in_stock{background:#d1fae5;color:#065f46}.status-badge.status-low_stock{background:#fef3c7;color:#92400e}.status-badge.status-out_of_stock{background:#fee2e2;color:#991b1b}.status-icon-ok{color:#10b981}.status-icon-warning{color:#f59e0b}.status-icon-danger{color:#ef4444}.date-cell{color:var(--text-secondary);font-size:.8125rem}.movement-row.movement-in,.movement-row.movement-purchase{border-left:4px solid #10b981}.movement-row.movement-consumption,.movement-row.movement-out,.movement-row.movement-sale,.movement-row.movement-waste{border-left:4px solid #ef4444}.movement-row.movement-transfer{border-left:4px solid #3b82f6}.movement-row.movement-adjustment,.movement-row.movement-inventory{border-left:4px solid #f59e0b}.movement-type-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px}.movement-type-badge.movement-in,.movement-type-badge.movement-purchase{background:#d1fae5;color:#065f46}.movement-type-badge.movement-consumption,.movement-type-badge.movement-out,.movement-type-badge.movement-sale,.movement-type-badge.movement-waste{background:#fee2e2;color:#991b1b}.movement-type-badge.movement-transfer{background:#dbeafe;color:#1e40af}.movement-type-badge.movement-adjustment,.movement-type-badge.movement-inventory{background:#fef3c7;color:#92400e}.movement-icon-in{color:#10b981}.movement-icon-out{color:#ef4444}.movement-icon-transfer{color:#3b82f6}.movement-icon-adjustment{color:#f59e0b}.quantity-positive{color:#10b981;font-weight:600}.quantity-negative{color:#ef4444;font-weight:600}.transfer-info{align-items:center;display:flex;font-size:.8125rem;gap:6px}.transfer-info .from{color:#ef4444}.transfer-info .to{color:#10b981}.notes-cell,.transfer-info svg{color:var(--text-secondary)}.notes-cell{font-size:.8125rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-box{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:8px;display:flex;flex:1 1;gap:8px;min-width:250px;padding:10px 16px;transition:all .2s ease}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a}.search-box input{border:none;color:var(--text-primary);flex:1 1;font-size:.875rem;outline:none}.search-box svg{color:var(--text-secondary);flex-shrink:0}.quick-stats-small{background:#fff;border:2px solid var(--border-light);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;padding:16px}.stat-small{display:flex;flex-direction:column;gap:4px;min-width:100px}.stat-small .label{color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stat-small .value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-small.warning .value{color:#f59e0b}.stat-small.danger .value{color:#ef4444}.stat-small.success .value{color:#10b981}.movement-type-selector{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.movement-type-btn{align-items:center;background:#fff;border:2px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:8px;padding:16px;transition:all .2s ease}.movement-type-btn:hover{background:var(--bg-hover);border-color:var(--primary-color)}.movement-type-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.movement-type-btn.active svg{color:#fff}.movement-type-btn svg{color:var(--primary-color)}.form-section{border-bottom:1px solid var(--border-light);margin-bottom:24px;padding-bottom:24px}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 16px}.form-grid-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.form-row input,.form-row select,.form-row textarea{border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-size:.875rem;padding:10px 12px;transition:all .2s ease}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a;outline:none}.checkbox-label{color:var(--text-primary);font-size:.875rem;gap:8px}.checkbox-label input[type=checkbox]{height:18px;width:18px}.empty-state{background:#fff;border:2px dashed var(--border-light);padding:64px 32px}.empty-state svg{opacity:.5}.empty-state p{color:var(--text-secondary);font-size:.875rem;margin:0 0 24px}.modal-large{max-width:900px!important;width:90%!important}@media (max-width:768px){.form-grid-2,.form-grid-3,.overview-actions,.stats-grid,.warehouses-grid{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-box{min-width:100%;width:100%}.movement-type-selector{grid-template-columns:1fr 1fr}.movements-table,.products-table,.quick-stats-small,.stock-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.movements-table table,.products-table table,.stock-table table{min-width:800px}}@media (max-width:480px){.warehouse-content{padding:12px}.warehouse-tabs{gap:4px}.warehouse-tab{font-size:.875rem;padding:10px 12px}.warehouse-tab svg{height:16px;width:16px}.stat-value{font-size:1.5rem}.movement-type-selector{grid-template-columns:1fr}}.export-buttons{align-items:center;display:flex;gap:8px}.export-buttons .btn-secondary{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:6px;padding:8px 12px;transition:all .2s ease}.export-buttons .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.export-buttons .btn-secondary:active{background:var(--bg-active)}.header-actions{align-items:center;display:flex;gap:12px}.date-filters{align-items:end;display:flex;gap:8px}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{color:var(--text-secondary);font-size:.75rem;font-weight:500;margin:0}.date-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-primary);font-size:.875rem;min-width:120px;padding:6px 8px}.date-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a;outline:none}.date-info,.date-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;white-space:nowrap}.date-loading{color:var(--primary-color)}.date-info{color:#10b981;color:var(--success-color,#10b981)}.movement-summary-row{background:linear-gradient(135deg,var(--bg-primary) 0,#3b82f605 100%)}.movement-summary-row:hover{background:linear-gradient(135deg,#3b82f60d,#3b82f614)}.in-quantity{color:#10b981;color:var(--success-color,#10b981);font-weight:600}.out-quantity{color:#ef4444;color:var(--danger-color,#ef4444);font-weight:600}.net-quantity.positive{color:#10b981;color:var(--success-color,#10b981);font-weight:700}.net-quantity.negative{color:#ef4444;color:var(--danger-color,#ef4444);font-weight:700}.movement-count{color:var(--text-secondary);font-weight:500;text-align:center}.fidelity-cards{display:flex;flex-direction:column;height:100%;width:100%}.fidelity-tabs{border-bottom:2px solid var(--border-light);display:flex;gap:8px;margin-bottom:24px;overflow-x:auto}.fidelity-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.fidelity-tab:hover{background:var(--bg-hover);color:var(--primary-color)}.fidelity-tab.active{background:var(--bg-subtle);border-bottom-color:var(--primary-color);color:var(--primary-color)}.fidelity-content{flex:1 1;overflow-y:auto;padding:20px}.fidelity-overview{display:flex;flex-direction:column;gap:32px}.tier-distribution{background:#fff;border:2px solid var(--border-light);border-radius:12px;padding:24px}.tier-distribution h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px}.tier-bars{gap:16px}.tier-bar-item,.tier-bars{display:flex;flex-direction:column}.tier-bar-item{gap:8px}.tier-bar-label{align-items:center;display:flex;justify-content:space-between}.tier-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.tier-count{color:var(--text-secondary);font-size:.875rem;font-weight:700}.tier-bar-bg{background:var(--bg-secondary);border-radius:12px;height:24px;overflow:hidden}.tier-bar-fill{border-radius:12px;height:100%;transition:width .3s ease}.tier-standard{background:#94a3b8}.tier-silver{background:linear-gradient(135deg,silver,#a8a8a8)}.tier-gold{background:linear-gradient(135deg,gold,#ffc700)}.tier-platinum{background:linear-gradient(135deg,#b9f2ff,#81d4fa)}.tier-vip{background:linear-gradient(135deg,gold,#ff6b6b)}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.fidelity-card-item{background:#fff;border:3px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.fidelity-card-item:before{background:linear-gradient(90deg,#94a3b8,#cbd5e1);content:"";height:6px;left:0;position:absolute;right:0;top:0}.fidelity-card-item.card-silver:before{background:linear-gradient(90deg,silver,#e0e0e0)}.fidelity-card-item.card-gold:before{background:linear-gradient(90deg,gold,#ffc700)}.fidelity-card-item.card-platinum:before{background:linear-gradient(90deg,#b9f2ff,#81d4fa)}.fidelity-card-item.card-vip:before{background:linear-gradient(90deg,gold,#ff6b6b)}.fidelity-card-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-header-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.card-customer h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 4px}.card-number{background:var(--bg-secondary);border-radius:4px;color:var(--text-secondary);font-family:monospace;font-size:.75rem;padding:2px 6px}.card-status{align-items:center;display:flex;gap:8px}.tier-badge{background:#fff;border:2px solid;border-radius:8px;font-size:.75rem;font-weight:600;padding:4px 10px}.card-points-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:16px;padding:16px}.points-display{gap:8px}.points-available,.points-display{display:flex;flex-direction:column}.points-available{gap:4px}.points-value{color:var(--primary-color);font-size:2rem;font-weight:700}.points-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.points-lifetime{align-items:center;color:var(--text-secondary);display:flex;font-size:.875rem;gap:4px}.card-stats{grid-gap:12px;border-bottom:1px solid var(--border-light);border-top:1px solid var(--border-light);display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:16px;padding:12px 0}.card-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.card-stat .stat-label{color:var(--text-secondary);font-size:.7rem;text-transform:uppercase}.card-stat .stat-value{color:var(--text-primary);font-size:1rem;font-weight:700}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1 1}.card-actions .btn-icon{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;padding:0;width:36px}.card-actions .btn-icon .spinner{height:16px;width:16px}.btn-success{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)!important}.status-icon-active{color:#10b981}.status-icon-inactive{color:#ef4444}.rewards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.reward-card{background:#fff;border:2px solid var(--border-light);border-radius:12px;padding:24px;text-align:center;transition:all .3s ease}.reward-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.reward-card.inactive{background:var(--bg-subtle);opacity:.6}.reward-icon-large{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:2rem;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.reward-card h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 8px}.reward-card p{color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0 0 12px}.reward-points{align-items:center;background:var(--bg-secondary);border-radius:8px;display:flex;font-weight:600;gap:6px;justify-content:center;padding:8px 16px}.reward-points,.reward-value{color:var(--primary-color);margin-bottom:12px}.reward-value{font-size:1.25rem;font-weight:700}.reward-stats-small{color:var(--text-secondary);font-size:.75rem;margin-bottom:16px}.reward-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:8px;justify-content:center;padding-top:16px}.toggle-switch-small{align-items:center;cursor:pointer;display:flex}.toggle-slider-small{background:#cbd5e1;border-radius:10px;height:20px;position:relative;transition:background .3s;width:36px}.toggle-slider-small:before{background:#fff;border-radius:50%;content:"";height:14px;left:3px;position:absolute;top:3px;transition:transform .3s;width:14px}.toggle-switch-small input{display:none}.toggle-switch-small input:checked+.toggle-slider-small{background:var(--primary-color)}.toggle-switch-small input:checked+.toggle-slider-small:before{transform:translateX(16px)}.transactions-table{background:#fff;border:2px solid var(--border-light);border-radius:12px;overflow:hidden}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead{background:var(--bg-secondary)}.transactions-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left;text-transform:uppercase}.transactions-table td{border-top:1px solid var(--border-light);font-size:.875rem;padding:12px 16px}.transactions-table tbody tr:hover{background:var(--bg-hover)}.points-positive{color:#10b981;font-weight:700}.points-negative{color:#ef4444;font-weight:700}.badge-earn{background:#d1fae5;color:#065f46}.badge-redeem{background:#fee2e2;color:#991b1b}.badge-bonus{background:#fef3c7;color:#92400e}.badge-gift{background:#dbeafe;color:#1e40af}.fidelity-settings-view .settings-card{background:#fff;border:2px solid var(--border-light);border-radius:12px;margin-bottom:20px;padding:24px}.fidelity-settings-view .settings-card h4{border-bottom:2px solid var(--border-light);color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0 0 20px;padding-bottom:12px}.card-info-box{background:var(--bg-secondary);border-radius:8px;margin-bottom:20px;padding:16px}.card-info-box p{color:var(--text-primary);font-size:.875rem;margin:4px 0}.alert{border-radius:8px;font-size:.875rem;margin:12px 0}.alert-info{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.alert-danger{border:1px solid #fca5a5;color:#991b1b}@media (max-width:768px){.card-stats,.cards-grid,.rewards-grid{grid-template-columns:1fr}.fidelity-content{padding:12px}.transactions-table{overflow-x:auto}.transactions-table table{min-width:700px}}.modal-footer .btn{min-width:110px}.redemption-modal{max-width:640px}.reward-selection-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.reward-selection-item{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:14px;display:flex;justify-content:space-between;padding:16px}.reward-selection-title{align-items:center;display:flex;font-size:1rem;gap:12px}.reward-selection-meta{color:var(--text-secondary);display:flex;font-size:.85rem;gap:12px}.reward-selection-actions{align-items:center;display:flex;gap:10px}.btn-qty{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:50%;cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:32px;justify-content:center;width:32px}.btn-qty:hover{background:var(--bg-hover)}.reward-quantity{font-weight:600;min-width:24px;text-align:center}.reward-emoji{font-size:1.5rem}.reward-add-control{display:flex;flex-direction:column;gap:8px;margin-top:24px}.reward-add-row{display:flex;gap:12px}.reward-add-row .custom-dropdown{flex:1 1}.empty-reward-selection{border:1px dashed var(--border-light);border-radius:12px;color:var(--text-secondary);font-size:.95rem;padding:16px;text-align:center}.history-actions{min-width:110px}.history-actions .actions-group{display:flex;gap:6px;justify-content:flex-end}.history-actions .btn-icon{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.history-actions .btn-icon:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.history-actions .btn-icon:disabled{cursor:not-allowed;opacity:.4}.history-actions .no-actions{color:var(--text-tertiary);font-size:.8rem}.alert{align-items:center;border-radius:10px;display:flex;font-size:.9rem;gap:8px;margin-bottom:16px;padding:12px 16px}.alert-danger{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.alert-success{background:#dcfce7;border:1px solid #bbf7d0;color:#16a34a}.ph-modal-overlay{align-items:center;background:#0f172a8c;display:flex;height:100vh;justify-content:center;left:0;padding:24px;position:fixed;top:0;width:100vw;z-index:20000}.ph-modal{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0f172a38;display:flex;flex-direction:column;max-width:520px;overflow:hidden;width:100%}.ph-modal-large{max-width:860px}.ph-modal-header{align-items:center;background:var(--bg-subtle);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px}.ph-modal-header h4{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0}.ph-modal-body{display:flex;flex-direction:column;gap:18px;max-height:70vh;overflow-y:auto;padding:24px}.ph-modal-footer{background:var(--bg-subtle);border-top:1px solid var(--border-light);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.ph-summary-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.ph-summary-list li{background:var(--bg-secondary);border-radius:8px;display:flex;font-size:.9rem;justify-content:space-between;padding:10px 12px}.ph-edit-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.ph-edit-column{display:flex;flex-direction:column;gap:12px}.ph-edit-column h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.ph-reward-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:6px}.ph-reward-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px}.ph-reward-info{display:flex;flex-direction:column;gap:4px}.ph-reward-info strong{color:var(--text-primary);font-size:.95rem}.ph-reward-actions{align-items:center;display:flex;gap:8px}.ph-reward-actions button{align-items:center;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.ph-reward-actions button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.ph-reward-actions button:disabled{cursor:not-allowed;opacity:.4}.ph-edit-summary{background:var(--bg-secondary);border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:12px 16px}.ph-edit-summary div{display:flex;flex-direction:column;gap:4px;min-width:160px}.ph-edit-summary span{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.ph-edit-summary strong{color:var(--text-primary);font-size:1.1rem}.ph-info-text{color:var(--text-secondary);font-size:.9rem}.spinner{animation:spin 1s linear infinite}@media (max-width:640px){.ph-modal{max-height:90vh}.ph-modal-body{padding:18px}.history-actions{min-width:80px}.ph-edit-summary{flex-direction:column;gap:12px}}.virtual-assistant-widget{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:18px;bottom:24px;box-shadow:0 18px 48px #0f172a40;color:var(--text-primary);display:flex;flex-direction:column;max-height:520px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:24px;transform:translateY(16px);transition:opacity .25s ease,transform .25s ease;width:360px;z-index:4000}.virtual-assistant-widget.open{opacity:1;pointer-events:auto;transform:translateY(0)}.virtual-assistant-header{align-items:center;background:var(--primary-color);box-shadow:inset 0 -1px 0 #ffffff40;color:#fff;display:flex;gap:16px;justify-content:space-between;padding:16px 20px}.assistant-actions{align-items:center;display:flex;gap:8px}.assistant-clear{align-items:center;background:#ffffff1f;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.assistant-clear:hover{background:#ffffff38}.assistant-clear svg{color:#fff}.assistant-title{align-items:center;display:flex;gap:12px}.assistant-title svg{color:#fff}.assistant-title div{display:flex;flex-direction:column;gap:2px}.assistant-title strong{font-size:1rem;letter-spacing:.4px}.assistant-title span{font-size:.78rem;line-height:1.2;opacity:.85}.assistant-close{align-items:center;background:#ffffff29;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.assistant-close:hover{background:#ffffff3d}.virtual-assistant-body{background:linear-gradient(180deg,#94a3b814,#94a3b800 40%);flex:1 1;overflow-y:auto;padding:12px 16px 8px}.assistant-messages{display:flex;flex-direction:column;gap:12px}.assistant-message{align-items:flex-end;display:flex}.assistant-message.assistant{justify-content:flex-start}.assistant-message.user{justify-content:flex-end}.assistant-bubble{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#f1f5f9a6;border-radius:16px;box-shadow:0 8px 18px #0f172a1a;color:var(--text-primary);font-size:.95rem;line-height:1.4;max-width:80%;padding:12px 14px 20px;position:relative}.assistant-message.assistant .assistant-bubble{border-bottom-left-radius:4px}.assistant-message.user .assistant-bubble{background:var(--primary-color);border-bottom-right-radius:4px;box-shadow:0 12px 24px #6366f159;color:#fff}.assistant-message.pending .assistant-bubble:after{animation:pulse 1s infinite;content:"…";display:inline-block;margin-left:6px}.assistant-timestamp{bottom:6px;font-size:.72rem;font-weight:500;opacity:.65;position:absolute;right:12px}.virtual-assistant-footer{align-items:flex-end;background:var(--bg-primary);border-top:1px solid var(--border-light);display:flex;gap:10px;padding:14px 16px}.virtual-assistant-footer textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.35;max-height:120px;min-height:42px;padding:10px 12px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.virtual-assistant-footer textarea:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126;outline:none}.assistant-send{align-items:center;background:var(--primary-color);border:none;border-radius:12px;box-shadow:0 10px 20px #6366f14d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.assistant-send:disabled{box-shadow:none;cursor:not-allowed;opacity:.5}.assistant-send:not(:disabled):hover{box-shadow:0 14px 26px #6366f166;transform:translateY(-1px)}.assistant-send svg{color:#fff}@media (max-width:1024px){.virtual-assistant-widget{width:320px}}@media (max-width:768px){.virtual-assistant-widget{bottom:16px;max-height:75vh;right:16px;width:calc(100vw - 32px)}}@media (max-width:480px){.virtual-assistant-widget{border-radius:18px;bottom:12px;right:12px;width:calc(100vw - 24px)}.virtual-assistant-footer{padding:12px 14px}.virtual-assistant-footer textarea{min-height:54px}}.tech-admin-panel{background:var(--bg-app);display:flex;flex-direction:column;min-height:100vh;overflow:visible}.admin-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:0;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.admin-header-left{align-items:center;display:flex;gap:16px}.admin-header-left h1{color:#fff;font-size:24px;font-weight:700;margin:0}.admin-header-left p{color:#fff;font-size:14px;margin:4px 0 0;opacity:.9}.admin-header-right{align-items:center;display:flex;gap:16px}.tech-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:14px;gap:8px;padding:8px 16px}.tech-admin-tabs{background:var(--bg-primary);background:var(--bg-app,var(--bg-primary));border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:12px;padding:20px 32px}.tech-admin-tabs button{align-items:center;background:none;border:none;border-left:4px solid #0000;border-radius:14px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:14px;padding:14px 18px;transition:var(--transition-fast);white-space:nowrap}.tech-admin-tabs button.active,.tech-admin-tabs button:hover{background:var(--primary-light);color:var(--primary-color)}.tech-admin-tabs button.active{border-left-color:var(--primary-color);box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d;color:var(--primary-hover,var(--primary-color));font-weight:600}.tech-admin-section{background:var(--bg-primary);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:24px;padding:24px 32px}.section-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.section-header h2{align-items:center;display:flex;font-size:1.5rem;gap:10px;margin:0}.section-header p{color:var(--text-secondary);margin:6px 0 0 28px}.tech-admin-form{display:flex;flex-direction:column;gap:24px}.form-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e8c8c24d;border-radius:var(--radius-lg);box-shadow:0 18px 30px #e8c8c226;overflow:visible;padding:24px;position:relative}.form-card h3{align-items:center;display:flex;font-size:1.2rem;gap:10px;margin:0 0 18px}.form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group{gap:6px}.form-group label{color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:10px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color)}.form-group-full{grid-column:1/-1}.field-note{color:var(--text-secondary);font-size:.82rem}.dropdown-emoji{align-items:center;display:flex;font-size:1.2rem;height:24px;justify-content:center;width:24px}.compact-dropdown{max-width:320px;width:100%}.company-selection-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 18px}.company-selection-bar .form-group{flex:1 1;min-width:220px}.btn-tertiary{align-items:center;background:var(--bg-secondary);border:1px dashed #e8c8c273;border-radius:var(--radius-md);color:var(--primary-hover);cursor:pointer;display:inline-flex;gap:8px;padding:10px 16px;transition:background .2s ease}.btn-tertiary:hover{background:#e8c8c233}.company-loading{align-items:center;display:flex;justify-content:center;padding:6px 10px}.company-mode-banner{align-items:flex-start;background:#4f46e514;border:1px solid #6366f140;border-radius:var(--radius-md);color:#312e81;display:flex;gap:10px;margin-bottom:18px;padding:12px 16px}.company-mode-banner strong{color:var(--text-primary);display:block}.btn{border-radius:var(--radius-md);padding:10px 18px}.btn-primary{align-self:flex-start;color:var(--text-primary)}.btn-primary:hover{box-shadow:0 12px 20px #e8c8c259}.btn-secondary{background:#e8c8c226;border:1px solid #e8c8c273;color:var(--primary-hover)}.btn-secondary:hover{background:#e8c8c240}.tech-admin-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.95rem;gap:10px;margin:20px 32px 0;padding:14px 18px}.tech-admin-section .tech-admin-alert{margin:0}.tech-admin-alert.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857}.tech-admin-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.tech-admin-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.tech-admin-info-box{align-items:flex-start;background:#4338ca14;border:1px solid #6366f140;border-radius:var(--radius-md);color:#312e81;display:flex;font-size:.9rem;gap:10px;padding:12px 16px}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8c8c266;border-top:3px solid var(--primary-color);height:20px;width:20px}body.tech-theme-dark-professional .loading-spinner,body.tech-theme-light-professional .loading-spinner,body.tech-theme-neutral-modern .loading-spinner{border-color:#58a6ff66!important;border-top-color:var(--tech-accent-primary)!important}.toggle-label{display:flex}.toggle-label,.toggle-label-inline{align-items:center;cursor:pointer;gap:12px;-webkit-user-select:none;user-select:none}.toggle-label-inline{display:inline-flex}.checkbox-group{display:flex}.checkbox-inline{align-items:center;cursor:pointer;display:inline-flex;-webkit-user-select:none;user-select:none}.toggle-container{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:16px;padding:16px 0}.toggle-container:last-child{border-bottom:none}.toggle-switch{background:#e5e7eb;background:var(--border-light,#e5e7eb);border-radius:16px;cursor:pointer;flex-shrink:0;height:32px;position:relative;transition:all .3s ease;width:56px}.toggle-switch.active{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;content:"";height:28px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:28px}.toggle-switch.active:after{transform:translateX(24px)}.toggle-label-text{align-items:center;color:#1a1a1a;color:var(--text-primary,#1a1a1a);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 4px}.toggle-label-description{color:#6b7280;font-size:.85rem;line-height:1.4;margin:0}.toggle-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 10px}.toggle-status-badge.enabled{background:#dcfce7;color:#166534}.toggle-status-badge.disabled{background:#fee2e2;color:#991b1b}.company-status-toggle{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.company-status-toggle .toggle-container{border-bottom:none}@media (max-width:900px){.tech-admin-panel{padding:16px}.tech-admin-section{padding:20px}.section-header{align-items:flex-start;flex-direction:column}.tech-admin-tabs{overflow-x:auto}}.company-subscription-management{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--bg-primary,#fff);border:1px solid #e8c8c24d;border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 18px 30px #e8c8c226;margin-top:24px;padding:24px}.subscription-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);margin-bottom:24px;padding-bottom:16px}.subscription-header h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;font-weight:600;margin:0}.subscription-alert{align-items:center;border-radius:6px;border-radius:var(--radius-md,6px);display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:12px 16px}.subscription-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.subscription-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.subscription-form{gap:24px}.form-section,.subscription-form{display:flex;flex-direction:column}.form-section{gap:12px}.form-section label{color:#374151;color:var(--text-secondary,#374151);font-size:.95rem;font-weight:600}.form-select{background:#fff;background:var(--bg-secondary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-light,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.form-select:focus{border-color:#e8c8c2;border-color:var(--primary-color,#e8c8c2);box-shadow:0 0 0 3px #e8c8c240;outline:none}.plan-details-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;background:var(--bg-secondary,#ffffffeb);border:1px solid #e8c8c24d;border:1px solid var(--border-light,#e8c8c24d);border-radius:8px;border-radius:var(--radius-md,8px);padding:16px}.plan-details-box h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 12px}.plan-details-box ul{color:#4b5563;color:var(--text-secondary,#4b5563);list-style-type:disc;margin:0;padding-left:20px}.plan-details-box li{font-size:.9rem;margin-bottom:6px}.addon-modules-list{background:#0000;display:flex;flex-direction:column;gap:12px}.addon-checkbox{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.addon-checkbox:hover{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border-color:#d1d5db;border-color:var(--border-medium,#d1d5db)}.addon-checkbox input[type=checkbox]{accent-color:#e8c8c2;accent-color:var(--primary-color,#e8c8c2);cursor:pointer;height:18px;width:18px}.addon-name{color:#374151;color:var(--text-secondary,#374151);flex:1 1;font-weight:500}.addon-price{color:#e8c8c2;color:var(--primary-color,#e8c8c2);font-size:.95rem;font-weight:600}.addon-module-item{display:flex;flex-direction:column;gap:8px}.addon-quantity-selector{align-items:center;background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;border-radius:var(--radius-md,6px);display:flex;gap:12px;margin-left:30px;padding:8px 12px}.addon-quantity-selector label{color:#374151;color:var(--text-secondary,#374151);font-size:.9rem;font-weight:500;margin:0}.quantity-select{background:#fff;background:var(--bg-primary,#fff);border:1px solid #d1d5db;border:1px solid var(--border-light,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;font-size:.9rem;padding:6px 10px;transition:border-color .2s ease}.quantity-select:focus{border-color:#e8c8c2;border-color:var(--primary-color,#e8c8c2);box-shadow:0 0 0 2px #e8c8c233;outline:none}.subscription-total-summary{background:#ffffffeb;background:var(--bg-secondary,#ffffffeb);border:1px solid #e8c8c24d;border:1px solid var(--border-light,#e8c8c24d);border-radius:8px;border-radius:var(--radius-md,8px);margin-top:8px;padding:16px}.subscription-total-summary h4{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1rem;font-weight:600;margin:0 0 16px}.total-summary-items{display:flex;flex-direction:column;gap:8px}.total-summary-row{align-items:center;color:#4b5563;color:var(--text-secondary,#4b5563);display:flex;font-size:.9rem;justify-content:space-between;padding:6px 0}.total-summary-row.total-row{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:12px}.total-summary-row.total-row .total-amount{color:#e8c8c2;color:var(--primary-color,#e8c8c2);font-size:1.2rem}.form-actions{padding-top:16px}.btn{border-radius:6px;border-radius:var(--radius-md,6px);padding:10px 20px}.btn-primary{color:var(--text-primary,#fff)}.btn-primary:hover:not(:disabled){box-shadow:0 12px 20px #e8c8c259}.btn-primary:disabled{background:#d1d5db;background:var(--border-light,#d1d5db);box-shadow:none;color:#9ca3af;color:var(--text-light,#9ca3af)}.subscription-management-loading{align-items:center;color:#6b7280;color:var(--text-tertiary,#6b7280);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px;text-align:center}.subscription-management-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e8c8c266;border-radius:50%;border-top:3px solid var(--primary-color,#e8c8c2);height:24px;width:24px}body.tech-theme-dark-professional .company-subscription-management{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;box-shadow:var(--tech-shadow-md)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .subscription-header{border-bottom-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .subscription-header h3{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .form-section label{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .form-select{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .form-select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .plan-details-box{box-shadow:none!important}body.tech-theme-dark-professional .plan-details-box,body.tech-theme-dark-professional .subscription-total-summary{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .subscription-total-summary h4{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .total-summary-row{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .total-summary-row.total-row{border-top-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .total-summary-row.total-row .total-amount{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .addon-modules-list,body.tech-theme-dark-professional .form-section{background:#0000!important}body.tech-theme-dark-professional .addon-checkbox,body.tech-theme-dark-professional .plan-details-box{background-color:var(--tech-bg-secondary)!important;background-image:none!important}body.tech-theme-dark-professional .plan-details-box h4{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .plan-details-box ul{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .addon-checkbox{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .addon-checkbox:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-border-medium)!important}body.tech-theme-dark-professional .addon-checkbox input[type=checkbox]{accent-color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .addon-name{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .addon-price{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .addon-quantity-selector{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .addon-quantity-selector label{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .quantity-select{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .quantity-select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 2px var(--tech-accent-light)!important}body.tech-theme-dark-professional .form-actions{border-top-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .btn-primary{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-professional .btn-primary:hover:not(:disabled){background:var(--tech-accent-hover)!important;box-shadow:0 4px 12px var(--tech-accent-light)!important}body.tech-theme-dark-professional .btn-primary:disabled{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-muted)!important}body.tech-theme-dark-professional .subscription-management-loading{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .subscription-management-loading .loading-spinner{border-color:#58a6ff66!important;border-top-color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .subscription-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}body.tech-theme-dark-professional .subscription-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}body.tech-theme-dark-professional .subscription-alert svg{color:inherit!important}body.tech-theme-dark-professional .form-select option{background:var(--tech-bg-card)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .subscription-alert svg,body.tech-theme-dark-professional .subscription-alert svg *{stroke:currentColor!important;fill:currentColor!important;color:inherit!important}body.tech-theme-dark-professional .plan-details-box li{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23C9D1D9' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;color-scheme:dark!important;padding-right:36px!important}body.tech-theme-dark-professional .company-subscription-management h3,body.tech-theme-dark-professional .company-subscription-management h4,body.tech-theme-dark-professional .company-subscription-management label,body.tech-theme-dark-professional .company-subscription-management li,body.tech-theme-dark-professional .company-subscription-management p,body.tech-theme-dark-professional .company-subscription-management span,body.tech-theme-dark-professional .subscription-form{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .expiry-management-section{border-top-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .expiry-header{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .expiry-header:hover{background:var(--tech-hover-bg)!important}body.tech-theme-dark-professional .expiry-header h3{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .expiry-header p{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .expiry-header strong{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .days-remaining{background:#22c55e33!important;color:#4ade80!important}body.tech-theme-dark-professional .days-remaining.warning{background:#fbbf2433!important;color:#fcd34d!important}body.tech-theme-dark-professional .toggle-btn{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .expiry-action-card{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .expiry-action-card h4{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .expiry-action-card p{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .expiry-form-group label{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .expiry-date-input,body.tech-theme-dark-professional .expiry-days-input,body.tech-theme-dark-professional .months-input{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .expiry-date-input:focus,body.tech-theme-dark-professional .expiry-days-input:focus,body.tech-theme-dark-professional .months-input:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .quick-btn{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .quick-btn:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .renewal-type-btn{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .renewal-type-btn:hover{border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .renewal-type-btn.active{background:var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;color:#fff!important;color:var(--white,#fff)!important}body.tech-theme-dark-professional .yearly-info{background:var(--tech-bg-secondary)!important}body.tech-theme-dark-professional .yearly-info p{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .yearly-info strong{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .btn-secondary{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-secondary:hover:not(:disabled){background:var(--tech-hover-bg)!important;border-color:var(--tech-border-medium)!important}body.tech-theme-light-professional .company-subscription-management{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;box-shadow:var(--tech-shadow-md)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-professional .subscription-header{border-bottom-color:var(--tech-border-light)!important}body.tech-theme-light-professional .subscription-header h3{color:var(--tech-text-primary)!important}body.tech-theme-light-professional .form-section label{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .form-select{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-professional .form-select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-light-professional .plan-details-box,body.tech-theme-light-professional .subscription-total-summary{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important}body.tech-theme-light-professional .subscription-total-summary{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.tech-theme-light-professional .subscription-total-summary h4{color:var(--tech-text-primary)!important}body.tech-theme-light-professional .total-summary-row{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .total-summary-row.total-row{border-top-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-professional .total-summary-row.total-row .total-amount{color:var(--tech-accent-primary)!important}body.tech-theme-light-professional .addon-modules-list,body.tech-theme-light-professional .form-section{background:#0000!important}body.tech-theme-light-professional .plan-details-box h4{color:var(--tech-text-primary)!important}body.tech-theme-light-professional .plan-details-box ul{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .addon-checkbox{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-light-professional .addon-checkbox:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-border-medium)!important}body.tech-theme-light-professional .addon-checkbox input[type=checkbox]{accent-color:var(--tech-accent-primary)!important}body.tech-theme-light-professional .addon-name{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .addon-price{color:var(--tech-accent-primary)!important}body.tech-theme-light-professional .addon-quantity-selector{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important}body.tech-theme-light-professional .addon-quantity-selector label{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .quantity-select{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-professional .quantity-select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 2px var(--tech-accent-light)!important}body.tech-theme-light-professional .form-actions{border-top-color:var(--tech-border-light)!important}body.tech-theme-light-professional .btn-primary{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-light-professional .btn-primary:hover:not(:disabled){background:var(--tech-accent-hover)!important;box-shadow:0 4px 12px var(--tech-accent-light)!important}body.tech-theme-light-professional .btn-primary:disabled{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-muted)!important}body.tech-theme-light-professional .subscription-management-loading{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .subscription-management-loading .loading-spinner{border-color:#0969da66!important;border-top-color:var(--tech-accent-primary)!important}body.tech-theme-light-professional .subscription-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}body.tech-theme-light-professional .subscription-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}body.tech-theme-light-professional .subscription-alert svg{color:inherit!important}body.tech-theme-light-professional .form-select option{background:var(--tech-bg-card)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-professional .subscription-alert svg,body.tech-theme-light-professional .subscription-alert svg *{stroke:currentColor!important;fill:currentColor!important;color:inherit!important}body.tech-theme-light-professional .plan-details-box{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.tech-theme-light-professional .plan-details-box li{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2357606A' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;color-scheme:light!important;padding-right:36px!important}body.tech-theme-light-professional .expiry-management-section{border-top-color:var(--tech-border-light)!important}body.tech-theme-light-professional .expiry-header{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-light-professional .expiry-header:hover{background:var(--tech-hover-bg)!important}body.tech-theme-light-professional .expiry-header h3{color:var(--tech-text-primary)!important}body.tech-theme-light-professional .expiry-header p{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .expiry-header strong{color:var(--tech-accent-primary)!important}body.tech-theme-light-professional .expiry-action-card{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-light-professional .expiry-action-card h4{color:var(--tech-text-primary)!important}body.tech-theme-light-professional .expiry-action-card p{color:var(--tech-text-secondary)!important}body.tech-theme-light-professional .expiry-form-group label{color:var(--tech-text-primary)!important}body.tech-theme-light-professional .expiry-date-input,body.tech-theme-light-professional .expiry-days-input,body.tech-theme-light-professional .months-input{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-professional .expiry-date-input:focus,body.tech-theme-light-professional .expiry-days-input:focus,body.tech-theme-light-professional .months-input:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-neutral-modern .company-subscription-management{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;box-shadow:var(--tech-shadow-md)!important;color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .subscription-header{border-bottom-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .subscription-header h3{color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .form-section label{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .form-select{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .form-select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-neutral-modern .plan-details-box,body.tech-theme-neutral-modern .subscription-total-summary{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .subscription-total-summary{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.tech-theme-neutral-modern .subscription-total-summary h4{color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .total-summary-row{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .total-summary-row.total-row{border-top-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .total-summary-row.total-row .total-amount{color:var(--tech-accent-primary)!important}body.tech-theme-neutral-modern .addon-modules-list,body.tech-theme-neutral-modern .form-section{background:#0000!important}body.tech-theme-neutral-modern .plan-details-box h4{color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .plan-details-box ul{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .addon-checkbox{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .addon-checkbox:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-border-medium)!important}body.tech-theme-neutral-modern .addon-checkbox input[type=checkbox]{accent-color:var(--tech-accent-primary)!important}body.tech-theme-neutral-modern .addon-name{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .addon-price{color:var(--tech-accent-primary)!important}body.tech-theme-neutral-modern .addon-quantity-selector{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .addon-quantity-selector label{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .quantity-select{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .quantity-select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 2px var(--tech-accent-light)!important}body.tech-theme-neutral-modern .form-actions{border-top-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .btn-primary{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-neutral-modern .btn-primary:hover:not(:disabled){background:var(--tech-accent-hover)!important;box-shadow:0 4px 12px var(--tech-accent-light)!important}body.tech-theme-neutral-modern .btn-primary:disabled{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-muted)!important}body.tech-theme-neutral-modern .subscription-management-loading{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .subscription-management-loading .loading-spinner{border-color:#6366f166!important;border-top-color:var(--tech-accent-primary)!important}body.tech-theme-neutral-modern .subscription-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}body.tech-theme-neutral-modern .subscription-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}body.tech-theme-neutral-modern .subscription-alert svg{color:inherit!important}body.tech-theme-neutral-modern .form-select option{background:var(--tech-bg-card)!important;color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .subscription-alert svg,body.tech-theme-neutral-modern .subscription-alert svg *{stroke:currentColor!important;fill:currentColor!important;color:inherit!important}body.tech-theme-neutral-modern .plan-details-box{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.tech-theme-neutral-modern .plan-details-box li{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236E6E6E' d='M6 9 1 4h10z'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;color-scheme:light!important;padding-right:36px!important}body.tech-theme-neutral-modern .expiry-management-section{border-top-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .expiry-header{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-neutral-modern .expiry-header:hover{background:var(--tech-hover-bg)!important}body.tech-theme-neutral-modern .expiry-header h3{color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .expiry-header p{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .expiry-header strong{color:var(--tech-accent-primary)!important}body.tech-theme-neutral-modern .expiry-action-card{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-neutral-modern .expiry-action-card h4{color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .expiry-action-card p{color:var(--tech-text-secondary)!important}body.tech-theme-neutral-modern .expiry-form-group label{color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .expiry-date-input,body.tech-theme-neutral-modern .expiry-days-input,body.tech-theme-neutral-modern .months-input{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-neutral-modern .expiry-date-input:focus,body.tech-theme-neutral-modern .expiry-days-input:focus,body.tech-theme-neutral-modern .months-input:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}.expiry-management-section{border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light,#e5e7eb);margin-top:32px;padding-top:24px}.expiry-header{align-items:center;background:#f8f9fa;background:var(--bg-subtle,#f8f9fa);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;justify-content:space-between;padding:16px;transition:background .2s ease}.expiry-header:hover{background:#f1f3f5;background:var(--bg-secondary,#f1f3f5)}.expiry-header h3{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 8px}.expiry-header p{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.9rem;margin:0}.expiry-header strong{color:#e8c8c2;color:var(--primary-color,#e8c8c2);font-weight:600}.days-remaining{background:#22c55e1a;border-radius:12px;color:#22c55e;font-size:.85rem;font-weight:600;margin-left:8px;padding:2px 8px}.days-remaining.warning{background:#fbbf241a;color:#fbbf24}.toggle-btn{background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:1.2rem;padding:8px}.expiry-management-content{display:flex;flex-direction:column;gap:20px;margin-top:16px}.expiry-action-card{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;border-radius:var(--radius-md,8px);padding:20px}.expiry-action-card h4{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 8px}.expiry-action-card p{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.9rem;margin:0 0 16px}.expiry-form-group{display:flex;flex-direction:column;gap:12px}.expiry-form-group label{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:600}.expiry-date-input,.expiry-days-input,.months-input{border:2px solid #d1d5db;border:2px solid var(--border-light,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);font-size:.95rem;padding:10px 12px;transition:border-color .2s ease}.expiry-date-input:focus,.expiry-days-input:focus,.months-input:focus{border-color:#e8c8c2;border-color:var(--primary-color,#e8c8c2);box-shadow:0 0 0 3px #e8c8c240;outline:none}.quick-days,.quick-months{display:flex;flex-wrap:wrap;gap:8px}.quick-btn{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--border-light,#d1d5db);border-radius:4px;border-radius:var(--radius-sm,4px);color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.quick-btn:hover{background:#f8f9fa;background:var(--bg-subtle,#f8f9fa);border-color:#e8c8c2;border-color:var(--primary-color,#e8c8c2);color:#e8c8c2;color:var(--primary-color,#e8c8c2)}.renewal-type-selector{display:flex;gap:12px;margin-bottom:16px}.renewal-type-btn{background:#fff;background:var(--bg-primary,#fff);border:2px solid #d1d5db;border:2px solid var(--border-light,#d1d5db);border-radius:6px;border-radius:var(--radius-md,6px);color:#4b5563;color:var(--text-secondary,#4b5563);cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.renewal-type-btn:hover{color:#e8c8c2;color:var(--primary-color,#e8c8c2)}.renewal-type-btn.active,.renewal-type-btn:hover{border-color:#e8c8c2;border-color:var(--primary-color,#e8c8c2)}.renewal-type-btn.active{background:linear-gradient(135deg,#e8c8c2,#d6c7b9);background:linear-gradient(135deg,var(--primary-color,#e8c8c2),var(--secondary-color,#d6c7b9));color:#fff;color:var(--white,#fff)}.yearly-info{background:#f8f9fa;background:var(--bg-subtle,#f8f9fa);border-radius:4px;border-radius:var(--radius-sm,4px);margin-bottom:12px;padding:12px 16px}.yearly-info p{color:#4b5563;color:var(--text-secondary,#4b5563);font-size:.9rem;margin:4px 0}.yearly-info strong{color:#e8c8c2;color:var(--primary-color,#e8c8c2);font-weight:600}.btn-secondary{background:#f9fafb;background:var(--bg-secondary,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--border-light,#d1d5db)}.btn-secondary:hover:not(:disabled){background:#f8f9fa;background:var(--bg-subtle,#f8f9fa);border-color:#cbd5e1;border-color:var(--border-medium,#cbd5e1)}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.bank-transfer-notifications-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10001}.bank-transfer-notification{align-items:flex-start;animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #d4817e;border-left:4px solid #d4817e;border:2px solid var(--primary-color,#d4817e);border-left-width:4px;border-radius:12px;box-shadow:0 8px 24px #00000026;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bank-transfer-notification:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(90deg,#d4817e,#e8a5a5);background:linear-gradient(90deg,var(--primary-color,#d4817e),var(--accent-color,#e8a5a5));content:"";height:3px;left:0;position:absolute;right:0;top:0}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.bank-transfer-notification:hover{border-color:#e8a5a5;border-color:var(--accent-color,#e8a5a5);box-shadow:0 12px 32px #0003;transform:translateX(-4px)}.notification-icon{align-items:center;animation:bounce 2s ease-in-out infinite;background:linear-gradient(135deg,#d4817e,#e8a5a5);background:linear-gradient(135deg,var(--primary-color,#d4817e),var(--accent-color,#e8a5a5));border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;font-weight:700;margin-bottom:4px}.notification-message{align-items:center;display:flex;font-size:.9rem;gap:12px;justify-content:space-between;margin-bottom:4px}.notification-message strong{color:#1f2937;color:var(--text-primary,#1f2937);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-amount{color:#d4817e;color:var(--primary-color,#d4817e);font-size:1rem;font-weight:700;white-space:nowrap}.notification-order{font-family:Courier New,monospace;font-size:.8rem}.notification-close,.notification-order{color:#6b7280;color:var(--text-secondary,#6b7280)}.notification-close{align-items:center;background:#0000000d;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.notification-close:hover{background:#0000001a;color:#1f2937;color:var(--text-primary,#1f2937);transform:scale(1.1)}.notification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;pointer-events:auto;position:fixed;right:0;top:0;z-index:99999!important}.notification-modal-content{animation:slideInUp .3s ease-out;background:#fff;background:var(--bg-primary,#fff);border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;pointer-events:auto;position:relative;width:100%;z-index:20001}.notification-modal-header{align-items:center;background:linear-gradient(135deg,#d4817e,#e8a5a5);background:linear-gradient(135deg,var(--primary-color,#d4817e),var(--accent-color,#e8a5a5));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);color:#fff;display:flex;justify-content:space-between;padding:20px 24px;pointer-events:auto;position:relative;z-index:1}.notification-modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.notification-modal-close{-webkit-tap-highlight-color:transparent;align-items:center;background:#0003;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;pointer-events:auto;position:relative;transition:all .2s ease;width:36px;z-index:2}.notification-modal-close:hover{background:#0000004d;border-color:#ffffff80}.notification-modal-body{padding:24px;pointer-events:auto;position:relative;z-index:1}.quick-approve-info{background:#f9fafb;background:var(--bg-subtle,#f9fafb);border-radius:8px;margin-bottom:20px;padding:16px}.info-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;font-weight:600}.info-row strong{color:#1f2937;color:var(--text-primary,#1f2937);text-align:right}.amount-highlight{color:#d4817e!important;color:var(--primary-color,#d4817e)!important;font-size:1.1rem}.form-group,.form-group textarea{pointer-events:auto;position:relative;z-index:1}.form-group textarea{border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);box-sizing:border-box;transition:border-color .2s ease}.form-group textarea:focus{border-color:var(--primary-color,#d4817e)}.notification-modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;pointer-events:auto;position:relative;z-index:1}.btn-cancel,.btn-quick-approve,.btn-view-details{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;pointer-events:auto;position:relative;transition:all .2s ease;z-index:1}.btn-quick-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-quick-approve:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.btn-view-details{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-view-details:hover:not(:disabled){background:#f9fafb;background:var(--bg-subtle,#f9fafb);border-color:#d1d5db;border-color:var(--border-medium,#d1d5db)}.btn-cancel{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280)}.btn-cancel:hover:not(:disabled){background:#f9fafb;background:var(--bg-subtle,#f9fafb);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-cancel:disabled,.btn-quick-approve:disabled,.btn-view-details:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.bank-transfer-notifications-container{left:10px;max-width:none;right:10px}.bank-transfer-notification{padding:12px}.notification-message{align-items:flex-start;flex-direction:column;gap:4px}.notification-modal-content{margin:10px;max-width:100%}}.fiscal-documents{-webkit-overflow-scrolling:touch;margin:0;max-height:100vh;max-width:none;overflow-x:hidden;overflow-y:auto;padding:24px;width:100%}.fiscal-documents-header{margin-bottom:32px}.fiscal-documents-header h1{align-items:center;color:var(--text-color);display:flex;font-size:2rem;font-weight:700;gap:12px;margin:0 0 8px}.fiscal-documents-header .subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.fiscal-documents-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.fiscal-documents-filters .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;flex:1 1;min-width:250px;position:relative}.fiscal-documents-filters .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.fiscal-documents-filters .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;width:100%;z-index:1}.fiscal-documents-filters .search-box input:focus{outline:none}.fiscal-documents-filters .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px}.fiscal-documents-filters .clear-search:hover{background:var(--gray)}.filter-group{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius-sm);padding:8px 12px}.filter-group svg{color:var(--text-secondary)}.filter-group input,.filter-group select{background:#0000;border:none;font-size:.95rem;min-width:150px;outline:none}.filter-group input:focus,.filter-group select:focus{outline:none}.fiscal-documents-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{align-items:center;animation:slideInUp .6s ease-out;background:var(--white);border:2px solid #3b82f6;border-radius:20px;box-shadow:var(--shadow-sm);display:flex;gap:20px;overflow:visible;padding:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:first-child{animation-delay:.1s;border-color:#3b82f6}.stat-card:nth-child(2){animation-delay:.2s;border-color:#10b981}.stat-card:nth-child(3){animation-delay:.3s;border-color:#f59e0b}.stat-card:hover{box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014;transform:translateY(-8px) scale(1.02)}.stat-icon{align-items:center;border:none;border-radius:20px;display:flex;flex-shrink:0;height:64px;justify-content:center;position:relative;transition:all .3s ease;width:64px}.stat-card:first-child .stat-icon{background:#3b82f61a;color:#3b82f6}.stat-card:nth-child(2) .stat-icon{background:#10b9811a;color:#10b981}.stat-card:nth-child(3) .stat-icon{background:#f59e0b1a;color:#f59e0b}.stat-icon svg{stroke-width:2;height:28px;width:28px}.stat-content{flex:1 1;min-width:0}.stat-label{color:var(--text-secondary);font-size:.95rem;font-weight:800;letter-spacing:.5px;margin-bottom:8px;opacity:1;text-transform:uppercase}.stat-value{color:#111827;filter:none!important;font-size:2rem;font-weight:800;line-height:1;opacity:1!important;text-shadow:none!important}.fiscal-documents-list{display:flex;flex-direction:column;gap:16px}.fiscal-document-card{align-items:flex-start;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:16px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.fiscal-document-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.fiscal-document-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;color:var(--white);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.fiscal-document-content{flex:1 1;min-width:0}.fiscal-document-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.fiscal-document-customer{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.fiscal-document-meta{display:flex;flex-wrap:wrap;gap:16px}.fiscal-document-date,.fiscal-document-payment,.fiscal-document-rt{color:var(--text-secondary);font-size:.875rem;font-weight:500}.fiscal-document-payment,.fiscal-document-rt{background:var(--light-bg);border-radius:20px;padding:4px 12px}.fiscal-document-amount{color:#111827;flex-shrink:0;font-size:1.25rem;font-weight:700}.fiscal-document-actions{display:flex;flex-shrink:0;gap:8px}.fiscal-documents .fiscal-document-actions .btn-icon{align-items:center;background:var(--light-bg);border:none;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.fiscal-documents .fiscal-document-actions .btn-icon:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}.modal-overlay{z-index:1000}.xml-modal{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.modal-header{border-bottom:1px solid var(--border-light)}.modal-header h2{color:var(--text-color)}.modal-body{flex:1 1;overflow-y:auto}.xml-info{grid-gap:16px;background:var(--light-bg);border-radius:var(--border-radius-sm);display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px;padding:16px}.xml-info-item{color:var(--text-color);font-size:.95rem}.xml-info-item strong{color:var(--text-secondary);display:block;font-size:.875rem;margin-bottom:4px}.xml-content{background:#1e1e1e;border-radius:var(--border-radius-sm);overflow-x:auto;padding:20px}.xml-content pre{word-wrap:break-word;color:#d4d4d4;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.modal-footer{border-top:1px solid var(--border-light);padding:24px}.modal-footer .btn{align-items:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.modal-footer .btn-secondary{background:var(--light-bg);color:var(--text-color)}.modal-footer .btn-secondary:hover{background:var(--gray)}.modal-footer .btn-primary{background:var(--primary-color);color:var(--white)}.modal-footer .btn-primary:hover{background:var(--primary-color-dark)}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.loading-spinner{border-top:3px solid var(--light-gray);border:3px solid var(--light-gray);border-top-color:var(--primary-color);height:40px;margin-bottom:16px;width:40px}.loading-state p{color:var(--gray);font-size:1rem;margin:0}.empty-state{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center}.empty-state svg{color:var(--text-secondary)}.empty-state h3{color:var(--text-color);font-weight:600}.empty-state p{color:var(--gray);font-size:1rem}@media (max-width:768px){.fiscal-documents{padding:16px}.fiscal-documents-filters{align-items:stretch;flex-direction:column}.fiscal-documents-filters .search-box{min-width:auto}.filter-group{width:100%}.filter-group input,.filter-group select{min-width:auto;width:100%}.fiscal-documents-stats{grid-template-columns:1fr}.fiscal-document-header{align-items:flex-start}.fiscal-document-header,.fiscal-document-meta{flex-direction:column;gap:8px}.xml-modal{border-radius:0;max-height:100vh;max-width:100%}.xml-info{grid-template-columns:1fr}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.promoters-container{box-sizing:border-box;margin:0;max-width:100%;padding:24px;width:100%}.promoters-loading{align-items:center;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.promoters-loading .spin{animation:spin 1s linear infinite}body.tech-theme-dark-professional .promoters-loading .spin,body.tech-theme-light-professional .promoters-loading .spin,body.tech-theme-neutral-modern .promoters-loading .spin{color:var(--tech-accent-primary)!important}.promoters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.promoters-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:4px}.promoters-header p{color:var(--text-secondary);font-size:.95rem}.promoters-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0003;border:1px solid #6366f11f;border:1px solid var(--border-light,#6366f11f);border-radius:18px;display:flex;gap:6px;margin-bottom:24px;margin-top:32px;padding:6px;width:100%}.promoters-tab{align-items:center;background:none;border:none;border-left:4px solid #0000;border-radius:14px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--sidebar-font-size)!important;font-weight:var(--font-weight-medium);gap:14px;padding:14px 18px;text-align:left;transition:var(--transition-fast);white-space:nowrap;width:100%}.promoters-tab:hover{background:var(--primary-light);color:var(--primary-color)}body.tech-theme-dark-elegant .promoters-tab:not(.active),body.tech-theme-dark-elegant .promoters-tabs .promoters-tab:not(.active),body.tech-theme-dark-elegant button.promoters-tab:not(.active),body.tech-theme-dark-professional .promoters-tab:not(.active),body.tech-theme-dark-professional .promoters-tabs .promoters-tab:not(.active),body.tech-theme-dark-professional button.promoters-tab:not(.active),body.tech-theme-light-professional .promoters-tab:not(.active),body.tech-theme-light-professional .promoters-tabs .promoters-tab:not(.active),body.tech-theme-light-professional button.promoters-tab:not(.active),body.tech-theme-neutral-modern .promoters-tab:not(.active),body.tech-theme-neutral-modern .promoters-tabs .promoters-tab:not(.active),body.tech-theme-neutral-modern button.promoters-tab:not(.active){background:var(--tech-accent-light)!important;background-color:var(--tech-accent-light)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .promoters-tab:hover,body.tech-theme-dark-professional .promoters-tab:hover,body.tech-theme-light-professional .promoters-tab:hover,body.tech-theme-neutral-modern .promoters-tab:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .promoters-container .promoters-tabs .promoters-tab.active,body.tech-theme-dark-elegant .promoters-tabs .promoters-tab.active,body.tech-theme-dark-elegant button.promoters-tab.active,body.tech-theme-dark-professional .promoters-container .promoters-tabs .promoters-tab.active,body.tech-theme-dark-professional .promoters-tabs .promoters-tab.active,body.tech-theme-dark-professional button.promoters-tab.active,body.tech-theme-light-professional .promoters-container .promoters-tabs .promoters-tab.active,body.tech-theme-light-professional .promoters-tabs .promoters-tab.active,body.tech-theme-light-professional button.promoters-tab.active,body.tech-theme-neutral-modern .promoters-container .promoters-tabs .promoters-tab.active,body.tech-theme-neutral-modern .promoters-tabs .promoters-tab.active,body.tech-theme-neutral-modern button.promoters-tab.active{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important;border-left:4px solid var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d!important;color:var(--tech-accent-primary)!important}body:not(.tech-theme-dark-professional):not(.tech-theme-light-professional):not(.tech-theme-neutral-modern):not(.tech-theme-dark-elegant) .promoters-tab.active{background:var(--primary-light)!important;border-left-color:var(--primary-color)!important;box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d!important;color:var(--primary-color)!important}.promoters-tab svg{flex-shrink:0;transition:var(--transition-fast)}.promoters-tab.active svg{color:var(--primary-color)!important}body.tech-theme-dark-elegant .promoters-tab.active svg,body.tech-theme-dark-elegant .promoters-tab:hover svg,body.tech-theme-dark-elegant .promoters-tab:not(.active) svg,body.tech-theme-dark-elegant .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-dark-elegant button.promoters-tab.active svg,body.tech-theme-dark-elegant button.promoters-tab:not(.active) svg,body.tech-theme-dark-professional .promoters-tab.active svg,body.tech-theme-dark-professional .promoters-tab:hover svg,body.tech-theme-dark-professional .promoters-tab:not(.active) svg,body.tech-theme-dark-professional .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-dark-professional button.promoters-tab.active svg,body.tech-theme-dark-professional button.promoters-tab:not(.active) svg,body.tech-theme-light-professional .promoters-tab.active svg,body.tech-theme-light-professional .promoters-tab:hover svg,body.tech-theme-light-professional .promoters-tab:not(.active) svg,body.tech-theme-light-professional .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-light-professional button.promoters-tab.active svg,body.tech-theme-light-professional button.promoters-tab:not(.active) svg,body.tech-theme-neutral-modern .promoters-tab.active svg,body.tech-theme-neutral-modern .promoters-tab:hover svg,body.tech-theme-neutral-modern .promoters-tab:not(.active) svg,body.tech-theme-neutral-modern .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-neutral-modern button.promoters-tab.active svg,body.tech-theme-neutral-modern button.promoters-tab:not(.active) svg{color:var(--tech-accent-primary)!important}.promoters-list-view{background:#ffffff0d;border-radius:12px;padding:24px}.promoters-list-table,.promoters-list-view{max-width:100%;overflow-x:auto;width:100%}.promoters-list-table table{border-collapse:collapse;width:100%}.promoters-list-table thead{background:#ffffff0d}.promoters-list-table th{border-bottom:2px solid #ffffff1a;color:#e5e5e5;color:var(--text-primary,#e5e5e5);color:#fff!important;color:var(--text-primary,#fff)!important;font-size:.9rem;font-weight:600;padding:12px 16px;text-align:left}body.tech-theme-dark-professional .promoters-list-table th,body.tech-theme-light-professional .promoters-list-table th,body.tech-theme-neutral-modern .promoters-list-table th{border-bottom-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}.promoters-list-table td{border-bottom:1px solid #ffffff0d;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);color:#fff!important;color:var(--text-primary,#fff)!important;font-size:.9rem;font-weight:500!important;padding:16px}body.tech-theme-dark-elegant .promoters-list-table td,body.tech-theme-dark-professional .promoters-list-table td,body.tech-theme-light-professional .promoters-list-table td,body.tech-theme-neutral-modern .promoters-list-table td{color:var(--tech-text-primary)!important;font-weight:500!important}.promoters-list-table tbody tr:hover{background:#ffffff0d}body.tech-theme-dark-professional .promoters-list-table tbody tr:hover,body.tech-theme-light-professional .promoters-list-table tbody tr:hover,body.tech-theme-neutral-modern .promoters-list-table tbody tr:hover{background:var(--tech-hover-bg)!important}.promoter-name-cell{display:flex;flex-direction:column;gap:4px}.promoter-name-cell strong{color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-weight:600}.promoters-list-table .promoter-name-cell strong{color:#fff!important;color:var(--text-primary,#fff)!important;font-size:1rem;font-weight:700}body.tech-theme-dark-elegant .promoters-list-table .promoter-name-cell strong,body.tech-theme-dark-professional .promoters-list-table .promoter-name-cell strong,body.tech-theme-light-professional .promoters-list-table .promoter-name-cell strong,body.tech-theme-neutral-modern .promoters-list-table .promoter-name-cell strong{color:var(--tech-text-primary)!important;font-weight:700}.company-name-small{color:#ffffff80;color:var(--text-secondary,#ffffff80);font-size:.85rem}.promoters-list-table .company-name-small{color:#fffc!important;color:var(--text-secondary,#fffc)!important}body.tech-theme-dark-elegant .promoters-list-table .company-name-small,body.tech-theme-dark-professional .promoters-list-table .company-name-small,body.tech-theme-light-professional .promoters-list-table .company-name-small,body.tech-theme-neutral-modern .promoters-list-table .company-name-small{color:var(--tech-text-secondary)!important;opacity:.9!important}.discount-code-cell{background:#c7746f1a;border-radius:4px;color:#c7746f;color:var(--primary-color,#c7746f);font-family:Courier New,monospace;font-weight:700;padding:4px 8px}.promoters-list-table .discount-code-cell{background:#c7746f33!important;color:#fff!important;color:var(--primary-color,#fff)!important;font-weight:700}body.tech-theme-dark-elegant .promoters-list-table .discount-code-cell,body.tech-theme-dark-professional .promoters-list-table .discount-code-cell,body.tech-theme-light-professional .promoters-list-table .discount-code-cell,body.tech-theme-neutral-modern .promoters-list-table .discount-code-cell{background:var(--tech-accent-light)!important;color:var(--tech-accent-primary)!important;font-weight:700!important}.commission-cell{color:#c7746f;color:var(--primary-color,#c7746f);font-size:1rem;font-weight:600}.promoters-list-table .commission-cell{color:#fff!important;color:var(--primary-color,#fff)!important;font-size:1rem;font-weight:600}body.tech-theme-dark-elegant .promoters-list-table .commission-cell,body.tech-theme-dark-professional .promoters-list-table .commission-cell,body.tech-theme-light-professional .promoters-list-table .commission-cell,body.tech-theme-neutral-modern .promoters-list-table .commission-cell{color:var(--tech-accent-primary)!important;font-weight:700!important}.promoter-details-modal{background:#1a1a1a;padding:24px}.details-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.summary-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.summary-card h3{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.9rem;font-weight:500;margin-bottom:12px}.commission-total{color:#c7746f;color:var(--primary-color,#c7746f)}.commission-total,.companies-count{font-size:2rem;font-weight:700;margin:0}.companies-count,.promoter-details-modal h3{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.promoter-details-modal h3{font-size:1.1rem;font-weight:600;margin-bottom:16px;margin-top:24px}.promoter-details-modal h3:first-child{margin-top:0}.promoters-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));max-width:100%;width:100%}.promoter-card{background:var(--white);border:2px solid var(--light-gray);border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}body.tech-theme-dark-elegant .promoter-card,body.tech-theme-dark-professional .promoter-card,body.tech-theme-light-professional .promoter-card,body.tech-theme-neutral-modern .promoter-card{background:var(--tech-bg-tertiary)!important;border:1px solid var(--tech-border-medium)!important;box-shadow:var(--tech-shadow-sm)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .promoter-card *,body.tech-theme-light-professional .promoter-card *,body.tech-theme-neutral-modern .promoter-card *{color:inherit}body.tech-theme-dark-professional .promoter-card p,body.tech-theme-dark-professional .promoter-card span:not(.status-badge),body.tech-theme-light-professional .promoter-card p,body.tech-theme-light-professional .promoter-card span:not(.status-badge),body.tech-theme-neutral-modern .promoter-card p,body.tech-theme-neutral-modern .promoter-card span:not(.status-badge){background:#0000!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .promoter-card label,body.tech-theme-dark-professional .promoter-card label,body.tech-theme-light-professional .promoter-card label,body.tech-theme-neutral-modern .promoter-card label{background:#0000!important;color:var(--tech-text-secondary)!important}body.tech-theme-dark-elegant .promoter-card div,body.tech-theme-dark-elegant .promoter-card p,body.tech-theme-dark-elegant .promoter-card span,body.tech-theme-dark-professional .promoter-card div,body.tech-theme-dark-professional .promoter-card p,body.tech-theme-dark-professional .promoter-card span,body.tech-theme-light-professional .promoter-card div,body.tech-theme-light-professional .promoter-card p,body.tech-theme-light-professional .promoter-card span,body.tech-theme-neutral-modern .promoter-card div,body.tech-theme-neutral-modern .promoter-card p,body.tech-theme-neutral-modern .promoter-card span{background:#0000!important}body.tech-theme-dark-elegant .promoter-card .code-display,body.tech-theme-dark-elegant .promoter-card .promoter-stats,body.tech-theme-dark-elegant .promoter-card .status-badge,body.tech-theme-dark-professional .promoter-card .code-display,body.tech-theme-dark-professional .promoter-card .promoter-stats,body.tech-theme-dark-professional .promoter-card .status-badge,body.tech-theme-light-professional .promoter-card .code-display,body.tech-theme-light-professional .promoter-card .promoter-stats,body.tech-theme-light-professional .promoter-card .status-badge,body.tech-theme-neutral-modern .promoter-card .code-display,body.tech-theme-neutral-modern .promoter-card .promoter-stats,body.tech-theme-neutral-modern .promoter-card .status-badge{background:inherit!important}body.tech-theme-dark-professional .promoter-card:hover,body.tech-theme-light-professional .promoter-card:hover,body.tech-theme-neutral-modern .promoter-card:hover{border-color:var(--tech-border-medium)!important;box-shadow:var(--tech-shadow-md)!important;transform:translateY(-2px)}body.tech-theme-dark-professional .promoter-card.inactive,body.tech-theme-light-professional .promoter-card.inactive,body.tech-theme-neutral-modern .promoter-card.inactive{border-color:var(--tech-border-light)!important;opacity:.7}.promoter-card-header{align-items:flex-start;border-bottom:2px solid var(--light-gray);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}body.tech-theme-dark-professional .promoter-card-header,body.tech-theme-light-professional .promoter-card-header,body.tech-theme-neutral-modern .promoter-card-header{border-bottom-color:var(--tech-border-light)!important}.promoter-card-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:4px}body.tech-theme-dark-professional .promoter-card-header h3,body.tech-theme-light-professional .promoter-card-header h3,body.tech-theme-neutral-modern .promoter-card-header h3{color:var(--tech-text-primary)!important}.company-name{color:var(--text-secondary);font-size:.9rem}body.tech-theme-dark-professional .company-name,body.tech-theme-light-professional .company-name,body.tech-theme-neutral-modern .company-name{color:var(--tech-text-secondary)!important}.status-badge{align-items:center;border-radius:20px;display:inline-flex;gap:6px;padding:6px 12px}.status-badge.active{background:#22c55e1a;color:#22c55e}.status-badge.inactive{background:#ef44441a;color:#ef4444}body.tech-theme-dark-professional .status-badge.active,body.tech-theme-light-professional .status-badge.active,body.tech-theme-neutral-modern .status-badge.active{background:var(--tech-success-light)!important;color:var(--tech-success)!important}body.tech-theme-dark-professional .status-badge.inactive,body.tech-theme-light-professional .status-badge.inactive,body.tech-theme-neutral-modern .status-badge.inactive{background:var(--tech-error-light)!important;color:var(--tech-error)!important}.promoters-list-table .status-badge{font-weight:600}.promoter-code-section{margin-bottom:20px}.promoter-code-section label{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:8px}body.tech-theme-dark-elegant .promoter-code-section label,body.tech-theme-dark-professional .promoter-code-section label,body.tech-theme-light-professional .promoter-code-section label,body.tech-theme-neutral-modern .promoter-code-section label{color:var(--tech-text-secondary)!important}.code-display{align-items:center;background:var(--bg-subtle);border:2px solid var(--light-gray);border-radius:8px;display:flex;gap:8px;padding:12px 16px}body.tech-theme-dark-elegant .promoter-card .code-display,body.tech-theme-dark-professional .promoter-card .code-display,body.tech-theme-light-professional .promoter-card .code-display,body.tech-theme-neutral-modern .promoter-card .code-display{background:var(--tech-bg-secondary)!important;border-color:var(--tech-accent-primary)!important;border-width:2px!important}.code-display code{color:var(--primary-color);flex:1 1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:1px}body.tech-theme-dark-elegant .code-display code,body.tech-theme-dark-professional .code-display code,body.tech-theme-light-professional .code-display code,body.tech-theme-neutral-modern .code-display code{color:var(--tech-accent-primary)!important;font-weight:700!important;text-shadow:0 0 4px #b89f614d!important}.btn-icon{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color .2s ease}.btn-icon:hover{color:var(--primary-color)}body.tech-theme-dark-professional .btn-icon,body.tech-theme-light-professional .btn-icon,body.tech-theme-neutral-modern .btn-icon{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .btn-icon:hover,body.tech-theme-light-professional .btn-icon:hover,body.tech-theme-neutral-modern .btn-icon:hover{color:var(--tech-accent-primary)!important}.promoter-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.detail-item,.promoter-details,body.tech-theme-dark-elegant .promoter-card .promoter-details,body.tech-theme-dark-professional .promoter-card .promoter-details,body.tech-theme-light-professional .promoter-card .promoter-details,body.tech-theme-neutral-modern .promoter-card .promoter-details{background:#0000!important}.detail-item{border-radius:6px;justify-content:space-between;padding:8px 12px}.detail-item .label,body.tech-theme-dark-elegant .promoter-card .detail-item,body.tech-theme-dark-professional .promoter-card .detail-item,body.tech-theme-light-professional .promoter-card .detail-item,body.tech-theme-neutral-modern .promoter-card .detail-item{background:#0000!important}.detail-item .label{color:var(--text-secondary);font-size:.9rem;font-weight:500}body.tech-theme-dark-elegant .detail-item .label,body.tech-theme-dark-professional .detail-item .label,body.tech-theme-light-professional .detail-item .label,body.tech-theme-neutral-modern .detail-item .label{background:#0000!important;color:var(--tech-text-secondary)!important;font-weight:600!important}.detail-item .value{background:#0000!important;color:var(--text-primary);font-size:.95rem;font-weight:600}body.tech-theme-dark-elegant .detail-item .value,body.tech-theme-dark-professional .detail-item .value,body.tech-theme-light-professional .detail-item .value,body.tech-theme-neutral-modern .detail-item .value{background:#0000!important;color:var(--tech-accent-primary)!important;font-size:1rem!important;font-weight:700!important}.promoter-stats{background:var(--bg-subtle);border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}body.tech-theme-dark-elegant .promoter-card .promoter-stats,body.tech-theme-dark-professional .promoter-card .promoter-stats,body.tech-theme-light-professional .promoter-card .promoter-stats,body.tech-theme-neutral-modern .promoter-card .promoter-stats{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-medium)!important}.stat-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:6px}body.tech-theme-dark-elegant .stat-item,body.tech-theme-dark-professional .stat-item,body.tech-theme-light-professional .stat-item,body.tech-theme-neutral-modern .stat-item{color:var(--tech-text-primary)!important;font-weight:600!important}.stat-item svg{color:var(--primary-color)}body.tech-theme-dark-elegant .stat-item svg,body.tech-theme-dark-professional .stat-item svg,body.tech-theme-light-professional .stat-item svg,body.tech-theme-neutral-modern .stat-item svg{color:var(--tech-accent-primary)!important}.promoter-actions{display:flex;gap:8px}.btn-sm{font-size:.9rem;padding:8px 16px}body.tech-theme-dark-professional .promoter-card .btn,body.tech-theme-light-professional .promoter-card .btn,body.tech-theme-neutral-modern .promoter-card .btn{background:var(--tech-accent-primary)!important;border:none!important;color:#fff!important}body.tech-theme-dark-professional .promoter-card .btn:hover,body.tech-theme-light-professional .promoter-card .btn:hover,body.tech-theme-neutral-modern .promoter-card .btn:hover{background:var(--tech-accent-hover)!important}body.tech-theme-dark-professional .promoter-card .btn-secondary,body.tech-theme-light-professional .promoter-card .btn-secondary,body.tech-theme-neutral-modern .promoter-card .btn-secondary{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .promoter-card .btn-secondary:hover,body.tech-theme-light-professional .promoter-card .btn-secondary:hover,body.tech-theme-neutral-modern .promoter-card .btn-secondary:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .promoter-card .btn-danger,body.tech-theme-light-professional .promoter-card .btn-danger,body.tech-theme-neutral-modern .promoter-card .btn-danger{background:var(--tech-error)!important;border:none!important;color:#fff!important}body.tech-theme-dark-professional .promoter-card .btn-danger:hover,body.tech-theme-light-professional .promoter-card .btn-danger:hover,body.tech-theme-neutral-modern .promoter-card .btn-danger:hover{background:var(--tech-error)!important;opacity:.9}.promoter-form-modal{align-items:center;animation:modalBackdropFadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:2000}@keyframes modalBackdropFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.modal-content{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#1a1a1a!important;background:var(--white,#1a1a1a)!important;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;max-width:800px;overflow:hidden}.promoter-form-modal .modal-content{background:#1a1a1a!important}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:#000;border-bottom:1px solid #ffffff1a;min-height:64px;padding:24px;position:relative}.modal-header h2{color:#fff;font-size:1.5rem;font-weight:600;margin:0;position:relative;text-shadow:0 1px 2px #0003;z-index:1}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;height:40px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;z-index:2}.modal-close-btn:hover{border-color:#fff9;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.modal-close-btn:active{transform:scale(.95)}.modal-close-btn svg{stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));height:20px;width:20px}.promoter-form{background:#1a1a1a!important;flex:1 1;overflow-y:auto;padding:24px}.promoter-form::-webkit-scrollbar{width:6px}.promoter-form::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.promoter-form::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.promoter-form::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.form-group input,.form-group label,.form-group textarea{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.form-group input,.form-group textarea{background:#ffffff0d;border:2px solid #ffffff1a;padding:10px 12px;transition:border-color .2s ease}.form-group input::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#c7746f;border-color:var(--primary-color,#c7746f);box-shadow:0 0 0 3px #c7746f1a}.form-group textarea,.promoter-form-modal .custom-dropdown-trigger{background:#ffffff0d;color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.promoter-form-modal .custom-dropdown-trigger{border:2px solid #ffffff1a}.promoter-form-modal .custom-dropdown-trigger:hover:not(.disabled){background:#ffffff14;border-color:#c7746f;border-color:var(--primary-color,#c7746f);box-shadow:0 0 0 3px #c7746f1a}.promoter-form-modal .dropdown-text{color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.promoter-form-modal .dropdown-chevron{color:#fff9}.promoter-form-modal .custom-dropdown-menu{background:#1a1a1a;background:var(--bg-primary,#1a1a1a);border:2px solid #ffffff1a;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.promoter-form-modal .dropdown-search{background:#ffffff0d;border-bottom:1px solid #ffffff1a}.promoter-form-modal .dropdown-search input{background:#0000;color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.promoter-form-modal .dropdown-search input::placeholder{color:#fff6}.promoter-form-modal .dropdown-option{border-bottom:1px solid #ffffff0d;color:#e5e5e5;color:var(--text-primary,#e5e5e5)}.promoter-form-modal .dropdown-option:hover{background:#c7746f1a;color:#c7746f;color:var(--primary-color,#c7746f)}.promoter-form-modal .dropdown-option.selected{background:#c7746f26;color:#c7746f;color:var(--primary-color,#c7746f)}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1 1}.checkbox-group label{align-items:center;color:#e5e5e5;color:var(--text-primary,#e5e5e5);cursor:pointer;display:flex;gap:8px}.checkbox-group input[type=checkbox]{accent-color:#c7746f;accent-color:var(--primary-color,#c7746f);cursor:pointer;height:18px;width:18px}.form-actions{border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.empty-state{color:var(--text-secondary);padding:64px 24px}.empty-state svg{color:var(--gray)}.empty-state h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:8px}.empty-state p{margin-bottom:24px}.empty-state-small{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);padding:48px 24px;text-align:center}.empty-state-small svg{color:#ffffff4d;margin-bottom:12px}.access-denied{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:64px 24px;text-align:center}.access-denied svg{color:var(--gray);margin-bottom:16px;opacity:.5}.access-denied h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:8px}.access-denied p{color:var(--text-secondary);font-size:.95rem}.companies-list{background:#1a1a1a!important;max-height:60vh;overflow-y:auto;padding:24px}.companies-list::-webkit-scrollbar{width:6px}.companies-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.companies-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.companies-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.companies-table{border-collapse:collapse;width:100%}.companies-table thead{background:#ffffff0d;position:-webkit-sticky;position:sticky;top:0;z-index:10}.companies-table th{border-bottom:2px solid #ffffff1a;color:#e5e5e5;color:var(--text-primary,#e5e5e5);font-size:.9rem;font-weight:600;padding:12px;text-align:left}.companies-table td{border-bottom:1px solid #ffffff0d;color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.9rem;padding:12px}.companies-table tbody tr:hover{background:#ffffff0d}.company-info{gap:8px}.discount-cell{color:#22c55e;font-weight:600}.final-price{color:var(--primary-color);font-weight:600}@media (max-width:768px){.promoters-grid{grid-template-columns:1fr}.promoters-header{align-items:flex-start;flex-direction:column;gap:16px}.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh}}.payment-configuration{margin:0 auto;max-width:1400px;padding:24px 32px}.payment-config-loading{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.payment-config-loading .loading-spinner{animation:spin .8s linear infinite;border:4px solid #f3f4f6;border-top-color:#e8c8c2;border:4px solid var(--bg-subtle,#f3f4f6);border-radius:50%;border-top-color:var(--primary-color,#e8c8c2);height:40px;width:40px}.payment-config-alert{align-items:center;border-radius:8px;border-radius:var(--border-radius,8px);display:flex;font-size:.95rem;gap:12px;margin-bottom:24px;padding:16px 20px}.payment-config-alert.error{background:#ef44441a;border:1px solid #ef44444d;color:#dc2626}.payment-config-alert.success{background:#22c55e1a;border:1px solid #22c55e4d;color:#16a34a}.payment-gateways{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:32px}.gateway-card{background:#f5f5f5;background:var(--tech-bg-card,var(--bg-secondary,#f5f5f5));border:2px solid #e5e7eb;border:2px solid var(--tech-border-light,var(--border-light,#e5e7eb));border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tech-shadow-sm,var(--shadow-sm,0 1px 2px 0 #0000000d));color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));padding:20px;transition:all .2s ease}.gateway-card:hover{border-color:#d4817e;border-color:var(--tech-accent-primary,var(--primary-color,#d4817e));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--tech-shadow-md,var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f));transform:translateY(-2px)}.gateway-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.gateway-info{flex:1 1;gap:12px}.gateway-icon,.gateway-info{align-items:center;display:flex}.gateway-icon{background:linear-gradient(135deg,#e8c8c2,#d6c7b9);background:linear-gradient(135deg,var(--primary-color,#e8c8c2),var(--secondary-color,#d6c7b9));border-radius:12px;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.gateway-card-header h3{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));display:block;font-size:1.1rem;font-weight:700;margin:0 0 4px}.gateway-card-header p{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));display:block;font-size:.85rem;margin:0}.gateway-status{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:6px;margin-left:auto;padding:6px 12px}.gateway-status.active{background:#22c55e1a;color:#16a34a}.gateway-status.inactive{background:#6b72801a;color:#6b7280}.gateway-form{display:flex;flex-direction:column;gap:20px}.form-group{gap:8px}.form-group label{color:var(--text-primary,#1f2937);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--bg-primary,#fff);border:2px solid #d1d5db;border:2px solid var(--border-light,#d1d5db);border-radius:6px;border-radius:var(--border-radius-sm,6px);color:#1f2937;color:var(--text-primary,#1f2937);font-size:.95rem;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#e8c8c2;border-color:var(--primary-color,#e8c8c2);box-shadow:0 0 0 3px #e8c8c240;outline:none}.secret-input-wrapper{align-items:center;display:flex;position:relative}.secret-input-wrapper input{flex:1 1;padding-right:40px}.toggle-secret-btn{align-items:center;background:none;border:none;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;transition:color .2s ease}.toggle-secret-btn:hover{color:#e8c8c2;color:var(--primary-color,#e8c8c2)}.checkbox-group{align-items:center;background:#f8f9fa;background:var(--bg-secondary,#f8f9fa);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:6px;border-radius:var(--border-radius-sm,6px);flex-direction:row;min-height:48px;padding:14px 16px}.checkbox-label{align-items:center;background:none!important;color:#1f2937;color:var(--text-primary,#1f2937);cursor:pointer;display:flex;font-weight:500;gap:28px;line-height:1.5;margin:0;transition:none;user-select:none;-webkit-user-select:none;width:100%}.checkbox-label input[type=checkbox]{accent-color:#e8c8c2;accent-color:var(--primary-color,#e8c8c2);align-self:center;cursor:pointer;flex-shrink:0;height:20px;margin:0;vertical-align:middle;width:20px}.checkbox-label span{color:var(--text-color);font-size:1rem;font-weight:500;padding:10px}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);margin-top:8px;padding-top:20px}.btn{border-radius:8px;border-radius:var(--border-radius,8px);transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#e8c8c2,#d6c7b9);background:linear-gradient(135deg,var(--primary-color,#e8c8c2),var(--secondary-color,#d6c7b9));color:var(--white,#fff)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #e8c8c259}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1400px){.payment-gateways{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.payment-gateways{grid-template-columns:1fr}}@media (max-width:768px){.payment-configuration{padding:16px 20px}.gateway-card-header{align-items:flex-start;flex-direction:column}.gateway-status{margin-left:0;margin-top:12px}}body.tech-theme-dark-professional .payment-configuration,body.tech-theme-light-professional .payment-configuration,body.tech-theme-neutral-modern .payment-configuration{background:var(--tech-bg-app)!important}body.tech-theme-dark-professional .gateway-card,body.tech-theme-light-professional .gateway-card,body.tech-theme-neutral-modern .gateway-card{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .gateway-card:hover,body.tech-theme-light-professional .gateway-card:hover,body.tech-theme-neutral-modern .gateway-card:hover{border-color:var(--tech-accent-primary)!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-professional .gateway-card-header h3,body.tech-theme-light-professional .gateway-card-header h3,body.tech-theme-neutral-modern .gateway-card-header h3{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .gateway-card-header p,body.tech-theme-light-professional .gateway-card-header p,body.tech-theme-neutral-modern .gateway-card-header p{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .form-group label,body.tech-theme-light-professional .form-group label,body.tech-theme-neutral-modern .form-group label{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .form-group input,body.tech-theme-dark-professional .form-group select,body.tech-theme-dark-professional .form-group textarea,body.tech-theme-light-professional .form-group input,body.tech-theme-light-professional .form-group select,body.tech-theme-light-professional .form-group textarea,body.tech-theme-neutral-modern .form-group input,body.tech-theme-neutral-modern .form-group select,body.tech-theme-neutral-modern .form-group textarea{background:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .form-group input:focus,body.tech-theme-dark-professional .form-group select:focus,body.tech-theme-dark-professional .form-group textarea:focus,body.tech-theme-light-professional .form-group input:focus,body.tech-theme-light-professional .form-group select:focus,body.tech-theme-light-professional .form-group textarea:focus,body.tech-theme-neutral-modern .form-group input:focus,body.tech-theme-neutral-modern .form-group select:focus,body.tech-theme-neutral-modern .form-group textarea:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional .btn-primary,body.tech-theme-light-professional .btn-primary,body.tech-theme-neutral-modern .btn-primary{background:var(--tech-accent-primary)!important;color:#fff!important;color:var(--white,#fff)!important}body.tech-theme-dark-professional .btn-primary:hover:not(:disabled),body.tech-theme-light-professional .btn-primary:hover:not(:disabled),body.tech-theme-neutral-modern .btn-primary:hover:not(:disabled){background:var(--tech-accent-hover)!important;box-shadow:0 4px 12px var(--tech-accent-light)!important}body.tech-theme-dark-professional .checkbox-group,body.tech-theme-light-professional .checkbox-group,body.tech-theme-neutral-modern .checkbox-group{background:var(--tech-bg-secondary)!important;background:var(--tech-bg-tertiary,var(--tech-bg-secondary))!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-professional .checkbox-label,body.tech-theme-light-professional .checkbox-label,body.tech-theme-neutral-modern .checkbox-label{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .checkbox-label input[type=checkbox],body.tech-theme-light-professional .checkbox-label input[type=checkbox],body.tech-theme-neutral-modern .checkbox-label input[type=checkbox]{accent-color:var(--tech-accent-primary)!important;align-self:center!important;margin-bottom:0!important;margin-top:0!important}.bank-transfer-approval{margin:0 auto;max-width:1400px;padding:24px}.approval-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.approval-header h2{align-items:center;color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));display:flex;font-size:1.5rem;font-weight:700;gap:12px;margin:0 0 8px}.approval-header p{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));font-size:.95rem;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px 20px}.empty-state{color:#6b7280;color:var(--text-secondary,#6b7280);padding:60px 20px}.empty-state svg{color:#22c55e;color:var(--success-color,#22c55e);margin-bottom:16px}.empty-state h3{margin:0 0 8px}.transfers-list{display:flex;flex-direction:column;gap:16px}.transfer-card{background:#fff;background:var(--tech-bg-card,var(--bg-primary,#fff));border:2px solid #e5e7eb;border:2px solid var(--tech-border-light,var(--border-light,#e5e7eb));border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tech-shadow-sm,var(--shadow-sm,0 1px 2px 0 #0000000d));color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));padding:20px;transition:all .2s ease}.transfer-card:hover{border-color:#d4817e;border-color:var(--tech-accent-primary,var(--primary-color,#d4817e));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--tech-shadow-md,var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f));transform:translateY(-2px)}.transfer-card.urgent-expired{background:#dc26260d;border-left:4px solid #dc2626}.transfer-card.urgent-old{background:#f59e0b0d;border-left:4px solid #f59e0b}.transfer-card.urgent-pending{border-left:4px solid #3b82f6}.transfer-card.highlighted{animation:highlightPulse 2s ease-in-out;box-shadow:0 0 0 4px #d4817e4d}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 4px #d4817e4d}50%{box-shadow:0 0 0 8px #d4817e80}}.transfer-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;gap:16px;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.transfer-info-main{display:flex;flex:1 1;flex-direction:column;gap:12px}.transfer-company-primary{align-items:center;background:#f9fafb;background:var(--tech-bg-tertiary,var(--bg-subtle,#f9fafb));border-left:3px solid #d4817e;border-left:3px solid var(--tech-accent-primary,var(--primary-color,#d4817e));border-radius:8px;display:flex;gap:12px;padding:12px}.transfer-company-primary .company-name{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));display:block;font-size:1.15rem;margin-bottom:4px}.transfer-company-primary .company-email{display:block;font-size:.85rem}.transfer-company-primary .company-email,.transfer-number{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280))}.transfer-number{align-items:center;display:flex;font-size:.95rem;gap:8px}.transfer-number strong{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));font-family:Courier New,monospace}.transfer-company{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.95rem;gap:6px}.transfer-amount{color:#d4817e;color:var(--tech-accent-primary,var(--primary-color,#d4817e));font-size:1.5rem;font-weight:700}.transfer-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.detail-row{background:#f9fafb;background:var(--tech-bg-tertiary,var(--bg-subtle,#f9fafb));border-radius:6px;font-size:.9rem;justify-content:space-between;padding:8px 12px}.detail-label{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));font-weight:600}.detail-row span:not(.detail-label){color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937))}.detail-row .warning{color:#f59e0b;font-weight:600}.detail-row .highlight{color:#d4817e;color:var(--tech-accent-primary,var(--primary-color,#d4817e));font-weight:600}.transfer-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:flex;gap:12px;padding-top:16px}.btn-approve,.btn-reject{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-approve:hover:not(:disabled){box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.btn-reject{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:2px solid #d1d5db;border:2px solid var(--border-medium,#d1d5db);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-reject:hover:not(:disabled){background:#f9fafb;background:var(--bg-subtle,#f9fafb);border-color:#dc2626;border-color:var(--error-color,#dc2626);color:#dc2626;color:var(--error-color,#dc2626)}.btn-approve:disabled,.btn-reject:disabled{cursor:not-allowed;opacity:.6;transform:none}.icon-expired{color:#dc2626}.icon-old{color:#f59e0b}.icon-pending{color:#3b82f6}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;background:var(--tech-bg-card,var(--bg-primary,#fff));border-radius:21px;box-shadow:0 20px 60px #0000004d;box-shadow:var(--tech-shadow-lg,0 20px 60px #0000004d);color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#d4817e,#e8a5a5);background:linear-gradient(135deg,var(--tech-accent-primary,var(--primary-color,#d4817e)),var(--tech-accent-hover,var(--accent-color,#e8a5a5)));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tech-border-light,var(--border-light,#e5e7eb));color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.modal-close-btn{align-items:center;background:#0003;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-btn:hover{background:#0000004d;border-color:#ffffff80}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label,.form-group textarea{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937))}.form-group textarea{background:#fff;background:var(--tech-bg-card,var(--bg-primary,#fff));border:2px solid #e5e7eb;border:2px solid var(--tech-border-light,var(--border-light,#e5e7eb));border-radius:8px;font-family:inherit;font-size:.95rem;min-height:100px;padding:12px;width:100%}.form-group textarea:focus{border-color:#d4817e;border-color:var(--tech-accent-primary,var(--primary-color,#d4817e));box-shadow:0 0 0 3px #d4817e1a;box-shadow:0 0 0 3px var(--tech-accent-light,#d4817e1a);outline:none}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#d4817e,#e8a5a5);background:linear-gradient(135deg,var(--primary-color,#d4817e),var(--accent-color,#e8a5a5))}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #d4817e4d;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:2px solid #e5e7eb;border:2px solid var(--border-light,#e5e7eb);color:#1f2937;color:var(--text-primary,#1f2937)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--bg-subtle,#f9fafb)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.quick-approve-hint{animation:fadeIn .3s ease-in;background:linear-gradient(135deg,#d4817e1a,#e8a5a50d);border:2px solid #d4817e;border:2px solid var(--primary-color,#d4817e);border-radius:8px;color:#1f2937;color:var(--text-primary,#1f2937);font-size:.9rem;margin-top:12px;padding:12px;text-align:center}@media (max-width:768px){.transfer-header{flex-direction:column;gap:12px}.transfer-amount{font-size:1.25rem}.transfer-details{grid-template-columns:1fr}.transfer-actions{flex-direction:column}}.subscription-management{margin:0 auto;max-width:1600px;padding:24px}.subscription-tabs{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0003;border:1px solid #6366f11f;border:1px solid var(--border-light,#6366f11f);border-radius:18px;display:flex;gap:6px;margin-bottom:24px;margin-top:32px;padding:6px;width:100%}.subscription-tabs button{align-items:center;background:none;border:none;border-left:4px solid #0000;border-radius:14px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--sidebar-font-size)!important;font-weight:var(--font-weight-medium);gap:14px;padding:14px 18px;text-align:left;transition:var(--transition-fast);white-space:nowrap;width:100%}body.tech-theme-dark-elegant .subscription-tabs button:not(.active),body.tech-theme-dark-professional .subscription-tabs button:not(.active),body.tech-theme-light-professional .subscription-tabs button:not(.active),body.tech-theme-neutral-modern .subscription-tabs button:not(.active){background:var(--tech-accent-light)!important;background-color:var(--tech-accent-light)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .subscription-tabs button:not(.active) svg,body.tech-theme-dark-professional .subscription-tabs button:not(.active) svg,body.tech-theme-light-professional .subscription-tabs button:not(.active) svg,body.tech-theme-neutral-modern .subscription-tabs button:not(.active) svg{color:var(--tech-accent-primary)!important}.subscription-tabs button:hover{background:var(--primary-light);color:var(--primary-color)}body.tech-theme-dark-elegant .subscription-tabs button:hover,body.tech-theme-dark-professional .subscription-tabs button:hover,body.tech-theme-light-professional .subscription-tabs button:hover,body.tech-theme-neutral-modern .subscription-tabs button:hover{background:var(--tech-hover-bg)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .subscription-tabs button.active,body.tech-theme-dark-professional .subscription-tabs button.active,body.tech-theme-light-professional .subscription-tabs button.active,body.tech-theme-neutral-modern .subscription-tabs button.active{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important;background-image:none!important;border-left:4px solid var(--tech-accent-primary)!important;border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d!important;color:var(--tech-accent-primary)!important;font-weight:600}body.tech-theme-dark-elegant .subscription-tabs button.active svg,body.tech-theme-dark-professional .subscription-tabs button.active svg,body.tech-theme-light-professional .subscription-tabs button.active svg,body.tech-theme-neutral-modern .subscription-tabs button.active svg{color:var(--tech-accent-primary)!important}body:not(.tech-theme-dark-professional):not(.tech-theme-light-professional):not(.tech-theme-neutral-modern):not(.tech-theme-dark-elegant) .subscription-tabs button.active{background:var(--primary-light);border-left-color:var(--primary-color);box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d;color:var(--primary-color);color:var(--primary-hover,var(--primary-color));font-weight:600}.subscription-tab-content{background:#f5f5f5;background:var(--tech-bg-card,var(--bg-secondary,#f5f5f5));border:1px solid #e5e7eb;border:1px solid var(--tech-border-light,var(--border-light,#e5e7eb));border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tech-shadow-sm,var(--shadow-sm,0 1px 2px 0 #0000000d));color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));padding:24px}.tab-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.tab-header h3{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));font-size:1.5rem;font-weight:700;margin:0}.btn-refresh{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:1px solid #e5e7eb;border:1px solid var(--border-light,#e5e7eb);border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:#f9fafb;background:var(--bg-subtle,#f9fafb);border-color:#d1d5db;border-color:var(--border-medium,#d1d5db)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.empty-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite}.empty-state h3{color:#1f2937;color:var(--text-primary,#1f2937);font-size:1.25rem;margin:16px 0 8px}.empty-state p{color:#6b7280;color:var(--text-secondary,#6b7280)}.subscriptions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.subscription-card{background:#f5f5f5;background:var(--tech-bg-card,var(--bg-secondary,#f5f5f5));border:2px solid #e5e7eb;border:2px solid var(--tech-border-light,var(--border-light,#e5e7eb));border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--tech-shadow-sm,var(--shadow-sm,0 1px 2px 0 #0000000d));color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));padding:20px;transition:all .2s ease}.subscription-card:hover{border-color:#d4817e;border-color:var(--tech-accent-primary,var(--primary-color,#d4817e));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--tech-shadow-md,var(--shadow-md,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f));transform:translateY(-2px)}.subscription-card.expiring-soon{background:linear-gradient(135deg,#f5f5f5,#fef3c7);background:linear-gradient(135deg,var(--bg-secondary,#f5f5f5) 0,#fef3c7 100%);border-color:#f59e0b}.subscription-card.expired{background:linear-gradient(135deg,#f5f5f5,#fee2e2);background:linear-gradient(135deg,var(--bg-secondary,#f5f5f5) 0,#fee2e2 100%);border-color:#ef4444}.subscription-card-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.company-info{align-items:center;display:flex;flex:1 1;gap:12px}.company-info strong{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));display:block;font-size:1.1rem;margin-bottom:4px}.company-email{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));display:block;font-size:.85rem}.expiry-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px;white-space:nowrap}.expiry-badge.active{background:#d1fae5;color:#065f46}.expiry-badge.expiring{background:#fef3c7;color:#92400e}.expiry-badge.expired{background:#fee2e2;color:#991b1b}.subscription-card-body{display:flex;flex-direction:column;gap:12px}.plan-info{align-items:center;color:#1f2937;color:var(--text-primary,#1f2937);display:flex;font-size:1.05rem;font-weight:600;gap:8px}.period-info{display:flex;flex-direction:column;gap:8px}.period-item{align-items:center;color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));display:flex;font-size:.9rem;gap:8px}.period-item svg{color:#d4817e;color:var(--tech-accent-primary,var(--primary-color,#d4817e));flex-shrink:0}.period-label{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));font-weight:500;margin-right:8px}.period-date{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));font-weight:600}.days-remaining{background:none;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-light,#e5e7eb);display:inline-flex;justify-content:flex-start;margin-top:8px;padding:0;width:-webkit-fit-content;width:fit-content}.days-remaining,.days-text{align-items:center;height:36px}.days-text{background:#22c55e26;border-radius:8px;box-sizing:border-box;color:#16a34a;display:flex;font-size:.95rem;font-weight:600;justify-content:center;line-height:1.2;padding:10px 16px}.days-text.expired{color:#ef4444}.payment-history-table{overflow-x:auto}.payment-history-table table{border-collapse:collapse;width:100%}.payment-history-table thead{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6)}.payment-history-table th{background:#f3f4f6;background:var(--tech-bg-tertiary,var(--bg-secondary,#f3f4f6));border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--tech-border-light,var(--border-light,#e5e7eb));font-size:.9rem;font-weight:600;padding:12px 16px;text-align:left}.payment-history-table td,.payment-history-table th{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937))}.payment-history-table td{background:#fff;background:var(--tech-bg-card,var(--bg-primary,#fff));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--tech-border-light,var(--border-light,#e5e7eb));padding:16px}.payment-history-table tbody tr:hover,.payment-history-table tbody tr:hover td{background:#f9fafb;background:var(--tech-bg-tertiary,var(--bg-subtle,#f9fafb))}.payment-history-table tbody tr:hover td{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937))}.order-number{background:#d4817e;background:var(--tech-accent-primary,var(--primary-color,#d4817e));border:1px solid #d4817e;border:1px solid var(--tech-accent-primary,var(--primary-color,#d4817e));border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-block;font-family:Courier New,monospace;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:6px 12px}.company-cell{align-items:center;display:flex;gap:8px}.amount-cell{color:#d4817e;color:var(--tech-accent-primary,var(--primary-color,#d4817e));font-size:1.05rem;font-weight:600}.gateway-cell{font-size:.9rem;text-transform:capitalize}.payment-type-cell{display:flex;flex-direction:column;gap:4px}.payment-type-label{color:#1f2937;color:var(--tech-text-primary,var(--text-primary,#1f2937));font-size:.9rem;font-weight:600}.payment-type-details{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));font-size:.8rem;font-style:italic}.status-badge{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:4px 12px}.status-badge.status-completed{background:#d1fae5;color:#065f46}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-failed{background:#fee2e2;color:#991b1b}.status-badge.status-cancelled{background:#e5e7eb;color:#374151}.date-cell{font-size:.9rem}.completed-date{color:#6b7280;color:var(--tech-text-secondary,var(--text-secondary,#6b7280));font-size:.8rem;margin-top:4px}@media (max-width:768px){.subscriptions-grid{grid-template-columns:1fr}.payment-history-table{font-size:.85rem}.payment-history-table td,.payment-history-table th{padding:8px}}.logs{background:var(--bg-secondary);display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:none;min-height:0;padding:0;width:100%}.logs .view-header{align-items:center;display:flex;flex-direction:row!important;justify-content:space-between;margin-bottom:20px}.logs .view-header h2{color:var(--text-title);font-size:2rem;font-weight:300;margin:0}.logs .header-actions{align-items:center;display:flex;gap:12px}.logs .header-actions .btn{align-items:center;background:var(--primary-color);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:var(--bg-primary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 24px;transition:all .2s ease}.logs .header-actions .btn:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.logs .header-actions .btn-secondary{background:#0000;border:2px solid var(--border-light);color:var(--text-primary)}.logs .header-actions .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.logs .view-content{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex:1 1;flex-direction:column;margin:0 24px 24px;min-height:0;padding:30px}.logs-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.logs-loading .spinner{animation:spin 1s linear infinite}.logs-alert{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.95rem;gap:12px;margin-bottom:24px;padding:14px 18px}.logs-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.logs-filters{background:#fff!important;border:2px solid #d1d5db!important;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a!important;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:20px}.filter-group{align-items:center;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;display:flex;flex:1 1;gap:8px;min-width:200px;padding:8px 12px!important}.filter-group svg{flex-shrink:0;opacity:1!important}.filter-group svg,.filter-input,.filter-select{color:#111827!important;font-weight:700!important}.filter-input,.filter-select{background:#fff!important;border:2px solid #9ca3af!important;border-radius:var(--radius-md);flex:1 1;font-size:.95rem;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.filter-input::placeholder{color:#374151!important;font-weight:700!important;opacity:1!important}.filter-input:focus,.filter-select:focus{border-color:#d4817e!important;box-shadow:0 0 0 3px #d4817e59!important;outline:none!important}.filter-input:focus,.filter-select option,.filter-select:focus{background:#fff!important;color:#111827!important;font-weight:700!important}.filter-select option{padding:8px 12px!important}.filter-input.date-input{min-width:150px}.logs-stats{background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:.9rem;gap:16px;margin-bottom:16px;padding:12px 16px}.logs-stats strong{color:var(--text-primary)}.logs-list{display:flex;flex-direction:column;gap:12px}.log-item{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.log-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #e8c8c21a}.log-item-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.log-item-header:hover{background:var(--bg-secondary)}.log-item-main{align-items:flex-start;display:flex;flex:1 1;gap:12px}.log-category-icon{flex-shrink:0;font-size:1.5rem;line-height:1}.log-item-content{flex:1 1;min-width:0}.log-description{color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.4;margin-bottom:8px}.log-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:12px}.log-user{color:var(--text-primary);font-weight:600}.log-role{background:var(--bg-secondary);border-radius:12px;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:2px 8px;text-transform:uppercase}.log-date,.log-expand-btn{color:var(--text-secondary)}.log-expand-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.log-expand-btn:hover{background:var(--bg-secondary);color:var(--primary-color)}.log-item-details{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:0 20px 20px}.log-detail-row{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;font-size:.9rem;gap:12px;padding:12px 0}.log-detail-row:last-child{border-bottom:none}.log-detail-row strong{color:var(--text-primary);font-weight:600;min-width:120px}.log-detail-row code{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:.85rem;padding:4px 8px}.log-detail-row .entity-id{font-size:.75rem;margin-left:8px;opacity:.7}.log-metadata{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);flex:1 1;font-family:Monaco,Courier New,monospace;font-size:.8rem;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.logs-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.logs-empty svg{opacity:.3}.logs-empty p{font-size:1.1rem;margin:0}.btn-clear-filters{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;margin-top:8px;padding:10px 20px;transition:all .2s ease}.btn-clear-filters:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.logs-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px;padding:20px}.pagination-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width:768px){.logs .view-content{margin:0 16px 16px;padding:16px}.logs .view-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:16px}.logs .view-header h2{font-size:1.4rem}.logs-filters{flex-direction:column}.filter-group{min-width:100%}.log-meta{align-items:flex-start}.log-detail-row,.log-meta{flex-direction:column;gap:4px}.log-detail-row strong{min-width:auto}}.company-logs-container{background:var(--bg-app);display:flex;flex-direction:column;min-height:100vh;overflow:visible}.company-logs-container .admin-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:20px;height:100vh;justify-content:center}.company-logs-container .admin-loading .spin{animation:spin 1s linear infinite}.company-logs-container .admin-header{align-items:center;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.company-logs-container .admin-header-left{align-items:center;display:flex;gap:16px}.company-logs-container .admin-header-left h1{font-size:24px;font-weight:700;margin:0}.company-logs-container .admin-header-left p{font-size:14px;margin:4px 0 0;opacity:.9}.company-logs-container .admin-header-right{align-items:center;display:flex;gap:16px}.company-logs-container .tech-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;display:flex;font-size:14px;gap:8px;padding:8px 16px}.company-logs-container .btn-refresh{align-items:center;background:#fff;border:none;border-radius:8px;color:var(--primary-color);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.company-logs-container .btn-refresh:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.company-logs-container .admin-stats{grid-gap:20px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding:24px 32px}.company-logs-container .stat-card{background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;padding:20px;transition:all .2s}.company-logs-container .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.company-logs-container .stat-card.stat-blue{border-left-color:#3b82f6}.company-logs-container .stat-card.stat-purple{border-left-color:#8b5cf6}.company-logs-container .stat-card.stat-green{border-left-color:#10b981}.company-logs-container .stat-card.stat-orange{border-left-color:#f59e0b}.company-logs-container .stat-card.stat-red{border-left-color:#ef4444}.company-logs-container .stat-label{color:var(--text-secondary);font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.company-logs-container .stat-value{color:var(--text-primary);font-size:32px;font-weight:700}.company-logs-container .admin-controls{align-items:center;background:#fff;border-bottom:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:16px;padding:20px 32px}.theme-dark .company-logs-container .admin-controls{background:#1f2937}.company-logs-container .search-box{align-items:center;background-color:#fff;border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;display:flex;flex:1 1;height:44px;min-width:250px;position:relative;transition:all .2s;width:100%}.theme-dark .company-logs-container .search-box{background-color:#fff}.company-logs-container .search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c21a}.company-logs-container .search-box svg{color:#1f2937;left:12px;opacity:.7;pointer-events:none;position:absolute;z-index:2}.theme-dark .company-logs-container .search-box svg{color:#1f2937;opacity:.8}.company-logs-container .search-box input{background-color:initial!important;border:none!important;border-radius:0!important;box-sizing:border-box;color:#1f2937;font-size:.95rem!important;font-weight:500;height:44px!important;outline:none!important;padding:10px 40px!important;width:100%}.theme-dark .company-logs-container .search-box input{color:#1f2937;font-weight:500}.company-logs-container .clear-search{align-items:center;background:var(--light-gray);border:none;border-radius:50%;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:24px;z-index:2}.company-logs-container .clear-search:hover{background:var(--gray)}.company-logs-container .filter-row,.company-logs-container .filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;height:44px}.company-logs-container .filter-group-inline{align-items:center;border:1px solid var(--border-light);border-radius:8px;box-sizing:border-box;display:flex;gap:8px;height:44px;padding:0 14px}.company-logs-container .filter-group-inline svg{color:#1f2937;flex-shrink:0;opacity:.8}.theme-dark .company-logs-container .filter-group-inline svg{color:#1f2937;opacity:.9}.company-logs-container .filter-input-inline,.company-logs-container .filter-select-inline{-webkit-appearance:none;appearance:none;background:#0000!important;border:none;cursor:pointer;font-size:.95rem;font-weight:600;height:100%;outline:none;padding:0}.theme-dark .company-logs-container .filter-input-inline,.theme-dark .company-logs-container .filter-select-inline{font-weight:600}.company-logs-container .filter-select-inline{background-position:right 8px center;background-repeat:no-repeat;min-width:150px;padding-right:28px}.company-logs-container .filter-select-inline,.theme-dark .company-logs-container .filter-select-inline{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%231f2937' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.company-logs-container .filter-input-inline{background-image:none;cursor:text;min-width:130px;padding-right:0}.company-logs-container .filter-input-inline::-webkit-calendar-picker-indicator{cursor:pointer;filter:brightness(0);opacity:.8}.company-logs-container .filter-input-inline::-webkit-calendar-picker-indicator:hover{opacity:1}.company-logs-container .filter-group-inline{background:#fff!important;border-color:var(--border-light)!important}.theme-dark .company-logs-container .filter-group-inline{background:#fff!important}.company-logs-container .filter-input-inline,.company-logs-container .filter-select-inline,.theme-dark .company-logs-container .filter-input-inline,.theme-dark .company-logs-container .filter-select-inline{color:#1f2937!important;font-weight:600!important}.company-logs-container .filter-select-inline option,.theme-dark .company-logs-container .filter-select-inline option{background:#fff!important;color:#1f2937!important;font-weight:600}.company-logs-container .filter-input-inline::placeholder,.theme-dark .company-logs-container .filter-input-inline::placeholder{color:#6b7280!important;font-weight:500;opacity:.9}.company-logs-container .filter-group-inline:focus-within{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #e8c8c21a!important}.company-logs-container .admin-alert{align-items:center;border-radius:8px;display:flex;font-size:.95rem;gap:12px;margin:20px 32px;padding:14px 18px}.company-logs-container .admin-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.company-logs-container .logs-content{flex:1 1;overflow-y:auto;padding:24px 32px}.company-logs-container .empty-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px;text-align:center}.company-logs-container .empty-state svg{opacity:.3}.company-logs-container .empty-state h3{color:var(--text-primary);font-size:1.3rem;margin:0}.company-logs-container .empty-state p{font-size:1rem;margin:0}.company-logs-container .btn-clear-filters{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:12px;padding:10px 24px;transition:all .2s}.company-logs-container .btn-clear-filters:hover{box-shadow:0 4px 12px #e8c8c24d;transform:translateY(-2px)}.company-logs-container .logs-list{display:flex;flex-direction:column;gap:16px}.company-logs-container .log-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;transition:all .2s ease}.company-logs-container .log-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #e8c8c226}.company-logs-container .log-card-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px;transition:background .2s ease}.company-logs-container .log-card-header:hover{background:var(--bg-secondary)}.company-logs-container .log-card-main{align-items:flex-start;display:flex;flex:1 1;gap:16px}.company-logs-container .log-category-icon{flex-shrink:0;font-size:2rem;line-height:1}.company-logs-container .log-card-content{flex:1 1;min-width:0}.company-logs-container .log-card-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.4;margin-bottom:10px}.company-logs-container .log-card-meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:.85rem;gap:16px}.company-logs-container .log-company{align-items:center;color:var(--primary-color);display:flex;font-weight:600;gap:6px}.company-logs-container .log-user{align-items:center;color:var(--text-primary);display:flex;font-weight:600;gap:6px}.company-logs-container .log-role-badge{background:var(--bg-secondary);border-radius:12px;color:var(--primary-color);font-size:.75rem;font-weight:700;padding:3px 10px;text-transform:uppercase}.company-logs-container .log-date{align-items:center;color:var(--text-secondary);display:flex;gap:6px}.company-logs-container .log-category-badge{background:var(--primary-light);border-radius:12px;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.company-logs-container .log-expand-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.company-logs-container .log-expand-btn:hover{background:var(--bg-tertiary);color:var(--primary-color)}.company-logs-container .log-card-details{background:var(--bg-secondary);border-top:1px solid var(--border-light);padding:20px}.company-logs-container .log-detail-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.company-logs-container .log-detail-item{display:flex;flex-direction:column;gap:8px}.company-logs-container .log-detail-item strong{color:var(--text-secondary);font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.company-logs-container .log-detail-item code{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:.85rem;padding:8px 12px}.company-logs-container .category-pill{background:var(--primary-light);border-radius:20px;color:var(--primary-color);display:inline-block;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:capitalize}.company-logs-container .entity-info{display:flex;flex-direction:column;gap:4px}.company-logs-container .entity-id-small{background:var(--bg-tertiary);border:1px solid var(--border-light);border-radius:4px;color:var(--text-secondary);font-family:Monaco,Courier New,monospace;font-size:.75rem;padding:4px 8px;word-break:break-all}.company-logs-container .log-detail-full{grid-column:1/-1}.company-logs-container .log-metadata-pre{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-family:Monaco,Courier New,monospace;font-size:.8rem;margin:0;max-height:300px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap;word-break:break-word}.company-logs-container .logs-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:32px;padding:20px}.company-logs-container .pagination-btn{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.company-logs-container .pagination-btn:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #e8c8c233;color:#fff;transform:translateY(-2px)}.company-logs-container .pagination-btn:disabled{cursor:not-allowed;opacity:.4}.company-logs-container .pagination-info{color:var(--text-secondary);font-size:.95rem;font-weight:600}@media (max-width:768px){.company-logs-container .admin-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.company-logs-container .admin-header-right{justify-content:space-between;width:100%}.company-logs-container .admin-stats{grid-template-columns:repeat(2,1fr);padding:16px 20px}.company-logs-container .admin-controls{flex-direction:column;padding:16px 20px}.company-logs-container .search-box{min-width:100%}.company-logs-container .filter-section{width:100%}.company-logs-container .filter-row{flex-direction:column;width:100%}.company-logs-container .filter-group-inline{width:100%}.company-logs-container .logs-content{padding:16px 20px}.company-logs-container .log-card-meta{align-items:flex-start;flex-direction:column;gap:8px}.company-logs-container .log-detail-grid{grid-template-columns:1fr}}.app-layout{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh}.app-layout.mobile-layout{padding-bottom:60px}.app-layout.mobile-layout .main-content{margin-left:0!important;padding-bottom:80px!important}.app-content{display:flex;flex:1 1;min-height:0;overflow:visible;position:relative}.main-content{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;padding:20px;width:100%}@media (max-width:768px){.main-content{-webkit-overflow-scrolling:touch;overflow-y:auto!important;padding:15px;padding-bottom:100px!important}}@media (max-width:480px){.main-content{-webkit-overflow-scrolling:touch;overflow-y:auto!important;padding:12px 10px;padding-bottom:100px!important}}.settings-modal{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.settings-modal .settings{height:100%;margin:0;max-width:none;overflow-y:auto;padding:0}.settings-modal .settings-header{background:var(--white);border-bottom:2px solid var(--light-gray);margin:0;padding:20px 25px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.settings-modal .settings-content{padding:0 25px 25px}@media (max-width:768px){.settings-modal{max-height:95vh;width:98%}.settings-modal .settings-header{padding:15px 20px}.settings-modal .settings-content{padding:0 20px 20px}}.otp-verification-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.otp-verification-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:1000px;padding:48px;text-align:center;width:100%}.otp-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#ec4899,#f97316);border-radius:50%;box-shadow:0 8px 24px #ec489966;color:#fff;display:flex;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.otp-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.otp-verification-modal h3{color:#111827;font-size:1.8rem;font-weight:700;margin-bottom:16px}.otp-description{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:24px}.phone-display{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:12px;color:#ec4899;font-size:1.3rem;font-weight:600;letter-spacing:1px;margin-bottom:32px;padding:16px}.phone-display-small{color:#6b7280;font-size:1.1rem;font-weight:500;margin-bottom:24px}.otp-input-container{margin:32px 0}.otp-input{border:3px solid #e5e7eb;border-radius:16px;color:#111827;font-size:2.5rem;font-weight:700;height:80px;letter-spacing:12px;max-width:600px;text-align:center;transition:all .3s ease;width:100%}.otp-input:focus{border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a;outline:none}.otp-input::placeholder{color:#d1d5db;letter-spacing:8px}.otp-error{align-items:center;animation:shake .4s ease-in-out;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:16px 0;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.otp-timer{color:#6b7280;font-size:1rem;margin:24px 0}.otp-timer strong{color:#ec4899;font-size:1.1rem;font-weight:700}.otp-timer .expired{color:#dc2626;font-weight:600}.otp-actions{display:flex;gap:12px;margin-top:32px}.otp-actions .btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.otp-actions .btn-primary{background:linear-gradient(135deg,#ec4899,#f97316);box-shadow:0 4px 12px #ec48994d;color:#fff}.otp-actions .btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #ec489966;transform:translateY(-2px)}.otp-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6}.otp-actions .btn-secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.otp-actions .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.otp-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}@media (max-width:640px){.otp-verification-modal{padding:32px 24px}.otp-verification-modal h3{font-size:1.5rem}.otp-icon{height:80px;width:80px}.otp-icon svg{height:40px;width:40px}.otp-input{font-size:2rem;height:70px;letter-spacing:8px}.otp-actions{flex-direction:column}}.theme-elegance-minimal{--theme-primary:#e8c8c2;--theme-primary-hover:#d4b2ab;--theme-primary-light:#f2e5e2;--theme-secondary:#d6c7b9;--theme-secondary-hover:#c4b3a3;--theme-secondary-light:#ebe5dd;--theme-accent:#e8c8c2;--theme-accent-hover:#d4b2ab;--theme-accent-light:#f2e5e2;--primary-color:#e8c8c2;--primary-hover:#d4b2ab;--primary-light:#f2e5e2;--secondary-color:#d6c7b9;--secondary-hover:#c4b3a3;--secondary-light:#ebe5dd;--accent-color:#e8c8c2;--accent-hover:#d4b2ab;--accent-light:#f2e5e2;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#fafafa;--bg-subtle:#f8f8f8;--text-primary:#2c2c2c;--text-secondary:#4a4a4a;--text-tertiary:#6b6b6b;--text-muted:#8a8a8a;--text-light:#a0a0a0;--border-light:#e8e8e8;--border-medium:#d0d0d0;--border-dark:#b8b8b8;--success-color:#8fbc8f;--error-color:#d4a5a5;--warning-color:#d4b896;--info-color:#a8c8c8}.theme-natural-beauty{--theme-primary:#b9c8b9;--theme-primary-hover:#a5b8a5;--theme-primary-light:#d4e0d4;--theme-secondary:#c2a98b;--theme-secondary-hover:#b0987a;--theme-secondary-light:#d4c4a8;--theme-accent:#9ca89a;--theme-accent-hover:#8a968a;--theme-accent-light:#b8c4b8;--primary-color:#b9c8b9;--primary-hover:#a5b8a5;--primary-light:#d4e0d4;--secondary-color:#c2a98b;--secondary-hover:#b0987a;--secondary-light:#d4c4a8;--accent-color:#9ca89a;--accent-hover:#8a968a;--accent-light:#b8c4b8;--bg-primary:#faf8f5;--bg-secondary:#e9dccd;--bg-tertiary:#f5f2ed;--bg-subtle:#f0ebe4;--text-primary:#2c2c2c;--text-secondary:#4a4a4a;--text-tertiary:#6b6b6b;--text-muted:#8a8a8a;--text-light:#a0a0a0;--border-light:#d6c7b9;--border-medium:#c2a98b;--border-dark:#9ca89a;--success-color:#b9c8b9;--error-color:#c2a98b;--warning-color:#d4c4a8;--info-color:#9ca89a}.theme-luxury-glam{--theme-primary:#c9a961;--theme-primary-hover:#b8973e;--theme-primary-light:#e8d9a8;--theme-secondary:#2c2c2c;--theme-secondary-hover:#1a1a1a;--theme-secondary-light:#4a4a4a;--theme-accent:#d4af37;--theme-accent-hover:#c19e2f;--theme-accent-light:#e8c547;--primary-color:#c9a961;--primary-hover:#b8973e;--primary-light:#e8d9a8;--secondary-color:#2c2c2c;--secondary-hover:#1a1a1a;--secondary-light:#4a4a4a;--accent-color:#d4af37;--accent-hover:#c19e2f;--accent-light:#e8c547;--bg-primary:#fff;--bg-secondary:#f8f6f3;--bg-tertiary:#f2efea;--bg-subtle:#ebe8e3;--text-primary:#1a1a1a;--text-secondary:#2c2c2c;--text-tertiary:#4a4a4a;--text-muted:#6b6b6b;--text-light:#8a8a8a;--border-light:#e8d9a8;--border-medium:#c9a961;--border-dark:#2c2c2c;--success-color:#c9a961;--error-color:#c67b7b;--warning-color:#d4af37;--info-color:#4a4a4a}.theme-feminine-modern{--theme-primary:#d9a7a0;--theme-primary-hover:#c8968f;--theme-primary-light:#e6b8b1;--theme-secondary:#cbb6a0;--theme-secondary-hover:#b8a38d;--theme-secondary-light:#d4c4b0;--theme-accent:#9b7e6f;--theme-accent-hover:#8a6d5e;--theme-accent-light:#ac8f80;--primary-color:#d9a7a0;--primary-hover:#c8968f;--primary-light:#e6b8b1;--secondary-color:#cbb6a0;--secondary-hover:#b8a38d;--secondary-light:#d4c4b0;--accent-color:#9b7e6f;--accent-hover:#8a6d5e;--accent-light:#ac8f80;--bg-primary:#f6e8e5;--bg-secondary:#e4e0dd;--bg-tertiary:#f2edea;--bg-subtle:#ede8e5;--text-primary:#2c2c2c;--text-secondary:#4a4a4a;--text-tertiary:#6b6b6b;--text-muted:#8a8a8a;--text-light:#a0a0a0;--border-light:#d9a7a0;--border-medium:#cbb6a0;--border-dark:#9b7e6f;--success-color:#d9a7a0;--error-color:#cbb6a0;--warning-color:#9b7e6f;--info-color:#e4e0dd}:root{--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}.theme-marketing-wine{--theme-primary:#8b5f7b;--theme-primary-hover:#7a4f6a;--theme-primary-light:#b88fa8;--theme-secondary:#d6c7b9;--theme-secondary-hover:#c4b3a3;--theme-secondary-light:#ebe5dd;--theme-accent:#8b5f7b;--theme-accent-hover:#7a4f6a;--theme-accent-light:#b88fa8;--primary-color:#8b5f7b;--primary-hover:#7a4f6a;--primary-light:#b88fa8;--secondary-color:#d6c7b9;--secondary-hover:#c4b3a3;--secondary-light:#ebe5dd;--accent-color:#8b5f7b;--accent-hover:#7a4f6a;--accent-light:#b88fa8;--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#fafafa;--bg-subtle:#f8f8f8;--text-primary:#2c2c2c;--text-secondary:#4a4a4a;--text-tertiary:#6b6b6b;--text-muted:#8a8a8a;--text-light:#a0a0a0;--text-title:#8b5f7b;--ancient-pink:#b88fa8;--border-light:#e8e8e8;--border-medium:#d0d0d0;--border-dark:#b8b8b8;--success-color:#8fbc8f;--error-color:#d4a5a5;--warning-color:#d4b896;--info-color:#a8c8c8}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{background-color:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;border-radius:var(--radius-md);color:var(--text-primary);font-size:16px;font-size:var(--font-size-base);padding:8px 16px;padding:var(--space-sm) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light);outline:none}@media (max-width:768px){:root{--space-lg:16px;--space-xl:24px;--space-2xl:32px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px}}@media (max-width:480px){:root{--space-md:12px;--space-lg:16px;--space-xl:20px;--font-size-base:14px;--font-size-lg:16px;--font-size-xl:18px}}body:has(.booking-public){overflow:auto!important}#root:has(.booking-public){height:auto!important;overflow:auto!important}.booking-public{background:var(--bg-secondary);display:flex;flex-direction:column;min-height:100vh;padding:40px}.booking-header-public{flex-shrink:0;margin-bottom:40px;text-align:center}.booking-logo{border:3px solid var(--primary-color);border-radius:50%;box-shadow:var(--shadow-sm);height:300px;margin:0 auto 20px;object-fit:contain;width:300px}.booking-header-public h1{color:var(--text-primary);font-size:2.5rem;font-weight:300;margin:0 0 12px}.booking-header-public p{color:var(--text-secondary);font-size:1.1rem;margin:0 auto 20px;max-width:800px}.btn-shop-link{align-items:center;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border:none;border-radius:24px;box-shadow:0 4px 12px #e8c8c24d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.btn-shop-link:hover{background:linear-gradient(135deg,#d4b2ab,#c4a09a);box-shadow:0 6px 18px #e8c8c280;transform:translateY(-2px)}.booking-container{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:0 auto 40px;max-width:1400px;padding:40px;width:100%}.booking-steps{justify-content:space-between;margin-bottom:48px;padding:0 24px}.booking-steps,.step{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:8px}.step-number{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;font-size:1.2rem;font-weight:700;height:48px;justify-content:center;transition:all .3s ease;width:48px}.step.active .step-number{background:var(--primary-color);box-shadow:0 4px 12px #ec489966;color:#fff;transform:scale(1.1)}.step.completed .step-number{background:#10b981;color:#fff}.step-label{color:#6b7280;font-size:.85rem;font-weight:600;text-align:center}.step.active .step-label{color:var(--primary-color)}.step-line{background:#e5e7eb;flex:1 1;height:3px;margin:0 8px 32px}.booking-step{animation:fadeIn .4s ease;display:flex;flex-direction:column;min-height:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.booking-step h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:300;gap:12px;margin:0 0 12px}.step-description{color:var(--text-secondary);font-size:1rem;margin:0 0 32px}.btn-back{background:none;border:none;border-radius:8px;color:var(--primary-color);font-weight:600;gap:6px;margin-bottom:24px;padding:8px 12px}.btn-back:hover{background:#ec48991a}.options-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:32px}.option-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;padding:24px 20px;text-align:center;transition:all .2s ease}.option-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-card.selected{background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.option-icon{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.6rem;height:56px;justify-content:center;margin:0 auto 12px;width:56px}.option-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0 0 8px}.option-card p{color:var(--text-secondary);font-size:.9rem;margin:4px 0}.treatment-description{color:#9ca3af!important;font-size:.9rem!important;line-height:1.5;margin:12px 0!important}.treatment-meta{border-top:2px solid #f3f4f6;justify-content:space-between;margin-top:16px;padding-top:16px}.duration,.treatment-meta{align-items:center;display:flex}.duration{color:#6b7280;font-size:.9rem;font-weight:500;gap:6px}.price{color:var(--primary-color);font-size:1.3rem;font-weight:700}.datetime-selection{display:flex;flex-direction:column;gap:32px}.time-slots-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.time-slot{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px;transition:all .2s ease}.time-slot:hover:not(.unavailable){background:var(--primary-light);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.time-slot.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #ec48994d;color:var(--bg-primary)}.time-slot.unavailable{background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.form-and-summary-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;width:100%}.form-container{gap:16px}.form-container,.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:6px;margin-bottom:6px}.modern-input,.modern-textarea{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;padding:10px 12px;transition:all .2s ease;width:100%}.modern-input:focus,.modern-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a;outline:none}.modern-input.input-valid{border-color:#10b981!important}.modern-input.input-invalid{border-color:#ef4444!important}.modern-textarea{font-family:inherit;resize:vertical}.fidelity-input-wrapper{position:relative}.fidelity-validation{align-items:center;display:flex;font-size:.85rem;font-weight:500;gap:6px;margin-top:6px}.fidelity-validation.success{color:#10b981}.fidelity-validation.error{color:#ef4444}.fidelity-validation svg{flex-shrink:0}.booking-summary{background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;padding:24px}.booking-summary h3{color:var(--text-primary);font-size:1.1rem;font-weight:500;margin:0 0 16px}.summary-item{align-items:center;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:.9rem;gap:10px;padding:10px 0}.summary-item:last-of-type{border-bottom:none}.summary-item svg,.summary-total{color:var(--primary-color)}.summary-total{align-items:center;border-top:2px solid var(--border-light);display:flex;font-size:1.3rem;font-weight:600;justify-content:space-between;margin-top:16px;padding-top:16px}.step-actions{display:flex;justify-content:center;margin-top:32px}.btn-large{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);font-size:1rem;font-weight:500;padding:12px 40px;transition:all .2s ease}.btn-large:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-large:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.confirmation-step{text-align:center}.confirmation-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 12px 40px #10b98166;color:#fff;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.confirmation-message{color:#6b7280;font-size:1.2rem;line-height:1.6;margin-bottom:16px}.confirmation-message.warning-text{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;color:#92400e;font-weight:500;margin-top:16px;padding:12px 16px}.confirmation-note{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-top:32px;padding:24px}.confirmation-note p{color:#374151;font-size:1rem;margin:8px 0}.confirmation-note strong{color:var(--primary-color)}.empty-state{background:#fef3c7;border:2px solid #fbbf24;border-radius:12px;margin:24px 0;padding:48px 24px;text-align:center}.empty-state p{color:#92400e;font-size:1.1rem;font-weight:500;margin:0}.error-container,.loading-container{gap:20px;min-height:60vh}.loading-spinner{border:5px solid #e5e7eb;border-top:5px solid var(--primary-color);height:56px;width:56px}.error-container p,.loading-container p{color:#6b7280;font-size:1.2rem}.error-container h2{color:#dc2626;font-size:2rem;margin:0 0 16px}.substep-indicators{align-items:center;display:flex;gap:12px;justify-content:center;margin:24px 0 32px}.substep-dot{background:#e5e7eb;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.substep-dot.active{background:var(--primary-color);box-shadow:0 0 12px #ec489966;transform:scale(1.2)}.calendar-container{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:16px}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-header h3{color:var(--text-primary);font-size:1.3rem;font-weight:500;margin:0;text-transform:capitalize}.calendar-nav-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;transition:all .2s ease;width:36px}.calendar-nav-btn:hover{background:#ec48990d;border-color:var(--primary-color);color:var(--primary-color)}.calendar-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,1fr)}.calendar-day-header{color:#6b7280;font-size:.8rem;font-weight:700;padding:8px 0;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1.8;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;min-height:28px;transition:all .2s ease}.calendar-day.empty{background:#0000;border:none;cursor:default}.calendar-day.available{background:var(--bg-tertiary);border-color:var(--success-color);color:var(--success-color)}.calendar-day.available:hover{background:var(--bg-subtle);border-color:var(--success-color);transform:scale(1.05)}.calendar-day.unavailable{border-color:var(--error-color);color:var(--error-color);opacity:.6}.calendar-day.past,.calendar-day.unavailable{background:var(--bg-tertiary);cursor:not-allowed}.calendar-day.past{border-color:var(--border-light);color:var(--text-tertiary);opacity:.4}.calendar-day.today{box-shadow:0 0 0 2px var(--primary-color);font-weight:600}.calendar-day.selected{background:var(--primary-color)!important;border-color:var(--primary-color)!important;box-shadow:0 4px 12px #ec48994d;color:var(--bg-primary)!important;transform:scale(1.08)}.calendar-legend{border-top:2px solid #f3f4f6;display:flex;gap:24px;justify-content:center;margin-top:12px;padding-top:12px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:.95rem;font-weight:500;gap:8px}.legend-color{border:2px solid;border-radius:6px;height:24px;width:24px}.legend-color.available{background:#10b9811a;border-color:#10b981}.legend-color.unavailable{background:#ef44441a;border-color:#ef4444}.timeslots-container{background:#fff;border-radius:16px;display:flex;flex-direction:column;margin:0 auto;max-width:100%;padding:24px;width:100%}.timeslots-container h3{color:#1f2937;font-size:1.3rem;font-weight:700;margin:0 0 20px;text-align:center;text-transform:capitalize}.timeline-slots{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));max-height:50vh;overflow-y:auto;padding-right:8px}.timeline-slot{align-items:center;background:#fff;border:2px solid;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px;position:relative;transition:all .3s ease}.timeline-slot span{font-size:.85rem;font-weight:700}.slot-indicator{border-radius:2px;height:4px;margin-top:4px;width:100%}.timeline-slot.available{border-color:#10b981;color:#059669}.timeline-slot.available .slot-indicator{background:#10b981}.timeline-slot.available:hover{background:#10b9810d;border-color:#059669;box-shadow:0 8px 20px #10b98133;transform:translateY(-4px)}.timeline-slot.unavailable{background:#ef444408;border-color:#ef4444;color:#dc2626;cursor:not-allowed;opacity:.6}.timeline-slot.unavailable .slot-indicator{background:#ef4444}.timeline-slot.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 8px 24px #ec489966;color:#fff;transform:translateY(-4px) scale(1.05)}.timeline-slot.selected .slot-indicator{background:#fff}.datetime-confirmation{display:flex;justify-content:center;margin:0 auto;max-width:100%;padding:0}.confirmation-card{background:#fff;border:3px solid #10b981;border-radius:20px;box-shadow:0 12px 40px #10b98126;max-width:1200px;padding:32px 40px;text-align:center;width:100%}.check-icon{color:#10b981;margin-bottom:16px}.confirmation-card h3{color:#1f2937;font-size:2rem;font-weight:800;margin:0 0 12px}.confirmation-card>p{color:#6b7280;font-size:1.1rem;margin:0 0 24px}.datetime-summary{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.summary-row{align-items:center;background:#10b9810d;border:2px solid #10b981;border-radius:12px;gap:16px;padding:16px;text-align:left}.summary-row svg{color:#10b981;flex-shrink:0}.summary-row div{flex:1 1}.summary-row strong{color:#6b7280;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.summary-row p{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0}.confirmation-actions{display:flex;gap:16px;justify-content:center}.btn-secondary{border:2px solid var(--primary-color);border-radius:12px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:700;padding:14px 32px;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-color);box-shadow:0 4px 12px #ec48994d;color:#fff}@media (max-width:768px){.booking-public{padding:20px 12px}.booking-header-public h1{font-size:2rem}.booking-header-public p{font-size:1rem}.booking-container{padding:32px 24px}.booking-steps{flex-wrap:wrap;padding:0}.step-label{font-size:.75rem}.step-number{font-size:1rem;height:40px;width:40px}.step-line{display:none}.form-row,.options-grid{grid-template-columns:1fr}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.booking-summary{padding:20px}.summary-total{font-size:1.2rem}.booking-public{padding:20px}.booking-container{padding:24px}}@media (max-width:480px){.booking-public{padding:12px}.booking-container{border-radius:var(--radius-md);padding:16px}.booking-header-public h1{font-size:1.8rem}.booking-header-public p{font-size:.95rem}.options-grid{gap:12px;grid-template-columns:1fr}.form-and-summary-container{grid-template-columns:1fr;max-height:none}.calendar-container{padding:12px}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.booking-confirm-container{align-items:center;background:linear-gradient(135deg,#ec4899,#f97316);display:flex;justify-content:center;min-height:100vh;padding:20px}.booking-confirm-card{animation:slideUp .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:1200px;padding:48px;text-align:center;width:100%}.booking-confirm-card.loading{padding:64px 48px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f4f6;border-top-color:#ec4899;height:60px;width:60px}.confirm-icon,.loading-spinner{border-radius:50%;margin:0 auto 24px}.confirm-icon{align-items:center;animation:scaleIn .6s ease-out;display:flex;height:100px;justify-content:center;width:100px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.booking-confirm-card.success .confirm-icon{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166;color:#fff}.booking-confirm-card.error .confirm-icon{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 8px 24px #ef444466;color:#fff}.booking-confirm-card h2{color:#111827;font-size:2rem;font-weight:700;margin-bottom:16px}.booking-confirm-card.success h2{color:#059669}.booking-confirm-card.error h2{color:#dc2626}.confirm-message{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.appointment-details{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:16px;margin:32px 0;padding:24px}.appointment-details h3{color:#ec4899;font-size:1.3rem;font-weight:700;margin-bottom:20px}.detail-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;color:#374151;display:flex;font-size:1.1rem;gap:12px;margin-bottom:12px;padding:12px}.detail-item:last-child{margin-bottom:0}.detail-item svg{color:#ec4899;flex-shrink:0}.confirm-note{background:#f9fafb;border-radius:12px;margin-top:32px;padding:24px}.confirm-note p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:12px}.confirm-note p:last-child{margin-bottom:0}@media (max-width:640px){.booking-confirm-card{padding:32px 24px}.booking-confirm-card h2{font-size:1.5rem}.confirm-icon{height:80px;width:80px}.confirm-icon svg{height:48px;width:48px}.appointment-details{padding:20px}.detail-item{font-size:1rem}}.booking-shop{background:linear-gradient(180deg,#fdfbfb,#f8f4f2);min-height:100vh}.shop-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e8c8c233;box-shadow:0 2px 10px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.shop-header-container{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.btn-back{align-items:center;background:#0000;border:1px solid #e8c8c24d;border-radius:24px;color:#2d3748;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.btn-back:hover{background:#e8c8c21a;border-color:#e8c8c280}.shop-branding{align-items:center;display:flex;flex:1 1;gap:16px}.shop-logo{border-radius:12px;height:48px;object-fit:cover;width:48px}.shop-title h1{color:#2d3748;font-size:1.5rem;font-weight:700;margin:0}.shop-title p{color:#64748b;font-size:.9rem;margin:0}.cart-button{align-items:center;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border:none;border-radius:50%;box-shadow:0 4px 12px #e8c8c24d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;position:relative;transition:all .3s ease;width:48px}.cart-button:hover{box-shadow:0 6px 18px #e8c8c280;transform:scale(1.05)}.cart-badge{align-items:center;animation:badgePulse 1.5s ease-in-out infinite;background:#e87676;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shop-filters{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1400px;padding:24px}.shop-filters .search-box{align-items:center;background-color:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);display:flex;margin:0 auto;max-width:600px;position:relative;transition:all .2s ease;width:100%}.shop-filters .search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c21a}.shop-filters .search-box svg{color:var(--text-secondary);left:12px;pointer-events:none;position:absolute;z-index:2}.shop-filters .search-box input{background-color:initial;border:none;border-radius:var(--border-radius-sm);box-sizing:border-box!important;font-size:.95rem;height:44px;outline:none;padding:10px 40px!important;position:relative;transition:all .2s ease;width:100%;z-index:1}.shop-filters .search-box input:focus{outline:none}.shop-filters .clear-search{align-items:center;background:var(--bg-secondary);border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:28px}.shop-filters .clear-search:hover{background:var(--border-light);color:var(--text-primary)}.category-filters{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-btn{background:#fff;border:2px solid #e8c8c24d;border-radius:24px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.category-btn:hover{background:#e8c8c21a;border-color:#e8c8c299}.category-btn.active{background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border-color:#e8c8c2;box-shadow:0 4px 12px #e8c8c24d;color:#fff}.products-grid-shop{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin:0 auto;max-width:1400px;padding:24px}.product-card-shop{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.product-card-shop:hover{box-shadow:0 12px 24px #e8c8c240;transform:translateY(-8px)}.product-badges-shop{display:flex;flex-direction:column;gap:6px;position:absolute;right:12px;top:12px;z-index:2}.badge-discount{background:linear-gradient(135deg,#e87676,#d66060);border-radius:16px;box-shadow:0 2px 8px #e8767666;color:#fff;font-size:.8rem;font-weight:700;padding:6px 12px}.badge-low-stock{background:linear-gradient(135deg,#f4d58d,#e8c76f);color:#2d3748}.badge-low-stock,.badge-out-of-stock{border-radius:16px;font-size:.75rem;font-weight:700;padding:6px 12px}.badge-out-of-stock{background:#2d3748cc;color:#fff}.product-image-shop{align-items:center;background:#f8f9fa;display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.product-image-shop img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.product-card-shop:hover .product-image-shop img{transform:scale(1.05)}.product-image-placeholder-shop{color:#cbd5e1}.product-info-shop{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:20px}.product-category-shop{align-self:flex-start;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.product-info-shop h3{color:#2d3748;font-size:1.15rem;font-weight:700;line-height:1.4;margin:0}.product-description-shop{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.9rem;line-height:1.6;margin:0;overflow:hidden}.product-brand-shop{color:#94a3b8;font-size:.85rem}.product-brand-shop strong{color:#64748b}.product-price-shop{align-items:center;display:flex;gap:10px;margin-top:auto}.price-old-shop{color:#94a3b8;font-size:1rem;text-decoration:line-through}.price-current-shop{color:#2d3748;font-size:1.5rem;font-weight:700}.product-stock-shop{font-size:.85rem}.product-stock-shop .in-stock{color:#7fb38e;font-weight:600}.product-stock-shop .out-of-stock{color:#e87676;font-weight:600}.btn-add-to-cart{align-items:center;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.btn-add-to-cart:hover:not(:disabled){background:linear-gradient(135deg,#d4b2ab,#c4a09a);box-shadow:0 6px 16px #e8c8c266;transform:translateY(-2px)}.btn-add-to-cart:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.btn-add-to-cart.added{animation:buttonSuccess .5s ease;background:linear-gradient(135deg,#95c9a4,#7fb38e)}@keyframes buttonSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-shop{background:#fff;border-radius:24px;box-shadow:0 4px 12px #00000014;margin:80px auto;max-width:600px;padding:60px 24px;text-align:center}.empty-shop svg{color:#cbd5e1;margin-bottom:24px}.empty-shop h2{color:#2d3748;font-size:1.8rem;margin-bottom:12px}.empty-shop p{color:#64748b;font-size:1.05rem}.cart-modal{max-height:85vh;max-width:700px;overflow:hidden}.empty-cart{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 24px;text-align:center}.empty-cart svg{color:#cbd5e1;margin-bottom:20px}.empty-cart h3{color:#2d3748;font-size:1.5rem;margin-bottom:8px}.empty-cart p{color:#64748b;margin-bottom:24px}.cart-items{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.cart-item{background:#f8f9fa;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.cart-item:hover{background:#f1f3f5}.cart-item-image{background:#fff;border-radius:8px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-item-placeholder{align-items:center;color:#cbd5e1;display:flex;height:100%;justify-content:center;width:100%}.cart-item-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.cart-item-info h4{color:#2d3748;font-size:1rem;font-weight:600;margin:0}.cart-item-brand{color:#64748b;font-size:.85rem}.cart-item-price{color:#2d3748;font-size:1.1rem;font-weight:700}.cart-item-controls{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.quantity-selector{background:#fff;border-radius:24px;box-shadow:0 2px 6px #00000014;gap:10px;padding:4px}.qty-btn,.quantity-selector{align-items:center;display:flex}.qty-btn{background:#f1f3f5;border:none;border-radius:50%;color:#2d3748;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.qty-btn:hover{background:#e8c8c2;color:#fff}.qty-value{min-width:32px;text-align:center}.cart-item-total,.qty-value{color:#2d3748;font-weight:700}.cart-item-total{font-size:1.2rem}.btn-remove-item{background:#0000;border:none;border-radius:8px;color:#e87676;cursor:pointer;padding:8px;transition:all .2s ease}.btn-remove-item:hover{background:#e876761a}.cart-summary{border-top:2px solid #e2e8f0;margin-top:24px;padding-top:24px}.summary-row{color:#64748b;display:flex;font-size:1rem;justify-content:space-between;padding:10px 0}.summary-row.total{border-top:2px solid #e2e8f0;color:#2d3748;font-size:1.3rem;font-weight:700;margin-top:10px;padding-top:16px}.checkout-page{padding-bottom:40px}.checkout-container{grid-gap:32px;align-items:flex-start;display:grid;gap:32px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px;padding:24px}.checkout-form-section{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:32px}.checkout-section{margin-bottom:32px}.checkout-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.2rem;font-weight:700;gap:10px;margin-bottom:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group{margin-bottom:16px}.form-group label{color:#2d3748;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#e8c8c2;box-shadow:0 0 0 3px #e8c8c21a;outline:none}.form-group textarea{resize:vertical}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-option{align-items:center;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;transition:all .2s ease}.payment-option:hover{background:#e8c8c20d;border-color:#e8c8c2}.payment-option input[type=radio]{cursor:pointer;height:20px;width:20px}.payment-option input[type=radio]:checked+.payment-option-content{color:#2d3748}.payment-option input[type=radio]:checked{accent-color:#e8c8c2}.payment-option:has(input:checked){background:#e8c8c21a;border-color:#e8c8c2}.payment-option-content{align-items:center;color:#64748b;display:flex;flex:1 1;font-weight:600;gap:12px}.order-summary-section{position:-webkit-sticky;position:sticky;top:100px}.order-summary{background:#fff;border-radius:20px;box-shadow:0 4px 16px #00000014;padding:24px}.order-summary h3{color:#2d3748;font-size:1.2rem;font-weight:700;margin-bottom:20px}.summary-items{border-bottom:2px solid #e2e8f0;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px}.summary-item{display:flex;gap:12px;justify-content:space-between}.summary-item-info{display:flex;flex:1 1;gap:8px}.summary-item-name{color:#2d3748;font-size:.9rem}.summary-item-qty{color:#64748b;font-size:.9rem}.summary-item-price{color:#2d3748;font-weight:700}.summary-totals{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.summary-total-row{color:#64748b;display:flex;font-size:.95rem;justify-content:space-between}.summary-total-row.total{border-top:2px solid #e2e8f0;color:#2d3748;font-size:1.3rem;font-weight:700;padding-top:16px}.checkout-info{background:#7fb38e1a;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:16px}.checkout-info p{color:#2d3748;font-size:.9rem;font-weight:500;margin:0}.order-success{background:#fff;border-radius:24px;box-shadow:0 8px 24px #0000001a;margin:80px auto;max-width:600px;padding:60px 40px;text-align:center}.success-icon{align-items:center;animation:successPop .5s ease;background:linear-gradient(135deg,#95c9a4,#7fb38e);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.order-success h1{color:#2d3748;font-size:2rem;margin-bottom:16px}.order-number{color:#64748b;font-size:1.1rem;margin-bottom:20px}.order-number strong{color:#e8c8c2;font-weight:700}.success-message{color:#64748b;font-size:1.05rem;line-height:1.6;margin-bottom:32px}.success-actions{display:flex;gap:12px}.btn,.success-actions{justify-content:center}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#e8c8c2,#d4b2ab);box-shadow:0 4px 12px #e8c8c24d;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#d4b2ab,#c4a09a);box-shadow:0 6px 18px #e8c8c280;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #e2e8f0;color:#2d3748}.btn-secondary:hover{background:#e8c8c20d;border-color:#e8c8c2}.btn-large{font-size:1.05rem;padding:16px 32px}.btn-block{width:100%}@media (max-width:1024px){.checkout-container{gap:24px;grid-template-columns:1fr}.order-summary-section{position:static}}@media (max-width:768px){.products-grid-shop{gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:16px}.shop-header-container{padding:12px 16px}.shop-branding{flex-direction:column;gap:8px}.shop-title h1{font-size:1.2rem}.checkout-form-section{padding:24px 16px}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.products-grid-shop{grid-template-columns:1fr}.category-filters{flex-direction:column}.category-btn{width:100%}}.booking-shop-loading{align-items:center;background:linear-gradient(180deg,#fdfbfb,#f8f4f2);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:100vh}.spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#e8c8c2;height:48px;width:48px}.booking-shop-loading p{color:#64748b;font-size:1.1rem}.oauth-callback-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:20px}.oauth-callback-card{animation:slideUp .4s ease-out;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:500px;padding:48px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-icon{align-items:center;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.status-icon.loading{color:var(--primary-color)}.status-icon.success{background:#22c55e1a;color:#22c55e}.status-icon.error{background:#ef44441a;color:#ef4444}.oauth-callback-card h2{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:16px}.oauth-callback-card p{color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:32px}.progress-dots{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:24px}.progress-dots span{animation:bounce 1.4s ease-in-out infinite both;background:var(--primary-color);border-radius:50%;height:10px;width:10px}.progress-dots span:first-child{animation-delay:-.32s}.progress-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.spin{animation:spin 1s linear infinite}@media (max-width:600px){.oauth-callback-card{padding:32px 24px}.oauth-callback-card h2{font-size:1.5rem}.status-icon{height:60px;width:60px}.status-icon svg{height:48px!important;width:48px!important}}body:has(.client-public-page),html:has(.client-public-page){height:auto!important;overflow:auto!important;position:relative!important}#root:has(.client-public-page){height:auto!important;overflow:auto!important}.client-public-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:40px 20px;position:relative;width:100%}.client-public-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:1000px;min-height:auto;overflow:visible}.public-header{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color,#667eea) 0,var(--accent-color,#764ba2) 100%);color:#fff;padding:40px;text-align:center}.company-logo{background:#fff;border-radius:12px;margin-bottom:20px;max-height:360px;max-width:360px;padding:10px}.company-name{color:#fff;font-size:2rem;font-weight:700;margin:0}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;color:#667eea;color:var(--primary-color,#667eea)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{color:#e74c3c}.error-container svg{margin-bottom:20px}.client-info-section{border-bottom:2px solid #f0f0f0;padding:30px 40px}.client-info-section h2{align-items:center;color:#2d3748;display:flex;font-size:1.8rem;font-weight:600;gap:12px;margin:0}.appointment-section,.pmu-consent-section{border-bottom:2px solid #f0f0f0;padding:30px 40px}.appointment-section h3,.pmu-consent-section h3{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;font-weight:600;gap:10px;margin:0 0 20px}.appointment-details{display:flex;flex-direction:column;gap:16px}.detail-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#4a5568;font-weight:600;min-width:150px}.detail-row .value{align-items:center;color:#2d3748;display:flex;gap:6px}.no-appointment-section{color:#718096;padding:60px 40px;text-align:center}.no-appointment-section svg{margin-bottom:16px;opacity:.5}.consent-subsection{background:#f7fafc;border-radius:8px;margin-bottom:30px;padding:20px}.consent-subsection h4{color:#2d3748;font-size:1.2rem;font-weight:600;margin:0 0 16px}.anamnesis-list,.consent-details,.declarations-list{display:flex;flex-direction:column;gap:12px}.anamnesis-item,.declaration-item{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:12px;padding:12px}.checkmark{color:#cbd5e0;flex-shrink:0;font-size:1.2rem;text-align:center;width:24px}.checkmark.checked{color:#48bb78}.declaration-text{color:#2d3748;flex:1 1}.anamnesis-question{color:#2d3748;font-weight:500;margin-bottom:8px}.anamnesis-answer{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.answer-badge{border-radius:12px;font-size:.85rem;font-weight:600;min-width:40px;padding:4px 12px;text-align:center}.answer-badge.yes{background:#c6f6d5;color:#22543d}.answer-badge.no{background:#fed7d7;color:#742a2a}.answer-badge.unanswered{background:#e2e8f0;color:#4a5568}.anamnesis-note{color:#718096;font-size:.9rem;font-style:italic}.privacy-consent{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:12px;padding:12px}.signature-info{padding:12px 0}.public-footer{background:#f7fafc;color:#718096;font-size:.9rem;padding:30px 40px;text-align:center}@media (max-width:768px){.client-public-page{padding:20px 10px}.public-header{padding:30px 20px}.company-name{font-size:1.5rem}.appointment-section,.client-info-section,.pmu-consent-section{padding:20px}.detail-row{align-items:flex-start;flex-direction:column;gap:6px}.detail-row .label{font-size:.9rem;min-width:auto}.public-footer{padding:20px}}.landing-root{background:linear-gradient(135deg,#fde68a,#fbcfe8 35%,#e0f2fe);box-sizing:border-box;display:flex;flex-direction:column;gap:72px;min-height:100vh;padding:48px 32px 64px}.landing-hero{grid-gap:32px;align-items:center;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1180px}.landing-hero-copy{grid-gap:20px;color:#0f172a;display:grid;gap:20px}.landing-pill{background:#0f172a14;border-radius:999px;color:#0f172a;display:inline-block;font-size:14px;font-weight:600;padding:8px 14px}.landing-hero h1{font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.1;margin:0}.landing-hero p{color:#1f2937;font-size:18px;line-height:1.6;margin:0}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:16px}.landing-button{border-radius:999px;font-size:16px;font-weight:700;padding:14px 24px;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.landing-button.primary{background:#ec4899;box-shadow:0 18px 30px #ec489940;color:#fff}.landing-button.primary:hover{box-shadow:0 24px 40px #ec489959;transform:translateY(-2px)}.landing-button.secondary{background:#0000;border:2px solid #ec4899;color:#ec4899}.landing-button.secondary:hover{background:#ec489926}.landing-hero-card{grid-gap:16px;background:#ffffffeb;border-radius:24px;box-shadow:0 20px 45px #0f172a2e;display:grid;gap:16px;padding:28px}.landing-card-header{align-items:center;color:#475569;display:flex;font-size:14px;justify-content:space-between}.landing-card-status{letter-spacing:.14em}.landing-card-badge{background:#dbeafe;border-radius:999px;color:#1d4ed8;font-weight:600;padding:4px 10px}.landing-card-list{grid-gap:14px;display:grid;gap:14px;list-style:none;margin:0;padding:0}.landing-card-list li{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;justify-content:space-between;padding:12px 0}.landing-card-list li:last-child{border-bottom:none}.landing-card-list strong{color:#0f172a;display:block}.landing-card-list small{color:#64748b}.landing-card-chip{background:#22c55e1f;border-radius:999px;color:#047857;font-size:13px;font-weight:600;padding:6px 12px}.landing-card-chip.alt{background:#3b82f61f;color:#1d4ed8}.landing-card-footer{color:#334155;font-size:15px;line-height:1.5}.landing-features{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1080px}.landing-feature-card{grid-gap:12px;background:#ffffffeb;border-radius:20px;box-shadow:0 15px 35px #0f172a26;display:grid;gap:12px;padding:24px}.landing-feature-card h3{color:#0f172a;margin:0}.landing-feature-card p{color:#475569;line-height:1.6;margin:0}.landing-steps{grid-gap:24px;display:grid;gap:24px;margin:0 auto;max-width:1080px;text-align:center}.landing-steps h2{color:#0f172a;font-size:2rem;margin:0}.landing-steps-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-step-card{grid-gap:12px;background:#ffffffe6;border-radius:20px;box-shadow:0 18px 40px #0f172a1f;display:grid;gap:12px;padding:26px}.landing-step-number{background:#ec4899;border-radius:50%;color:#fff;display:grid;font-size:18px;font-weight:700;height:44px;margin:0 auto;place-items:center;width:44px}.landing-step-card h3{margin:0}.landing-step-card p{color:#475569;line-height:1.6;margin:0}.landing-join{grid-gap:16px;align-items:center;background:#0f172ad9;border-radius:24px;color:#fff;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 auto;max-width:1080px;padding:36px}.landing-join-copy h2{font-size:2rem;margin:0 0 8px}.landing-join-copy p{color:#ffffffd9;line-height:1.6;margin:0}.landing-join-actions{display:flex;flex-wrap:wrap;gap:16px}.landing-button.ghost{background:#0000;border:2px solid #ffffffbf;color:#fff}.landing-button.ghost:hover{background:#ffffff26}@media (max-width:768px){.landing-root{gap:56px;padding:32px 20px 48px}.landing-join{padding:28px}}.customer-shell{align-items:center;background:linear-gradient(135deg,#fde68a,#fbcfe8);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:24px}.customer-shell .panel{background:#fff;border-radius:20px;box-shadow:0 18px 45px #0f172a24;display:flex;flex-direction:column;gap:16px;max-width:420px;padding:32px;width:100%}.customer-logo-container{align-items:center;display:flex;justify-content:center;margin-bottom:24px;min-height:80px;padding-top:8px}.customer-logo{display:block;height:auto;max-width:200px;object-fit:contain;width:100%}.customer-logo[style*="display: none"]{display:none!important}.customer-logo-container:has(img[style*="display: none"]):before{color:#ec4899;content:"MyBeauty Suite";font-size:24px;font-weight:700}@media (max-width:480px){.customer-logo{max-width:160px}}.customer-shell h1{font-size:28px;font-weight:700;margin:0;text-align:center}.customer-shell p{color:#475569;line-height:1.5;margin:0}.customer-shell .cta-group{display:flex;gap:12px;margin-top:12px}.customer-shell .primary,.customer-shell .secondary{border-radius:999px;flex:1 1;font-weight:600;padding:14px 0;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.customer-shell .primary{background:#ec4899;box-shadow:0 10px 25px #ec489940;color:#fff}.customer-shell .primary:hover{box-shadow:0 14px 32px #ec489959;transform:translateY(-1px)}.customer-shell .secondary{background:#0000;border:2px solid #ec4899;color:#ec4899}.customer-shell form{display:flex;flex-direction:column;gap:12px}.customer-shell label{color:#0f172a;font-weight:600}.customer-shell input{border:1px solid #e2e8f0;border-radius:12px;font-size:16px;padding:12px 14px;transition:border .2s ease;width:100%}.customer-shell input:focus-visible{border-color:#ec4899;box-shadow:0 0 0 3px #ec489926;outline:none}.customer-shell button{background:#ec4899;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:700;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.customer-shell button:hover{box-shadow:0 10px 25px #ec489940;transform:translateY(-1px)}.customer-shell .ghost-button{background:#0000;border:1px solid #ec489959;color:#ec4899;margin-top:8px}.customer-shell .ghost-button:hover{background:#ec48991a;box-shadow:none}.customer-shell .link{color:#2563eb;font-weight:600;margin-top:8px;text-align:center;text-decoration:none}.customer-shell .google-button{align-items:center;background:#fff;border:1px solid #e2e8f0;color:#1f2937;display:flex;font-weight:600;gap:10px;justify-content:center;margin-top:8px;transition:transform .2s ease,box-shadow .2s ease}.customer-shell .google-button:hover{box-shadow:0 12px 28px #3b82f640}.customer-shell .google-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.customer-shell .error{background:#fee2e2;color:#dc2626}.customer-shell .error,.customer-shell .success{border-radius:12px;font-size:14px;padding:10px 12px}.customer-shell .success{background:#d1fae5;color:#047857}.customer-tabs{display:flex;gap:10px;margin-bottom:20px}.customer-tabs a,.customer-tabs button{background:#f1f5f9;border:none;border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:10px 14px;text-decoration:none}.customer-tabs a.active,.customer-tabs button.active{background:#ec4899;color:#fff}.customer-app-shell{background:linear-gradient(135deg,#fdf2f8,#fae8ff 40%,#e0f2fe);display:flex;flex-direction:column;min-height:100vh;overflow-y:auto;width:100%}.customer-dashboard{box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px) 72px;width:100%}.customer-dashboard__wrapper{grid-gap:clamp(20px,3vw,32px);display:grid;gap:clamp(20px,3vw,32px);width:min(1140px,100%)}.dashboard-hero{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.dashboard-hero__content{grid-gap:12px;display:grid;gap:12px;max-width:640px}.dashboard-hero__eyebrow{color:#6366f1;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-hero h1{color:#0f172a;font-size:clamp(32px,5vw,42px);margin:0}.dashboard-hero p{color:#334155;font-size:17px;line-height:1.55;margin:0}.dashboard-hero__summary{grid-gap:12px;background:#ffffffd9;border-radius:20px;box-shadow:0 18px 45px #0f172a14;display:grid;gap:12px;min-width:240px;padding:20px 24px}.summary-label{color:#64748b;display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.summary-value{color:#0f172a;display:block;font-size:24px;font-weight:700}.summary-value--small{font-size:16px;word-break:break-word}.dashboard-hero__user{border-top:1px solid #94a3b840;padding-top:10px}.logout-button{background:#dc2626;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:12px 18px;text-align:center;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.logout-button:hover:not(:disabled){box-shadow:0 16px 34px #dc262640;transform:translateY(-1px)}.logout-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.dashboard-card{grid-gap:clamp(16px,2.5vw,24px);background:#fff;border-radius:24px;box-shadow:0 18px 45px #0f172a14;display:grid;gap:clamp(16px,2.5vw,24px);padding:clamp(20px,3vw,28px)}.dashboard-card--accent{background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;overflow:hidden;position:relative}.dashboard-card--accent:after{border:1px solid #ffffff40;border-radius:20px;content:"";inset:12px;pointer-events:none;position:absolute}.dashboard-card--accent h2,.dashboard-card--accent p{color:inherit}.dashboard-card__header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.dashboard-card__header.with-icon{align-items:flex-start}.dashboard-card__header h2{color:inherit;font-size:clamp(22px,3vw,26px);margin:0}.dashboard-card__header p{color:inherit;line-height:1.5;margin:4px 0 0;max-width:520px;opacity:.85}.dashboard-card__body{grid-gap:16px;display:grid;gap:16px}.centers-list{display:flex;flex-wrap:wrap;gap:12px}.center-pill{align-items:center;background:#0f172a0d;border:1px solid #94a3b866;border-radius:999px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;gap:12px;padding:12px 18px;transition:all .2s ease}.center-pill:hover{border-color:#3b82f666;transform:translateY(-1px)}.center-pill--active{background:linear-gradient(120deg,#6366f1,#ec4899);border-color:#0000;box-shadow:0 10px 25px #6366f147;color:#fff}.center-pill__badge{background:#ffffff40;border-radius:999px;font-size:12px;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.dashboard-grid{grid-gap:clamp(20px,3vw,28px);display:grid;gap:clamp(20px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.icon-circle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;color:inherit;display:grid;flex-shrink:0;font-size:24px;height:54px;place-items:center;width:54px}.icon-circle--blue{background:#3b82f626;color:#1d4ed8}.join-form,.search-form{display:flex;flex-wrap:wrap;gap:12px}.join-form input,.search-form input{border:1px solid #94a3b873;border-radius:14px;flex:1 1 220px;font-size:16px;padding:14px 16px;transition:border .2s ease,box-shadow .2s ease}.join-form input:focus-visible,.search-form input:focus-visible{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.join-form button,.search-form button{background:#0f172a;border:none;border-radius:14px;color:#fff;cursor:pointer;font-weight:700;min-width:150px;padding:14px 20px;transition:transform .2s ease,box-shadow .2s ease}.join-form button:disabled,.search-form button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.join-form button:not(:disabled):hover,.search-form button:not(:disabled):hover{box-shadow:0 14px 32px #0f172a38;transform:translateY(-1px)}.alert{border-radius:14px;font-size:14px;line-height:1.4;padding:12px 14px}.alert--error{background:#fee2e2;border:1px solid #f8717166;color:#b91c1c}.alert--success{background:#d1fae5;border:1px solid #2dd4bf66;color:#047857}.alert--neutral{background:#f8fafc;border:1px dashed #94a3b899;color:#475569}.empty-state{align-items:center;background:linear-gradient(120deg,#6366f11f,#ec48991f);border-radius:20px;display:flex;gap:18px;padding:18px 20px}.empty-state__icon{font-size:32px}.empty-state__content h3{color:#0f172a;font-size:18px;margin:0 0 4px}.empty-state__content p{color:#475569;line-height:1.5;margin:0}.search-results{grid-gap:14px;display:grid;gap:14px}.search-card{grid-gap:8px;background:#f8fafcb3;border:1px solid #94a3b84d;border-radius:18px;display:grid;gap:8px;padding:16px 18px}.search-card__header{align-items:center;display:flex;gap:12px}.search-card__header h3{color:#0f172a;font-size:18px;margin:0}.search-card__titles{grid-gap:4px;display:grid;gap:4px}.search-card__subtitle{color:#6366f1;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.search-card__icon{font-size:24px}.search-card__meta{color:#475569;font-size:15px;margin:0}.search-card__hint{color:#6366f1;font-size:14px;margin:0}.search-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.search-card__cta{background:linear-gradient(120deg,#6366f1,#ec4899);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:700;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease}.search-card__cta:hover{box-shadow:0 14px 28px #6366f140;transform:translateY(-1px)}.search-card__link{background:#6366f11a;border-radius:999px;color:#1d4ed8;font-weight:600;padding:9px 16px;text-decoration:none;transition:background .2s ease,color .2s ease}.search-card__link:hover{background:#6366f12e;color:#1e40af}.dashboard-navigation{grid-gap:20px;display:grid;gap:20px}.dashboard-navigation h2{color:#0f172a;font-size:24px;margin:0}.navigation-tiles{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.navigation-tile{grid-gap:14px;align-items:center;background:#ffffffd9;border:1px solid #0000;border-radius:18px;box-shadow:0 18px 45px #0f172a14;color:#0f172a;cursor:pointer;display:grid;gap:14px;grid-template-columns:auto 1fr auto;padding:18px 20px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border .2s ease}.navigation-tile:hover:not(:disabled){border-color:#6366f166;box-shadow:0 20px 36px #6366f12e;transform:translateY(-4px)}.navigation-tile:disabled{cursor:not-allowed;opacity:.45}.navigation-tile__icon{font-size:28px}.navigation-tile__content{grid-gap:4px;display:grid;gap:4px;text-align:left}.navigation-tile__label{font-size:16px;font-weight:700}.navigation-tile__description{color:#475569;font-size:14px}.navigation-tile__arrow{color:#6366f1;font-size:18px;transition:transform .2s ease}.navigation-tile:hover:not(:disabled) .navigation-tile__arrow{transform:translateX(4px)}@media (max-width:768px){.dashboard-hero__summary{grid-template-columns:1fr;width:100%}.join-form button,.search-form button{width:100%}.navigation-tiles{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:540px){.customer-dashboard{padding:16px 16px 56px}.dashboard-card{padding:18px}.navigation-tiles{grid-template-columns:1fr}}.overview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.overview-card{align-items:center;background:#ffffffe6;border:none;border-radius:22px;box-shadow:0 16px 40px #0f172a1a;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.overview-card:hover:not(:disabled){box-shadow:0 22px 45px #6366f12e;transform:translateY(-3px)}.overview-card:disabled{cursor:not-allowed;opacity:.45}.overview-card--accent{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff}.overview-card__icon{flex-shrink:0;font-size:28px}.overview-card__content{grid-gap:6px;display:grid;gap:6px}.overview-card__label{color:#475569;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.overview-card--accent .overview-card__label{color:#fffc}.overview-card__value{color:#0f172a;font-size:20px;font-weight:700}.overview-card--accent .overview-card__value{color:#fff}.overview-card__value--sm{font-size:16px}.overview-card__hint{color:#6366f1;font-size:13px}.overview-card--accent .overview-card__hint{color:#ffffffd9}.customer-view-shell{align-items:flex-start}.customer-view-panel{grid-gap:16px;display:grid;gap:16px;width:min(960px,100%)}.customer-view{grid-gap:20px;display:grid;gap:20px}.customer-view__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.customer-view__stack{grid-gap:16px;display:grid;gap:16px}.customer-view__list{grid-gap:12px;display:grid;gap:12px}.appointment-card{grid-gap:18px;background:linear-gradient(135deg,#fffffffa,#f8fafceb);border:1px solid #94a3b82e;border-radius:24px;box-shadow:0 18px 42px #0f172a1f;display:grid;gap:18px;overflow:hidden;padding:clamp(20px,3vw,28px);position:relative}.appointment-card:before{background:radial-gradient(circle at 15% 20%,#6366f12e,#0000 55%),radial-gradient(circle at 85% 25%,#ec489929,#0000 60%);border-radius:inherit;content:"";inset:0;opacity:.6;pointer-events:none;position:absolute}.appointment-card>*{position:relative;z-index:1}.appointment-card--upcoming{background:linear-gradient(145deg,#dbeafed9,#ece9febf);border:1px solid #6366f152}.appointment-card--past{background:linear-gradient(145deg,#f8fafceb,#e2e8f0bf);border:1px solid #94a3b833;box-shadow:0 10px 28px #0f172a14}.appointment-card__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.appointment-card__service{color:#0f172a;font-size:clamp(20px,2.6vw,24px);margin:0}.appointment-card--upcoming .appointment-card__service{color:#1e293b}.appointment-card__location{color:#0f172ab3;font-size:14px;margin:6px 0 0}.appointment-card--upcoming .appointment-card__location{color:#1e40afcc}.appointment-card__status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a1a;border-radius:999px;color:#0f172a;font-size:12px;font-weight:700;letter-spacing:.12em;padding:6px 14px;text-transform:uppercase}.appointment-card--upcoming .appointment-card__status{background:#6366f126;color:#4c1d95}.appointment-card__body{grid-gap:14px;display:grid;gap:14px}.appointment-card__info{display:flex;flex-wrap:wrap;gap:12px}.appointment-chip{align-items:center;background:#0f172a0f;border-radius:999px;color:#0f172a;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 14px}.appointment-chip__icon{font-size:16px}.appointment-chip--accent{background:#3b82f626;color:#1d4ed8}.appointment-chip--online{background:#10b9812e;color:#047857}.appointment-card__notes{grid-gap:6px;background:#fff9;border:1px solid #94a3b82e;border-radius:16px;display:grid;gap:6px;padding:14px 16px}.appointment-card__notes strong{color:#1f2937;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.appointment-card__notes p{color:#334155;font-size:14px;line-height:1.5;margin:0}.appointment-card__footer{display:flex;justify-content:flex-end}.appointment-card__details-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;box-shadow:0 12px 28px #6366f140;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.appointment-card__details-button:hover{box-shadow:0 16px 32px #6366f14d;transform:translateY(-1px)}.appointment-card__details-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7}@media (max-width:768px){.appointment-card{padding:18px}.appointment-card__info{gap:10px}.appointment-chip{justify-content:flex-start;width:100%}.appointment-card__header{flex-direction:column;gap:8px}.appointment-card__status{align-self:flex-start}}.customer-view__card{grid-gap:8px;background:#f8fafcd9;border:1px solid #94a3b833;border-radius:20px;display:grid;gap:8px;padding:18px}.customer-view__card--accent{background:linear-gradient(160deg,#6366f126,#ec489926);border:1px solid #6366f140}.customer-view__card--soft{background:#fffffff2}.customer-view__card--highlight{background:#fff5f7f2;border:1px solid #fca5a580}.customer-view__card-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.customer-view__footer{display:flex;justify-content:flex-end}.modal-close-button{align-items:center;background:linear-gradient(135deg,#6366f1,#ec4899);border:none;border-radius:999px;box-shadow:0 18px 42px #6366f159;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:10px 18px 10px 14px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.modal-close-button:before{background:#ffffff2e;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff40;content:"×";display:grid;font-size:18px;font-weight:700;height:28px;place-items:center;width:28px}.modal-close-button:hover{box-shadow:0 24px 50px #ec489952;filter:brightness(1.05);transform:translateY(-1px)}.modal-close-button:focus-visible{box-shadow:0 0 0 4px #6366f159;outline:none}.modal-close-button:active{transform:scale(.97)}.modal-footer{display:flex;gap:12px;justify-content:flex-end}.customer-modal{align-items:center;display:flex;inset:0;justify-content:center;padding:32px;position:fixed;z-index:999}.customer-modal--chat{align-items:flex-end;justify-content:flex-end;padding:clamp(16px,4vw,32px)}.customer-modal__backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;inset:0;position:absolute}.customer-modal__container{align-items:stretch;display:flex;justify-content:center;max-height:90vh;max-width:min(960px,94vw);overflow:visible;pointer-events:none;position:relative;width:100%}.customer-modal__container>.customer-modal-scroll{pointer-events:auto}.customer-modal__container--chat{justify-content:flex-end;max-height:80vh;max-width:clamp(320px,35vw,420px)}.customer-modal-scroll{-webkit-overflow-scrolling:touch;background:#fff;border-radius:28px;box-shadow:0 28px 80px #0f172a4d;max-height:90vh;overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,28px);touch-action:pan-y;width:100%}.customer-modal-scroll--messages{background:linear-gradient(160deg,#0f172a,#1e293b 45%,#312e81);color:#f8fafc;max-height:80vh;overflow:hidden;padding:clamp(24px,4vw,36px);position:relative;width:100%}.customer-modal-scroll--messages:before{background-image:radial-gradient(circle at 12% 18%,#ffffff2e 0,#0000 48%),radial-gradient(circle at 88% 12%,#3b82f640 0,#0000 60%),radial-gradient(circle at 20% 88%,#ec489933 0,#0000 55%);content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}.customer-modal-scroll--messages>*{position:relative;z-index:1}.customer-messages{display:flex;flex-direction:column;gap:clamp(16px,2vw,24px)}.customer-messages--modal{min-height:clamp(380px,60vh,520px)}.customer-messages--page{background:#fff;border-radius:28px;box-shadow:0 18px 45px #0f172a14;color:#0f172a;gap:20px;padding:clamp(24px,3vw,32px)}.customer-messages__header{gap:14px}.chat-header,.customer-messages__header{align-items:center;display:flex;justify-content:space-between}.chat-header{gap:16px;width:100%}.chat-header__identity{align-items:center;display:flex;gap:14px}.chat-header__avatar{background:linear-gradient(135deg,#ec4899eb,#3b82f6eb);border-radius:18px;box-shadow:0 20px 48px #ec489959;color:#f8fafc;display:grid;font-size:20px;font-weight:700;height:56px;letter-spacing:.02em;place-items:center;width:56px}.chat-header__info h2{color:inherit;font-size:clamp(20px,2.6vw,26px);margin:0}.chat-header__info p,.chat-header__status{color:#f1f5f9c7;font-size:14px;margin:4px 0 0}.customer-messages__error{background:#f8717133;border:1px solid #f8717159;border-radius:18px;color:#fee2e2;font-size:14px;padding:14px 18px}.chat-timeline{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a94;border-radius:24px;box-shadow:inset 0 0 0 1px #94a3b82e;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:clamp(18px,2.6vw,24px);position:relative;scroll-behavior:smooth}.chat-timeline::-webkit-scrollbar{width:6px}.chat-timeline::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.chat-timeline__loading{color:#f1f5f9d9;font-size:14px;padding:20px 0;text-align:center}.chat-timeline__empty{background:#ffffff0d;border:1px dashed #94a3b847;border-radius:20px;color:#e2e8f0b8;font-size:15px;margin:0;padding:28px 18px;text-align:center}.chat-message{grid-gap:6px;border-radius:18px 18px 6px 18px;display:grid;gap:6px;line-height:1.45;max-width:72%;padding:14px 18px;position:relative}.chat-message--customer{background:linear-gradient(135deg,#ec4899eb,#6366f1eb);border-radius:18px 18px 18px 6px;box-shadow:0 16px 36px #ec489959;color:#f8fafc;margin-left:auto}.chat-message--staff{background:#0f172ae0;border:1px solid #94a3b833;box-shadow:0 14px 34px #0f172a73;color:#e2e8f0f2;margin-right:auto}.chat-message__author{font-size:12px;letter-spacing:.04em;opacity:.7;text-transform:uppercase}.chat-message__text{font-size:15px;margin:0;word-break:break-word}.chat-message__time{font-size:11px;justify-self:flex-end;opacity:.65}.chat-composer{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172aa6;border:1px solid #94a3b833;border-radius:999px;color:inherit;display:flex;gap:12px;padding:6px 10px 6px 18px}.customer-modal-scroll--messages .chat-composer{background:#fffffff5;border:1px solid #94a3b84d;color:#0f172a}.chat-composer__input{background:#0000;border:none;color:inherit;flex:1 1;font-size:15px;min-width:0;outline:none}.chat-composer__input::placeholder{color:#cbd5e199}.customer-modal-scroll--messages .chat-composer__input{color:#0f172a}.customer-modal-scroll--messages .chat-composer__input::placeholder{color:#64748b99}.chat-send-button{align-items:center;background:linear-gradient(135deg,#34d399,#22d3ee);border:none;border-radius:999px;box-shadow:0 20px 44px #22d3ee59;color:#0f172a;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:10px 18px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.chat-send-button span[aria-hidden]{font-size:16px}.chat-send-button:hover:not(:disabled){box-shadow:0 24px 54px #22d3ee66;filter:brightness(1.05);transform:translateY(-1px)}.chat-send-button:disabled{box-shadow:none;cursor:not-allowed;filter:grayscale(20%);opacity:.45}.customer-messages__footer{display:flex;justify-content:flex-start}.customer-messages__back{color:#fff;font-weight:600;padding:10px 0;text-decoration:none;transition:opacity .2s ease}.customer-messages__back:hover{opacity:.75}.customer-messages--page .chat-header__avatar{color:#0f172a}.customer-messages--page .chat-header__info p,.customer-messages--page .chat-header__status{color:#475569}.customer-messages--page .customer-messages__error{background:#fee2e2cc;border-color:#f8717173;color:#b91c1c}.customer-messages--page .chat-timeline{background:#f8fafcf2;border:1px solid #94a3b833;color:inherit}.customer-messages--page .chat-timeline__empty{background:#f1f5f9cc;color:#475569}.customer-messages--page .chat-message--staff{background:#fff;border:1px solid #94a3b838;color:#0f172a}.customer-messages--page .chat-message__time{color:#64748bb3}.customer-messages--page .chat-composer{background:#fffffff2;border:1px solid #94a3b852;color:#0f172a}.customer-messages--page .chat-composer__input{color:#0f172a}.customer-messages--page .chat-composer__input::placeholder{color:#64748b99}.customer-messages--page .customer-messages__back{color:#0f172a}@media (max-width:768px){.customer-messages--page{border-radius:22px;gap:16px;padding:18px}.chat-header{align-items:flex-start;flex-direction:column;gap:10px}.chat-header__identity{gap:10px}.chat-header__avatar{font-size:18px;height:48px;width:48px}.chat-timeline{max-height:360px;padding:16px}.chat-message{max-width:88%;padding:12px 14px}.chat-composer{align-items:stretch;border-radius:18px;flex-direction:column;gap:10px;padding:12px}.chat-composer__input{font-size:16px}.chat-composer__input::placeholder{font-size:14px}.chat-send-button{justify-content:center;width:100%}.customer-messages__back{text-align:center;width:100%}.customer-messages--page .chat-timeline{max-height:420px;padding-bottom:120px}.customer-messages--page .chat-composer{background:#fffffff5;border:1px solid #94a3b84d;bottom:8px;position:-webkit-sticky;position:sticky;z-index:3}.customer-messages--page .chat-send-button{justify-content:center;width:100%}}.badge{align-items:center;background:#6366f126;border-radius:999px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:600;gap:6px;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.badge--pill{background:#0f172a14;color:#0f172a}.badge--status{background:#ec489926;color:#ec4899}.customer-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.customer-list__label{color:#0f172a;font-weight:600}.customer-list__value{color:#475569;font-size:14px}.voucher-row{grid-gap:4px;border-bottom:1px solid #94a3b833;display:grid;gap:4px;padding:12px 0}.customer-view--appointments{gap:24px}.customer-view__list--appointments{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (max-width:768px){.customer-view__list--appointments{gap:14px;grid-template-columns:1fr}.customer-view__list--appointments .appointment-card{border-radius:20px;padding:16px}.customer-view__list--appointments .appointment-card__info{flex-direction:column;gap:8px}.customer-view__list--appointments .appointment-card__details-button{text-align:center;width:100%}}.customer-appointment-detail{color:var(--text-primary);display:flex;flex-direction:column;gap:1.5rem;max-width:800px;padding:1.5rem}.customer-appointment-detail__header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.customer-appointment-detail__header h2{font-size:1.6rem;margin:0}.customer-appointment-detail__header p{color:var(--text-secondary);margin:.25rem 0}.customer-appointment-detail__location{color:var(--text-muted);font-size:.95rem}.customer-appointment-detail__notes{background:#0f172a0d;border-radius:12px;padding:1rem 1.25rem}.customer-appointment-detail__notes h3{font-size:1.1rem;margin:0 0 .3rem}.customer-appointment-detail__documents,.customer-appointment-detail__pdf,.customer-appointment-detail__signatures{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa6;border:1px solid #94a3b833;border-radius:16px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.dark-mode .customer-appointment-detail__documents,.dark-mode .customer-appointment-detail__pdf,.dark-mode .customer-appointment-detail__signatures{background:#1e293bcc;border-color:#94a3b84d}.section-heading{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.section-heading h3{font-size:1.2rem;margin:0}.section-heading p{color:var(--text-secondary);margin:.35rem 0 0;max-width:36ch}.file-upload{align-items:center;background:linear-gradient(135deg,var(--accent-color),#6366f1);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:.75rem 1.25rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.file-upload input{cursor:pointer;inset:0;opacity:0;position:absolute}.customer-appointment-detail__list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.customer-appointment-detail__list li{align-items:center;border-bottom:1px solid #94a3b833;display:flex;gap:1rem;justify-content:space-between;padding:.75rem .5rem}.customer-appointment-detail__list li:last-child{border-bottom:none}.file-meta{display:flex;flex-direction:column;gap:.25rem}.file-meta strong{font-size:1rem}.file-meta span{color:var(--text-muted);font-size:.85rem}.file-actions{display:flex;gap:.5rem}.file-actions button{background:#6366f11f;border:none;border-radius:8px;color:var(--accent-color);cursor:pointer;font-weight:600;padding:.4rem .9rem}.file-actions button.danger{background:#ef44441f;color:#ef4444}.signature-actions{display:flex;gap:.75rem}.signature-actions button{border:none;border-radius:10px;cursor:pointer;font-weight:600;padding:.55rem 1.1rem}.signature-actions .ghost{background:#0000;border:1px solid #94a3b866;color:var(--text-secondary)}.signature-actions button:not(.ghost){background:linear-gradient(135deg,#6366f1,var(--accent-color));color:#fff}.signature-pad-wrapper{background:#6366f10d;border:1px dashed #6366f166;border-radius:12px;display:flex;justify-content:center;padding:.75rem}.signature-canvas{background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #94a3b833;height:220px;max-width:600px;width:100%}.customer-appointment-detail__pdf button{align-self:flex-start;background:linear-gradient(135deg,#14b8a6,#0f766e);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem}.customer-appointment-detail__empty,.customer-appointment-detail__loading{color:var(--text-muted);font-size:.95rem}.customer-dropzone{background:#6366f114;border:2px dashed #6366f159;border-radius:14px;color:#4f46e5e6;font-size:.95rem;font-weight:600;padding:.9rem 1rem;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.customer-dropzone--active{background:#6366f12e;border-color:#4f46e5cc;color:#1e40aff2}.customer-appointment-detail__error{background:#f8717126;border-radius:10px;color:#b91c1c;font-weight:600;padding:.75rem 1rem}.customer-appointment-detail__success{background:#22c55e26;border-radius:10px;color:#166534;font-weight:600;padding:.75rem 1rem}@media (max-width:720px){.customer-appointment-detail{padding:1rem}.section-heading{align-items:flex-start;flex-direction:column}.signature-canvas{height:180px}.file-actions{flex-wrap:wrap}}
/*# sourceMappingURL=main.c24f7690.css.map*/