@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Lato:wght@300;400;700&family=Open+Sans:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap";:root{--white: #FFFFFF;--ivory: #FFFEF7;--cream: #FDFCF5;--pearl: #F8F7F3;--beige: #F5F3F0;--gray-50: #FAFAFA;--gray-100: #F5F5F5;--gray-200: #EEEEEE;--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);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--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: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-subtle{background-color:var(--bg-subtle)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-gold{color:var(--gold-600)}.text-bronze{color:var(--bronze-600)}.text-copper{color:var(--copper-600)}.bg-gold{background-color:var(--gold-600)}.bg-bronze{background-color:var(--bronze-600)}.bg-copper{background-color:var(--copper-600)}.border-gold{border-color:var(--gold-600)}.border-bronze{border-color:var(--bronze-600)}.border-copper{border-color:var(--copper-600)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.text-warning{color:var(--warning-600)}.text-info{color:var(--info-600)}.bg-success{background-color:var(--success-600)}.bg-error{background-color:var(--error-600)}.bg-warning{background-color:var(--warning-600)}.bg-info{background-color:var(--info-600)}.input{background-color:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}:root{--bg-color: #F5F7FA;--menu-bg-color: #D4817E;--accent-color: #F59E0B;--text-color: #4A5568;--selected-text-color: #FFFFFF;--ancient-pink: #E8A5A5;--text-title: #D4817E;--white: #FFFFFF;--light-gray: #F7FAFC;--gray: #A0AEC0;--dark-gray: #4A5568;--success: #48BB78;--warning: #F6AD55;--danger: #F56565;--info: #4299E1;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .12);--border-radius: 16px;--border-radius-sm: 10px;--transition: all .3s ease;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Syne", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.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 rgba(0, 0, 0, .5);--shadow-hover: 0 4px 16px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:12px}body{font-family:var(--font-heading);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}.view-header h1,.view-header h2,.view-header h3{font-family:var(--font-heading)!important}:root{--header-font-size: 14px;--sidebar-font-size: 14px;--titles-font-size: 24px}.app-header{font-size:var(--header-font-size)}.app-header h1{font-size:calc(var(--header-font-size) * 1.7)}.app-header *{font-size:var(--header-font-size)}.sidebar,.nav-menu,.app-nav,.sidebar *,.nav-menu *,.app-nav *,.sidebar .nav-item,.nav-menu .nav-item,.app-nav .nav-item,.app-nav .nav-item span,.app-nav button.nav-item,.app-nav button.nav-item *{font-size:var(--sidebar-font-size)!important}.view-header{margin-bottom:20px!important}.view-content{max-height:calc(100vh - 240px)}.card,.table-container,.content-card,.data-table-container{padding:16px!important}.list-item,.table-row{padding:12px 16px!important}.grid,.stats-grid,.dashboard-stats-grid,.data-grid{gap:16px!important}.section-header,.dashboard-header,.expenses-header{margin-bottom:20px!important}.customers,.appointments,.operatori,.locations,.cabine,.treatments,.calendario-lavoro,.reminders,.reports,.retouches,.expenses{padding:0!important}.calendario-lavoro{overflow-y:visible!important;overflow-x:hidden!important;max-height:none!important;height:auto!important}.main-content:has(.calendario-lavoro){overflow-y:visible!important}.modal-header{padding:16px 20px!important}.modal-body{padding:20px!important}.modal-footer{padding:16px 20px!important;gap:12px!important}.filters,.controls,.action-bar,.toolbar{margin-bottom:16px!important;gap:12px!important}.data-table,.table,.list{padding:0!important}.table th,.table td{padding:10px 12px!important}.customer-card,.appointment-card,.item-card{padding:20px 16px!important;min-height:70px!important}.view-header h1{font-size:calc(var(--titles-font-size) * 1.17)!important}.view-header h2{font-size:var(--titles-font-size)!important}.view-header h3,.modal-header h2,.modal-title{font-size:calc(var(--titles-font-size) * .83)!important}h1{font-size:var(--titles-font-size)}h2{font-size:calc(var(--titles-font-size) * .83)}h3{font-size:calc(var(--titles-font-size) * .75)}h4{font-size:calc(var(--titles-font-size) * .67)}h5{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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-spinner{width:40px;height:40px;border:3px solid var(--light-gray);border-top:3px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.btn,button.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-danger,.btn-success,.header-actions .btn,.view-header .btn,.modal-footer .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:9px 24px!important;border-radius:var(--border-radius)!important;font-size:1rem!important;font-weight:500!important;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;border:2px solid transparent;min-height:45px!important;height:45px!important;line-height:1.5!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important}.btn.btn-success.btn-sm,button.btn.btn-success.btn-sm{min-height:45px!important;height:45px!important;border-radius:var(--border-radius)!important}.menu-item,.menu-card,.full-menu-content .menu-item,.full-menu-content .menu-card,.full-menu-content button.menu-item,.full-menu-content button.menu-card{border-radius:0!important;-webkit-border-radius:0!important;-moz-border-radius:0!important}.btn:disabled{opacity:.6;cursor:not-allowed}.appointments .btn,.customers .btn,.operatori .btn,.locations .btn,.cabine .btn,.treatments .btn,.calendario-lavoro .btn,.reminders .btn,.reports .btn,.retouches .btn,.expenses .btn,.settings .btn,.crm .btn,.booking .btn{min-height:45px!important;padding:9px 24px!important;height:45px!important;line-height:1.5!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;font-size:1rem!important;gap:8px!important}.reminders .header-actions .btn,.reminders .header-actions .btn-primary,.reminders .header-actions .btn.btn-primary,.expenses .view-header .btn,.expenses .view-header .btn-primary,.expenses .view-header .btn.btn-primary{min-height:45px!important;padding:9px 24px!important;height:45px!important;font-size:1rem!important;width:auto!important;max-width:none!important}.appointments .btn-sm,.customers .btn-sm,.operatori .btn-sm,.locations .btn-sm,.cabine .btn-sm,.treatments .btn-sm,.calendario-lavoro .btn-sm,.reminders .btn-sm,.reports .btn-sm,.retouches .btn-sm,.expenses .btn-sm,.settings .btn-sm,.crm .btn-sm,.booking .btn-sm{min-height:32px!important;padding:7px 14px!important;height:auto!important}.btn-primary,.view-header .btn-primary,.modal-footer .btn-primary,.header-actions .btn-primary,.view-header>.btn-primary{background-color:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;height:45px!important;min-height:45px!important}.btn-primary:hover:not(:disabled),.view-header .btn-primary:hover:not(:disabled),.modal-footer .btn-primary:hover:not(:disabled),.header-actions .btn-primary:hover:not(:disabled),.view-header>.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.btn-secondary,.view-header .btn-secondary,.modal-footer .btn-secondary,.header-actions .btn-secondary,.view-header>.btn-secondary{background-color:var(--secondary-color)!important;color:var(--white)!important;border:2px solid var(--secondary-color)!important;box-shadow:var(--shadow-sm)!important;height:45px!important;min-height:45px!important}.btn-secondary:hover:not(:disabled),.view-header .btn-secondary:hover:not(:disabled),.modal-footer .btn-secondary:hover:not(:disabled),.header-actions .btn-secondary:hover:not(:disabled),.view-header>.btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)!important;border-color:var(--secondary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.btn-danger{background-color:var(--error-color)!important;color:var(--white)!important;border:2px solid var(--error-color)!important;box-shadow:var(--shadow-sm)!important}.btn-danger:hover:not(:disabled){opacity:.9!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.header-right .btn-icon{background:#ffffffe6!important;border:1px solid var(--light-gray)!important;border-radius:var(--border-radius)!important;box-shadow:0 2px 4px #0000001a!important}.btn-danger:hover:not(:disabled){background:#c82333;transform:translateY(-2px)}.btn-google{background:var(--white);color:var(--text-color);border:2px solid var(--light-gray)}.btn-google:hover:not(:disabled){background:var(--light-gray);transform:translateY(-2px)}.btn-sm,button.btn-sm,.btn.btn-sm,.header-actions .btn-sm,.view-header .btn-sm,.modal-footer .btn-sm{padding:7px 14px!important;font-size:.875rem!important;min-height:32px!important;height:auto!important;line-height:1.4!important;box-sizing:border-box!important}.btn-icon,button.btn-icon{min-width:40px!important;min-height:45px!important;width:40px!important;height:40px!important;padding:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.btn.btn-danger.btn-icon,button.btn.btn-danger.btn-icon{min-width:45px!important;min-height:45px!important;width:45px!important;height:45px!important;border-radius:var(--border-radius)!important}.btn-icon.btn-sm,button.btn-icon.btn-sm{min-width:32px!important;min-height:32px!important;width:32px!important;height:32px!important;padding:6px!important}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{margin-bottom:8px;font-weight:500;color:var(--text-color)}.form-group input,.form-group select,input:not([type=checkbox]):not([type=radio]),select{padding:9px 30px!important;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:var(--white);font-family:inherit;min-height:45px!important;height:auto!important;line-height:1.4!important;box-sizing:border-box!important}.form-group textarea,textarea{padding:9px 30px!important;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:var(--white);font-family:inherit;min-height:80px!important;line-height:1.4!important;resize:vertical;box-sizing:border-box!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #d977061a}.form-group textarea{resize:vertical;min-height:100px}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:28px;transition:var(--transition);border:1px solid rgba(0,0,0,.04)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#00000014}.toast-container{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--white);padding:15px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow-hover);border-left:4px solid var(--accent-color);min-width:300px;animation:slideIn .3s ease}.toast.success{border-left-color:var(--success)}.toast.error{border-left-color:var(--danger)}.toast.warning{border-left-color:var(--warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--white);border-radius:var(--border-radius);width:min(920px,94vw);max-width:min(920px,94vw);max-height:min(88vh,840px);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-hover);animation:modalSlideIn .3s ease}.modal.modal-large,.modal-large{width:min(1080px,96vw)!important;max-width:min(1080px,96vw)!important;min-width:auto!important;max-height:min(90vh,880px)!important}.modal.modal-xlarge,.modal-xlarge{width:min(1280px,97vw)!important;max-width:min(1280px,97vw)!important;min-width:auto!important;max-height:min(90vh,900px)!important}@media(max-width:1280px){.modal,.modal.modal-large,.modal.modal-xlarge,.modal-large,.modal-xlarge{width:min(96vw,1080px)!important;max-width:min(96vw,1080px)!important}}@media(max-width:768px){.modal,.modal.modal-large,.modal.modal-xlarge,.modal-large,.modal-xlarge{width:96vw!important;max-width:96vw!important;max-height:92vh!important}.modal-backdrop .modal.modal-large,.modal-backdrop .modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important}.modal{margin:20px;width:95%;max-width:95vw}.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 0;min-width:120px}}@keyframes modalSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--light-gray);background:linear-gradient(90deg,#c7746f,#d4817e)}.modal-header h3{color:#fff;font-size:1.25rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.modal-header-actions{display:flex;align-items:center;gap:12px}.modal-backdrop .modal .modal-header button[aria-label*=lose],.modal-backdrop .modal .modal-header button[aria-label*=Chiudi],.modal-backdrop .modal .modal-header .btn-icon,.modal-backdrop .modal-header .btn-icon,div[class*=modal] .modal-header .btn-icon,.modal-close,.modal-header .btn.btn-icon,.modal-header button.btn-icon{background:#0000004d!important;border:2px solid rgba(255,255,255,.8)!important;font-size:1.1rem!important;color:#fff!important;cursor:pointer!important;padding:6px!important;border-radius:var(--border-radius)!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:10!important;box-shadow:0 2px 8px #0000004d!important}.modal-backdrop .modal .modal-header button[aria-label*=lose]:hover,.modal-backdrop .modal .modal-header button[aria-label*=Chiudi]: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 rgba(255,255,255,1)!important;color:#fff!important;transform:scale(1.1)!important;box-shadow:0 4px 12px #0006!important}.modal-header .btn.btn-icon:disabled,.modal-header button.btn-icon:disabled{opacity:.5!important;cursor:not-allowed!important}.modal-backdrop .modal .modal-header button svg,.modal-header .btn-icon svg,.modal-close svg{color:#fff!important;stroke:#fff!important;fill:none!important;width:20px!important;height:20px!important;display:block!important;opacity:1!important;visibility:visible!important;stroke-width:2.5!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))!important}.modal-footer{display:flex;justify-content:flex-end;gap:15px;padding:16px 24px;border-top:1px solid var(--light-gray);padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.modal-body{padding:16px 24px;overflow-y:auto;flex:1;min-height:0}.modal-backdrop{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important}@media(max-width:768px){.modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important}}.modal-backdrop .modal.modal-large{display:flex!important;flex-direction:column!important;position:relative!important;max-height:calc(100vh - 40px)!important;z-index:10000!important;margin:auto!important}@media(max-width:768px){.modal-backdrop .modal.modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0 auto!important;border-radius:var(--border-radius)!important;overflow:hidden!important}.modal-backdrop .modal.modal-large .modal-header{min-height:60px!important;flex-shrink:0!important}.modal-backdrop .modal.modal-large .modal-footer{min-height:70px!important;flex-shrink:0!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!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{position:sticky!important;top:0!important;z-index:10001!important;background:linear-gradient(90deg,#c7746f,#d4817e)!important;border-bottom:1px solid var(--border-light)!important;flex-shrink:0!important;padding:16px 20px!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.modal-backdrop .modal.modal-large .modal-header h3{color:#fff!important;z-index:10002!important;position:relative!important}.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{z-index:10003!important;position:relative!important}.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;min-height:0!important;padding:0!important;z-index:1!important;position:relative!important}.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important;flex-shrink:0!important;display:flex!important;gap:12px!important;flex-wrap:nowrap!important;padding:16px 20px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;box-shadow:0 -2px 10px #0000001a!important}.modal-backdrop .modal.modal-large .modal-footer .btn{position:relative!important;z-index:10002!important;flex:1 1 0!important;min-width:120px!important}@media(max-width:480px){.modal{margin:10px;width:98%;max-width:98vw}}.fade-in{animation:fadeIn .5s ease}.slide-up{animation:slideUp .5s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--dark-gray)}.customers .view-header .btn-primary,.treatments .view-header .btn-primary,.locations .view-header .btn-primary,.cabins .view-header .btn-primary,.operators .view-header .btn-primary,.reports .view-header .btn-primary,.expenses .view-header .btn-primary,.reminders .view-header .btn-primary,.reminders .header-actions .btn-primary,.view-header>.btn-primary,.modal-footer .btn-primary{background-color:var(--primary-color)!important;color:var(--white)!important;border:2px solid var(--primary-color)!important;box-shadow:var(--shadow-sm)!important;min-height:45px!important;padding:9px 24px!important;height:45px!important;font-size:1rem!important;width:auto!important;max-width:none!important}.customers .view-header .btn-primary:hover:not(:disabled),.treatments .view-header .btn-primary:hover:not(:disabled),.locations .view-header .btn-primary:hover:not(:disabled),.cabins .view-header .btn-primary:hover:not(:disabled),.operators .view-header .btn-primary:hover:not(:disabled),.reports .view-header .btn-primary:hover:not(:disabled),.expenses .view-header .btn-primary:hover:not(:disabled),.reminders .view-header .btn-primary:hover:not(:disabled),.reminders .header-actions .btn-primary:hover:not(:disabled),.view-header>.btn-primary:hover:not(:disabled),.modal-footer .btn-primary:hover:not(:disabled){background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.customers .view-header .btn-secondary,.treatments .view-header .btn-secondary,.locations .view-header .btn-secondary,.cabins .view-header .btn-secondary,.operators .view-header .btn-secondary,.reports .view-header .btn-secondary,.expenses .view-header .btn-secondary,.view-header>.btn-secondary,.modal-footer .btn-secondary{background-color:var(--secondary-color)!important;color:var(--white)!important;border:2px solid var(--secondary-color)!important;box-shadow:var(--shadow-sm)!important}.customers .view-header .btn-secondary:hover:not(:disabled),.treatments .view-header .btn-secondary:hover:not(:disabled),.locations .view-header .btn-secondary:hover:not(:disabled),.cabins .view-header .btn-secondary:hover:not(:disabled),.operators .view-header .btn-secondary:hover:not(:disabled),.reports .view-header .btn-secondary:hover:not(:disabled),.expenses .view-header .btn-secondary:hover:not(:disabled),.view-header>.btn-secondary:hover:not(:disabled),.modal-footer .btn-secondary:hover:not(:disabled){background-color:var(--secondary-hover)!important;border-color:var(--secondary-hover)!important;transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}@media(max-width:768px){div.modal-backdrop>div.modal.modal-large,div.modal-backdrop div.modal.modal-large,.modal-backdrop>.modal.modal-large,.modal-backdrop .modal.modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:var(--border-radius)!important;overflow:hidden!important}div.modal-backdrop>div.modal.modal-large .modal-header,div.modal-backdrop div.modal.modal-large .modal-header,.modal-backdrop>.modal.modal-large .modal-header,.modal-backdrop .modal.modal-large .modal-header{min-height:60px!important;flex-shrink:0!important;position:sticky!important;top:0!important;z-index:10001!important}div.modal-backdrop>div.modal.modal-large .modal-footer,div.modal-backdrop div.modal.modal-large .modal-footer,.modal-backdrop>.modal.modal-large .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{min-height:70px!important;flex-shrink:0!important;position:sticky!important;bottom:0!important;z-index:10001!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}@supports (height: 100dvh){@media(max-width:768px){div.modal-backdrop>div.modal.modal-large,div.modal-backdrop div.modal.modal-large,.modal-backdrop>.modal.modal-large,.modal-backdrop .modal.modal-large{max-height:calc(100dvh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}}}.view-header .btn svg,.modal-footer .btn svg{color:inherit!important;stroke:currentColor!important}@media(min-width:768px)and (max-width:1024px){html,body{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}#root,.app-layout,.app-content{overflow-x:hidden!important;max-width:100vw!important;width:100%!important;box-sizing:border-box!important}.main-content{overflow-x:hidden!important;overflow-y:auto!important;min-width:0!important;box-sizing:border-box!important;padding:12px!important}.main-content>*{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;min-width:0!important}.main-content *{max-width:100%!important;box-sizing:border-box!important;min-width:0!important}}html,body,#root{height:100%;margin:0;padding:0;overflow:auto}body{margin:0;font-family:var(--font-heading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-secondary);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media(min-width:768px)and (max-width:1024px){html,body,#root,.app-layout{overflow-x:hidden!important;max-width:100vw!important;width:100vw!important;box-sizing:border-box!important}.app-content{overflow-x:hidden!important;min-width:0!important;box-sizing:border-box!important}.main-content{overflow-x:hidden!important;overflow-y:auto!important;min-width:0!important;box-sizing:border-box!important;padding:12px!important}.main-content>*{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;min-width:0!important}.main-content *{max-width:100%!important;box-sizing:border-box!important;min-width:0!important}.main-content *{max-width:100%!important;box-sizing:border-box!important}.search-box,.custom-dropdown,.btn,.card,.stat-card,.action-card,.view-header,.crm-tabs,.crm-filters{min-width:0!important;max-width:100%!important}.grid,[class*=grid],[class*=Grid]{max-width:100%!important;width:100%!important;overflow-x:hidden!important}.view-header,.crm-filters,.crm-filters-right,.btn,.crm-tab{white-space:normal!important;word-wrap:break-word!important}}: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 .3s cubic-bezier(.4, 0, .2, 1);--modal-backdrop-blur: 8px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:modalBackdropFadeIn .3s ease-out}@keyframes modalBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur))}}.modal{background:var(--white);border-radius:var(--modal-radius);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff0d;max-height:90vh;width:100%;max-width:var(--modal-md);display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative}.modal-xs{max-width:var(--modal-xs)}.modal-sm{max-width:var(--modal-sm)}.modal-md{max-width:var(--modal-md)}.modal-lg{max-width:var(--modal-lg)}.modal-xl{max-width:var(--modal-xl)}.modal-2xl{max-width:var(--modal-2xl)}.modal-full{max-width:var(--modal-full)}.modal-header{padding:var(--modal-padding);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--theme-primary) 0%,var(--theme-primary-hover) 100%);position:relative;display:flex;align-items:center;justify-content:space-between;min-height:64px}.modal-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);pointer-events:none}.modal-title{font-size:1.375rem;font-weight:600;color:var(--white);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1);letter-spacing:-.025em;position:relative;z-index:1}.modal-subtitle{font-size:.875rem;color:#fffc;margin-top:4px;font-weight:400;position:relative;z-index:1}.modal-close-btn{background:#0003;border:2px solid rgba(255,255,255,.3);color:var(--white);width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--modal-transition);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-btn:hover{background:#0000004d;border-color:#fff9;transform:scale(1.05);box-shadow:0 4px 12px #0003}.modal-close-btn svg{width:20px;height:20px;stroke-width:2.5;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.modal-body{padding:var(--modal-padding);flex:1;overflow-y:auto;background:var(--white)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--border-radius)}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--border-radius)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.modal-footer{padding:var(--modal-padding);border-top:1px solid var(--border-light);background:var(--gray-50);display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:64px}.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{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.modal-form-group{margin-bottom:20px}.modal-form-group:last-child{margin-bottom:0}.modal-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.modal-input,.modal-textarea,.modal-select{width:100%;padding:12px 16px;border:2px solid var(--border-light);border-radius:var(--modal-radius-sm);font-size:1rem;font-family:inherit;background:var(--white);color:var(--text-primary);transition:var(--modal-transition)}.modal-input:focus,.modal-textarea:focus,.modal-select:focus{outline:none;border-color:var(--theme-primary);box-shadow:0 0 0 3px #e8c8c21a}.modal-textarea{resize:vertical;min-height:100px}.modal-grid{display:grid;gap:16px}.modal-grid-2{grid-template-columns:1fr 1fr}.modal-grid-3{grid-template-columns:1fr 1fr 1fr}.modal-tabs{display:flex;border-bottom:1px solid var(--border-light);margin-bottom:24px;background:var(--gray-50);border-radius:var(--modal-radius-sm) var(--modal-radius-sm) 0 0;overflow-x:auto}.modal-tab{padding:12px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--modal-transition);border-bottom:2px solid transparent;white-space:nowrap;display:flex;align-items:center;gap:8px}.modal-tab:hover{color:var(--text-primary);background:#ffffff80}.modal-tab.active{color:var(--theme-primary);border-bottom-color:var(--theme-primary);background:var(--white)}.modal-tab-content{display:none}.modal-tab-content.active{display:block}@media(max-width:768px){.modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important}.modal-backdrop .modal.modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;border-radius:var(--border-radius)!important;overflow:hidden!important}.modal-backdrop .modal.modal-large .modal-header{min-height:60px!important;flex-shrink:0!important}.modal-backdrop .modal.modal-large .modal-footer{min-height:70px!important;flex-shrink:0!important}.modal{max-height:95vh;border-radius:var(--modal-radius-sm)}.modal-header,.modal-body,.modal-footer{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;width:auto}}@media(max-width:480px){.modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important}.modal-backdrop .modal.modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;border-radius:var(--border-radius)!important;overflow:hidden!important}.modal-backdrop .modal.modal-large .modal-header{min-height:60px!important;flex-shrink:0!important}.modal-backdrop .modal.modal-large .modal-footer{min-height:70px!important;flex-shrink:0!important}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-title{font-size:1.125rem}.modal-close-btn{width:36px;height:36px}.modal-close-btn svg{width:18px;height: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{pointer-events:none;opacity:.7}.modal-loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid var(--border-light);border-top:3px solid var(--theme-primary);border-radius:50%;animation:modalSpinner 1s linear infinite}@keyframes modalSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:769px){.modal-backdrop .modal,.modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-sm,.modal-backdrop .modal.modal-md{display:flex!important;flex-direction:column!important;max-height:90vh!important;overflow:hidden!important}.modal-backdrop .modal .modal-header,.modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-sm .modal-header,.modal-backdrop .modal.modal-md .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:64px!important;padding:20px 24px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:linear-gradient(135deg,var(--theme-primary, #C7746F) 0%,var(--theme-primary-hover, #D4817E) 100%)!important;border-bottom:1px solid var(--border-light, #e5e7eb)!important;box-shadow:0 2px 4px #0000000d!important}.modal-backdrop .modal .modal-header h2,.modal-backdrop .modal .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h2,.modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h2,.modal-backdrop .modal.modal-xlarge .modal-header h3{color:var(--white)!important;font-size:1.375rem!important;font-weight:600!important;margin:0!important;padding:0!important;line-height:1.4!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;letter-spacing:-.025em!important}.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 .modal-header .modal-close-btn,.modal-backdrop .modal.modal-large .modal-header .btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn-icon{background:#0003!important;border:2px solid rgba(255,255,255,.3)!important;color:var(--white)!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:45px!important;padding:0!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important;z-index:2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0003!important}.modal-backdrop .modal .modal-header .btn-icon:hover,.modal-backdrop .modal .modal-header button[aria-label*=Chiudi]:hover,.modal-backdrop .modal .modal-header button[aria-label*=lose]:hover,.modal-backdrop .modal .modal-header .modal-close-btn:hover{background:#0000004d!important;border-color:#fff9!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #0000004d!important}.modal-backdrop .modal .modal-header .btn-icon svg,.modal-backdrop .modal .modal-header button svg,.modal-backdrop .modal .modal-header .modal-close-btn svg{width:20px!important;height:20px!important;stroke-width:2.5!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))!important}.modal-backdrop .modal .modal-footer,.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-sm .modal-footer,.modal-backdrop .modal.modal-md .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;min-height:64px!important;padding:20px 24px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;background:var(--white)!important;border-top:1px solid var(--border-light, #e5e7eb)!important;box-shadow:0 -2px 4px #0000000d!important;margin-top:auto!important}.modal-backdrop .modal .modal-footer.modal-footer-left{justify-content:flex-start!important}.modal-backdrop .modal .modal-footer.modal-footer-center{justify-content:center!important}.modal-backdrop .modal .modal-footer.modal-footer-space-between{justify-content:space-between!important}.modal-backdrop .modal .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-sm .modal-footer .btn,.modal-backdrop .modal.modal-md .modal-footer .btn{min-height:45px!important;min-width:120px!important;padding:12px 24px!important;font-size:1rem!important;font-weight:500!important;border-radius:var(--border-radius)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transition:all .2s ease!important;cursor:pointer!important;border:2px solid transparent!important;white-space:nowrap!important}.modal-backdrop .modal .modal-footer .btn-primary,.modal-backdrop .modal .modal-footer .btn.btn-primary{background:var(--primary-color, var(--theme-primary, #C7746F))!important;color:var(--white)!important;border-color:var(--primary-color, var(--theme-primary, #C7746F))!important}.modal-backdrop .modal .modal-footer .btn-primary:hover:not(:disabled),.modal-backdrop .modal .modal-footer .btn.btn-primary:hover:not(:disabled){background:var(--primary-color-hover, var(--theme-primary-hover, #D4817E))!important;border-color:var(--primary-color-hover, var(--theme-primary-hover, #D4817E))!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #c7746f4d!important}.modal-backdrop .modal .modal-footer .btn-secondary,.modal-backdrop .modal .modal-footer .btn.btn-secondary{background:var(--white)!important;color:var(--text-primary, #1f2937)!important;border-color:var(--border-light, #e5e7eb)!important}.modal-backdrop .modal .modal-footer .btn-secondary:hover:not(:disabled),.modal-backdrop .modal .modal-footer .btn.btn-secondary:hover:not(:disabled){background:var(--gray-50, #f9fafb)!important;border-color:var(--gray-300, #d1d5db)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.modal-backdrop .modal .modal-footer .btn-danger,.modal-backdrop .modal .modal-footer .btn.btn-danger{background:var(--error-color, #ef4444)!important;color:var(--white)!important;border-color:var(--error-color, #ef4444)!important}.modal-backdrop .modal .modal-footer .btn-danger:hover:not(:disabled),.modal-backdrop .modal .modal-footer .btn.btn-danger:hover:not(:disabled){background:var(--error-color-hover, #dc2626)!important;border-color:var(--error-color-hover, #dc2626)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #ef44444d!important}.modal-backdrop .modal .modal-footer .btn:disabled,.modal-backdrop .modal .modal-footer .btn[disabled]{opacity:.5!important;cursor:not-allowed!important;transform:none!important}.modal-backdrop .modal .modal-footer .btn svg{width:18px!important;height:18px!important;flex-shrink:0!important}.modal-backdrop .modal .modal-body,.modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:24px!important}}@media(max-width:768px){.customers,.treatments,.locations,.cabins,.operators,.reports,.expenses,.reminders,.retouches{overflow:visible!important;max-height:none!important;height:auto!important;flex:none!important;padding-bottom:290px!important}.view-content:not(.crm-content):not(.crm .view-content){overflow:visible!important;max-height:none!important;padding:16px 16px 240px!important}.view-header{margin-bottom:20px!important}.view-header h2{font-size:1.5rem!important}.btn{padding:8px 16px!important;font-size:.9rem!important}.btn svg{width:18px!important;height:18px!important}.customer-card{padding:16px!important;margin-bottom:10px!important;min-height:65px!important}.treatment-item,.location-card,.cabin-card,.operator-card{padding:12px!important;margin-bottom:10px!important}.customer-name,.treatment-name,.location-name{font-size:14px!important}.customer-phone,.customer-email,.treatment-price,.treatment-duration,table{font-size:.85rem!important}th{padding:10px 8px!important;font-size:.85rem!important}td{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{padding:10px 12px!important;font-size:.9rem!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{font-size:.75rem!important;padding:2px!important}.mini-day-number{font-size:.75rem!important}.timeline-hour,.appointment-block{font-size:.75rem!important;padding:4px 6px!important}.customers-list,.treatments-list,.locations-list,.operators-list{overflow:visible!important;max-height:none!important}}@media(max-width:480px){.view-header h2{font-size:1.3rem!important}.view-content{padding:12px!important}.btn{padding:6px 12px!important;font-size:.85rem!important}.btn svg{width:16px!important;height:16px!important}.customer-card{padding:14px!important;margin-bottom:8px!important;min-height:60px!important}.treatment-item,.location-card,.cabin-card,.operator-card{padding:10px!important;margin-bottom:8px!important}.customer-name,.treatment-name,.location-name{font-size:14px!important}.customer-phone,.customer-email,.treatment-price,.treatment-duration,table{font-size:.8rem!important}th,td{padding:8px 6px!important;font-size:.8rem!important}.modal-header h3{font-size:1.2rem!important}.stat-value{font-size:1.3rem!important}.stat-label{font-size:.8rem!important}.timeline-hour,.appointment-block{font-size:.7rem!important;padding:3px 5px!important}.mini-day,.mini-day-number{font-size:.7rem!important}}@media(max-width:768px)and (orientation:landscape){.customers,.treatments,.locations,.cabins,.operators,.reports,.expenses,.reminders,.retouches,.appointments,.view-content,.customers-list,.treatments-list,.locations-list,.operators-list{max-height:none!important;overflow:visible!important}}.crm-content>.view-content,.crm-content .view-content,.crm .crm-content>.view-content,.crm .crm-content .view-content,.crm>.crm-content>.view-content,.crm>.crm-content .view-content,.main-content .crm .crm-content>.view-content,.main-content .crm .crm-content .view-content,.main-content>.crm .crm-content>.view-content,.main-content>.crm .crm-content .view-content,.crm .view-content,.crm>.view-content,.view-content:has(.crm),.view-content .crm,.view-content:has(.crm-overview),.view-content .crm-overview{all:unset!important;display:contents!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;max-height:none!important;min-height:0!important;height:auto!important;width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;position:static!important}.crm .crm-tabs,.crm>.crm-tabs,.crm-tabs{display:flex!important;visibility:visible!important;opacity:1!important;min-height:47px!important;height:auto!important;flex-shrink:0!important}.crm .crm-tab,.crm>.crm-tab,.crm-tab{min-height:47px!important;height:auto!important;box-sizing:border-box!important}@media(min-width:768px)and (max-width:1024px){body,html,#root{overflow-x:hidden!important;width:100%;max-width:100vw}.app-layout{overflow-x:hidden!important;max-width:100vw!important;width:100vw!important;box-sizing:border-box!important}.app-content{overflow-x:hidden!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}.main-content{overflow-x:hidden!important;overflow-y:auto!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;min-width:0!important;padding:12px!important}.main-content>*{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;min-width:0!important}.main-content *{max-width:100%!important;box-sizing:border-box!important;min-width:0!important}}@media(max-width:768px){body,html{overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;height:100%}#root{overflow-x:hidden;overflow-y:auto;width:100%;height:100%}.app-header{padding:10px 12px!important;height:auto!important;min-height:50px!important}.app-header h1{font-size:1.2rem!important}.header-right{gap:8px!important}.header-right button{padding:8px!important;min-width:36px!important;min-height:36px!important}.app-layout{flex-direction:column!important}.sidebar{position:fixed!important;left:0!important;top:0!important;width:250px!important;height:100vh!important;z-index:1000!important;transform:translate(-100%)!important;transition:transform .3s ease!important}.sidebar.open{transform:translate(0)!important}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}.sidebar-overlay.active{display:block}.main-content{padding:12px 10px!important;margin-left:0!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.view-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.view-header h2{font-size:1.4rem!important;margin:0!important}.view-header .btn{width:auto!important;max-width:fit-content!important;padding:10px 14px!important;font-size:.875rem!important;justify-content:center!important;white-space:nowrap!important}.card,.data-table-container,.content-card{padding:12px!important;margin-bottom:12px!important}.data-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.data-table table{min-width:100%!important;font-size:.85rem!important}.data-table th,.data-table td{padding:8px 6px!important;font-size:.85rem!important}.data-table th:last-child,.data-table td:last-child{min-width:100px!important}.form-grid{grid-template-columns:1fr!important;gap:12px!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{padding:10px 16px!important;font-size:.9rem!important;min-height:45px!important}.btn-sm{padding:8px 12px!important;min-height:36px!important}.btn-icon{min-width:44px!important;min-height:45px!important;padding:10px!important}.modal-overlay{padding:0!important}.modal-content{width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;margin:0!important;border-radius:0!important;overflow-y:auto!important}.modal-header{padding:12px 16px!important;position:sticky!important;top:0!important;background:#fff!important;z-index:10!important}.modal-body{padding:16px!important;overflow-y:auto!important}.modal-footer{padding:12px 16px!important;position:sticky!important;bottom:0!important;background:#fff!important;z-index:10!important}.filters,.toolbar,.controls{flex-direction:column!important;gap:10px!important}.filters>*,.toolbar>*,.controls>*{width:100%!important}.search-box{width:100%!important}.stats-grid,.dashboard-stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:12px!important}.appointments{padding:0!important}.appointments-layout{grid-template-columns:1fr!important;gap:0!important}.appointments-sidebar{display:none!important}.appointments-main{padding:10px!important;max-height:calc(100vh - 120px)!important}.timeline-grid{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.timeline-header,.timeline-row{min-width:600px!important}.date-navigation{padding:8px!important;gap:8px!important}.date-navigation button{min-width:40px!important;padding:8px!important}.crm-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important}.crm-tab{white-space:nowrap!important;padding:10px 16px!important}.crm-filters{flex-direction:column!important;gap:10px!important}.crm-content{padding:12px!important}.segments-grid{grid-template-columns:1fr!important;gap:16px!important}.segment-card{padding:16px!important}.segment-header{flex-wrap:wrap!important;gap:8px!important}.segment-header h4{font-size:1rem!important;flex:1!important;min-width:0!important}.segment-actions,.campaign-actions{gap:8px!important;flex-wrap:wrap!important}.btn-icon-small{width:44px!important;height:45px!important;padding:10px!important;min-width:44px!important;min-height:45px!important}.btn-icon-small svg{width:18px!important;height:18px!important}.customer-actions-crm{gap:10px!important;flex-wrap:wrap!important}.customer-actions-crm .btn-icon{width:44px!important;height:45px!important;padding:10px!important;min-width:44px!important;min-height:45px!important}.customer-actions-crm .btn-icon svg{width:18px!important;height:18px!important}.campaign-info{flex-direction:column!important;gap:8px!important;font-size:.85rem!important}.campaign-info>div{width:100%!important}.section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.section-header h3{font-size:1.1rem!important}.section-header .btn{width:100%!important;justify-content:center!important}.products-grid-shop{grid-template-columns:1fr!important;padding:12px!important;gap:16px!important}.product-card-shop{max-width:100%!important}.shop-header-container{padding:12px!important;flex-wrap:wrap!important}.shop-branding{flex-direction:row!important;gap:12px!important}.checkout-container{grid-template-columns:1fr!important;padding:12px!important}.order-summary-section{position:static!important;margin-bottom:20px!important}.chart-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.recharts-wrapper{min-width:300px!important}body{font-size:14px!important}*{-webkit-tap-highlight-color:transparent}button,a,input,select{min-height:45px}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],textarea,select{font-size:16px!important}@media(orientation:landscape)and (max-height:500px){.modal-content{height:100vh!important;overflow-y:auto!important}.app-header{min-height:45px!important}}}@media(max-width:375px){.view-header h2{font-size:1.2rem!important}.btn{padding:8px 12px!important;font-size:.85rem!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,0px))!important}.sidebar{padding-top:calc(20px + env(safe-area-inset-top,0px))!important}.modal-content{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}.crm-content{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important}.crm-tabs{padding-top:calc(8px + env(safe-area-inset-top,0px))!important}div.modal-backdrop .modal.segment-builder,div.modal-backdrop .modal.campaign-builder,div.modal-backdrop .modal.automation-builder{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important}}@media(max-width:768px){.btn-icon-small,.btn-icon{min-width:44px!important;min-height:45px!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.segment-card,.campaign-card{padding:18px!important;margin-bottom:16px!important}.segment-actions,.campaign-actions{gap:10px!important;flex-wrap:wrap!important}.customer-actions-crm{gap:12px!important;padding-top:16px!important}.section-header{padding-bottom:16px!important}.campaign-info{gap:12px!important}.btn-icon-small,.btn-icon,.btn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}[data-theme=medical-clean]{--primary-color: #0066CC;--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: #FFFFFF;--bg-secondary: #F5F7FA;--bg-hover: #E9ECEF;--text-primary: #212529;--text-secondary: #6C757D;--text-title: #0066CC;--text-light: #ADB5BD;--border-light: #DEE2E6;--border-medium: #CED4DA;--border-dark: #ADB5BD;--shadow-sm: 0 1px 3px rgba(0, 102, 204, .08);--shadow-md: 0 4px 12px rgba(0, 102, 204, .12);--shadow-lg: 0 8px 24px rgba(0, 102, 204, .16);--white: #FFFFFF;--black: #000000;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}[data-theme=medical-clean] .app-header{background:linear-gradient(135deg,#0066ccb3,#00a8e8b3)}[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: #FFFFFF;--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 rgba(0, 191, 165, .1);--shadow-md: 0 4px 12px rgba(0, 191, 165, .15);--shadow-lg: 0 8px 24px rgba(0, 191, 165, .2);--white: #FFFFFF;--black: #000000;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px}[data-theme=dental-fresh] .app-header{background:linear-gradient(135deg,#00bfa5b3,#64ffdab3)}[data-theme=dental-fresh] .stat-card{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,#fff,#f1f8f6)}[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(--border-radius);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: #FFFFFF;--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 rgba(76, 175, 80, .1);--shadow-md: 0 4px 12px rgba(76, 175, 80, .15);--shadow-lg: 0 8px 24px rgba(76, 175, 80, .2);--white: #FFFFFF;--black: #000000;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}[data-theme=physio-energy] .app-header{background:linear-gradient(135deg,#4caf50b3,#ff9800b3,#8bc34ab3)}[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: #FFFFFF;--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 rgba(156, 136, 188, .08);--shadow-md: 0 4px 12px rgba(156, 136, 188, .12);--shadow-lg: 0 8px 24px rgba(156, 136, 188, .16);--white: #FFFFFF;--black: #000000;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px}[data-theme=spa-zen] .app-header{background:linear-gradient(135deg,#9c88bcb3,#a8c5dab3,#c8b8dbb3)}[data-theme=spa-zen] .stat-card{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,#fff,#f5f3f7);border-radius:var(--border-radius)}[data-theme=spa-zen] .btn-primary{background:linear-gradient(135deg,#9c88bc,#7e6ba3);box-shadow:0 4px 12px #9c88bc4d;border-radius:var(--border-radius)}[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(--border-radius) var(--border-radius) 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(--border-radius)}[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 rgba(139, 69, 19, .15);--shadow-md: 0 4px 12px rgba(139, 69, 19, .2);--shadow-lg: 0 8px 24px rgba(139, 69, 19, .25);--white: #FFFBF5;--black: #1C1008;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px}[data-theme=barber-vintage] .app-header{background:linear-gradient(135deg,#8b4513b3,#d4af37b3,#6b3410b3);border-bottom:3px solid var(--secondary-color)}[data-theme=barber-vintage] .stat-card{border:2px solid var(--secondary-color);border-left:4px solid var(--primary-color);background:linear-gradient(135deg,#fffbf5,#f5f0e8);box-shadow:inset 0 1px #d4af371a}[data-theme=barber-vintage] .btn-primary{background:linear-gradient(135deg,#8b4513,#6b3410);box-shadow:0 4px 12px #8b451366;border:1px solid #D4AF37;font-weight:700;text-transform:uppercase;letter-spacing:1px}[data-theme=barber-vintage] .btn-primary:hover{background:linear-gradient(135deg,#6b3410,#4a2408);box-shadow:0 6px 16px #8b451380;border-color:#b8860b}[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(--border-radius);position:relative}[data-theme=barber-vintage] .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--secondary-color),var(--secondary-color) 10px,transparent 10px,transparent 20px)}[data-theme=barber-vintage] h1,[data-theme=barber-vintage] h2,[data-theme=barber-vintage] h3,[data-theme=barber-vintage] .btn{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%,transparent 0%,rgba(139,69,19,.02) 100%),radial-gradient(circle at 80% 80%,transparent 0%,rgba(212,175,55,.02) 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: rgba(88, 166, 255, .2);--tech-success: #3FB950;--tech-success-light: rgba(63, 185, 80, .2);--tech-warning: #D29922;--tech-warning-light: rgba(210, 153, 34, .2);--tech-error: #F85149;--tech-error-light: rgba(248, 81, 73, .2);--tech-info: #58A6FF;--tech-info-light: rgba(88, 166, 255, .2);--tech-border-light: rgba(240, 246, 252, .12);--tech-border-medium: rgba(240, 246, 252, .18);--tech-border-dark: rgba(240, 246, 252, .25);--tech-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--tech-shadow-md: 0 4px 8px rgba(0, 0, 0, .6);--tech-shadow-lg: 0 8px 16px rgba(0, 0, 0, .7);--tech-hover-bg: rgba(240, 246, 252, .1);--tech-active-bg: rgba(88, 166, 255, .25)}.tech-theme-light-professional{--tech-bg-primary: #FAFBFC;--tech-bg-secondary: #FFFFFF;--tech-bg-tertiary: #F6F8FA;--tech-bg-card: #FFFFFF;--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: rgba(9, 105, 218, .1);--tech-success: #1A7F37;--tech-success-light: rgba(26, 127, 55, .1);--tech-warning: #9A6700;--tech-warning-light: rgba(154, 103, 0, .1);--tech-error: #CF222E;--tech-error-light: rgba(207, 34, 46, .1);--tech-info: #0969DA;--tech-info-light: rgba(9, 105, 218, .1);--tech-border-light: #D1D9E0;--tech-border-medium: #B1BAC4;--tech-border-dark: #8C959F;--tech-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--tech-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--tech-shadow-lg: 0 8px 12px rgba(0, 0, 0, .12);--tech-hover-bg: rgba(9, 105, 218, .05);--tech-active-bg: rgba(9, 105, 218, .1)}.tech-theme-neutral-modern{--tech-bg-primary: #F7F7F7;--tech-bg-secondary: #FFFFFF;--tech-bg-tertiary: #F0F0F0;--tech-bg-card: #FFFFFF;--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: rgba(99, 102, 241, .12);--tech-success: #10B981;--tech-success-light: rgba(16, 185, 129, .12);--tech-warning: #F59E0B;--tech-warning-light: rgba(245, 158, 11, .12);--tech-error: #EF4444;--tech-error-light: rgba(239, 68, 68, .12);--tech-info: #6366F1;--tech-info-light: rgba(99, 102, 241, .12);--tech-border-light: #E0E0E0;--tech-border-medium: #C8C8C8;--tech-border-dark: #A0A0A0;--tech-shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--tech-shadow-md: 0 4px 6px rgba(0, 0, 0, .08);--tech-shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--tech-hover-bg: rgba(99, 102, 241, .06);--tech-active-bg: rgba(99, 102, 241, .12)}.tech-theme-dark-elegant{--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: #B89F61;--tech-accent-hover: #C9B078;--tech-accent-light: rgba(184, 159, 97, .2);--tech-success: #3FB950;--tech-success-light: rgba(63, 185, 80, .2);--tech-warning: #D29922;--tech-warning-light: rgba(210, 153, 34, .2);--tech-error: #F85149;--tech-error-light: rgba(248, 81, 73, .2);--tech-info: #B89F61;--tech-info-light: rgba(184, 159, 97, .2);--tech-border-light: rgba(240, 246, 252, .12);--tech-border-medium: rgba(240, 246, 252, .18);--tech-border-dark: rgba(240, 246, 252, .25);--tech-shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--tech-shadow-md: 0 4px 8px rgba(0, 0, 0, .6);--tech-shadow-lg: 0 8px 16px rgba(0, 0, 0, .7);--tech-hover-bg: rgba(240, 246, 252, .1);--tech-active-bg: rgba(184, 159, 97, .25)}.tech-theme-light-elegant{--tech-bg-primary: #FAF9F7;--tech-bg-secondary: #FFFFFF;--tech-bg-tertiary: #F5F3F0;--tech-bg-card: #FFFFFF;--tech-text-primary: #1A1A1A;--tech-text-secondary: #4A4A4A;--tech-text-tertiary: #6E6E6E;--tech-text-muted: #8C8C8C;--tech-accent-primary: #CEBFA7;--tech-accent-hover: #B8A68F;--tech-accent-light: rgba(206, 191, 167, .15);--tech-success: #2D8659;--tech-success-light: rgba(45, 134, 89, .1);--tech-warning: #B8860B;--tech-warning-light: rgba(184, 134, 11, .1);--tech-error: #C53030;--tech-error-light: rgba(197, 48, 48, .1);--tech-info: #CEBFA7;--tech-info-light: rgba(206, 191, 167, .15);--tech-border-light: #E5E1DC;--tech-border-medium: #D4CFC6;--tech-border-dark: #B8B0A5;--tech-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--tech-shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--tech-shadow-lg: 0 8px 12px rgba(0, 0, 0, .12);--tech-hover-bg: rgba(206, 191, 167, .08);--tech-active-bg: rgba(206, 191, 167, .15)}body.tech-theme-dark-professional .tech-admin-panel,body.tech-theme-dark-professional .support-admin-container,body.tech-theme-light-professional .tech-admin-panel,body.tech-theme-light-professional .support-admin-container,body.tech-theme-neutral-modern .tech-admin-panel,body.tech-theme-neutral-modern .support-admin-container,body.tech-theme-dark-elegant .tech-admin-panel,body.tech-theme-dark-elegant .support-admin-container,body.tech-theme-light-elegant .tech-admin-panel,body.tech-theme-light-elegant .support-admin-container{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,body.tech-theme-dark-elegant .admin-header,body.tech-theme-light-elegant .admin-header{background:var(--tech-bg-secondary)!important;border-bottom:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important;box-shadow:var(--tech-shadow-sm)!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,body.tech-theme-dark-elegant .admin-header-left h1,body.tech-theme-dark-elegant .admin-header-left p,body.tech-theme-light-elegant .admin-header-left h1,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .tech-badge,body.tech-theme-light-elegant .tech-badge{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-primary)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .admin-stats,body.tech-theme-light-professional .admin-stats,body.tech-theme-neutral-modern .admin-stats,body.tech-theme-dark-elegant .admin-stats,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .stat-card,body.tech-theme-light-elegant .stat-card{background:var(--tech-bg-card)!important;border-left:4px solid var(--tech-accent-primary)!important;color:var(--tech-text-primary)!important;box-shadow:var(--tech-shadow-sm)!important}body.tech-theme-dark-professional .stat-card.stat-red,body.tech-theme-dark-elegant .stat-card.stat-red,body.tech-theme-light-elegant .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-dark-professional .stat-card.stat-orange,body.tech-theme-dark-elegant .stat-card.stat-orange,body.tech-theme-light-elegant .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-dark-professional .stat-card.stat-green,body.tech-theme-dark-elegant .stat-card.stat-green,body.tech-theme-light-elegant .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-dark-professional .stat-card.stat-purple,body.tech-theme-dark-elegant .stat-card.stat-purple,body.tech-theme-light-elegant .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-light-professional .stat-card.stat-red,body.tech-theme-dark-elegant .stat-card.stat-red,body.tech-theme-light-elegant .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-light-professional .stat-card.stat-orange,body.tech-theme-dark-elegant .stat-card.stat-orange,body.tech-theme-light-elegant .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-light-professional .stat-card.stat-green,body.tech-theme-dark-elegant .stat-card.stat-green,body.tech-theme-light-elegant .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-light-professional .stat-card.stat-purple,body.tech-theme-dark-elegant .stat-card.stat-purple,body.tech-theme-light-elegant .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-neutral-modern .stat-card.stat-red,body.tech-theme-dark-elegant .stat-card.stat-red,body.tech-theme-light-elegant .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-neutral-modern .stat-card.stat-orange,body.tech-theme-dark-elegant .stat-card.stat-orange,body.tech-theme-light-elegant .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-neutral-modern .stat-card.stat-green,body.tech-theme-dark-elegant .stat-card.stat-green,body.tech-theme-light-elegant .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-neutral-modern .stat-card.stat-purple,body.tech-theme-dark-elegant .stat-card.stat-purple,body.tech-theme-light-elegant .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-dark-elegant .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-dark-elegant .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-dark-elegant .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-dark-elegant .stat-card.stat-purple{border-left-color:#8b5cf6!important}body.tech-theme-light-elegant .stat-card.stat-red{border-left-color:var(--tech-error)!important}body.tech-theme-light-elegant .stat-card.stat-orange{border-left-color:var(--tech-warning)!important}body.tech-theme-light-elegant .stat-card.stat-green{border-left-color:var(--tech-success)!important}body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .stat-label,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .stat-value,body.tech-theme-light-elegant .stat-value{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .admin-controls,body.tech-theme-light-professional .admin-controls,body.tech-theme-neutral-modern .admin-controls,body.tech-theme-dark-elegant .admin-controls,body.tech-theme-light-elegant .admin-controls,body.tech-theme-dark-professional .tech-admin-tabs,body.tech-theme-light-professional .tech-admin-tabs,body.tech-theme-neutral-modern .tech-admin-tabs,body.tech-theme-dark-elegant .tech-admin-tabs,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .search-box,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .search-box:focus-within,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .search-box input::placeholder,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .search-box svg,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .filter-buttons button,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .filter-buttons button:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .filter-buttons button.active,body.tech-theme-light-elegant .filter-buttons button.active{background:var(--tech-accent-primary)!important;color:#fff!important;border-color:var(--tech-accent-primary)!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,body.tech-theme-dark-elegant .tech-admin-tabs button,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .tech-admin-tabs button:hover,body.tech-theme-light-elegant .tech-admin-tabs button:hover{border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important;background:var(--tech-hover-bg)!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,body.tech-theme-dark-elegant .tech-admin-tabs button.active,body.tech-theme-light-elegant .tech-admin-tabs button.active{background:var(--tech-accent-primary)!important;color:#fff!important;border-color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .admin-content,body.tech-theme-light-professional .admin-content,body.tech-theme-neutral-modern .admin-content,body.tech-theme-dark-elegant .admin-content,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-card-admin,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-card-admin:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-card-admin.active,body.tech-theme-light-elegant .ticket-card-admin.active{border-color:var(--tech-accent-primary)!important;background:var(--tech-bg-secondary)!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,body.tech-theme-dark-elegant .ticket-card-title,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-card-description,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-card-footer,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-detail-admin,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-detail-admin-header,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-detail-admin-header h2,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .messages-container-admin,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-admin,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-initial,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-support,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-internal,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-input-admin,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-input-admin textarea,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-input-admin textarea:focus,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-detail-admin-empty,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-detail-admin-empty h3,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-status-buttons,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-status-buttons button,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-status-buttons button:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-status-buttons button.active,body.tech-theme-light-elegant .ticket-status-buttons button.active{background:var(--tech-accent-primary)!important;color:#fff!important;border-color:var(--tech-accent-primary)!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,body.tech-theme-dark-elegant .ticket-stato-badge,body.tech-theme-light-elegant .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],body.tech-theme-dark-elegant .ticket-card-admin .ticket-stato-badge[style*=ef4444],body.tech-theme-light-elegant .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],body.tech-theme-dark-elegant .ticket-card-admin .ticket-stato-badge[style*=f59e0b],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-card-admin .ticket-stato-badge[style*="10b981"],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-card-admin .ticket-stato-badge[style*="8b5cf6"],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-card-admin .ticket-stato-badge[style*="6b7280"],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-detail-admin .ticket-stato-badge[style*="#EF4444"],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-detail-admin .ticket-stato-badge[style*="#F59E0B"],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-detail-admin .ticket-stato-badge[style*="#10B981"],body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .ticket-priorita-badge,body.tech-theme-light-elegant .ticket-priorita-badge{background:var(--tech-bg-tertiary)!important;color:var(--tech-text-primary)!important;border:1px solid var(--tech-border-medium)!important}body.tech-theme-dark-professional .ticket-id,body.tech-theme-light-professional .ticket-id,body.tech-theme-neutral-modern .ticket-id,body.tech-theme-dark-elegant .ticket-id,body.tech-theme-light-elegant .ticket-id,body.tech-theme-dark-professional .ticket-detail-meta,body.tech-theme-light-professional .ticket-detail-meta,body.tech-theme-neutral-modern .ticket-detail-meta,body.tech-theme-dark-elegant .ticket-detail-meta,body.tech-theme-light-elegant .ticket-detail-meta,body.tech-theme-dark-professional .ticket-detail-id,body.tech-theme-light-professional .ticket-detail-id,body.tech-theme-neutral-modern .ticket-detail-id,body.tech-theme-dark-elegant .ticket-detail-id,body.tech-theme-light-elegant .ticket-detail-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,body.tech-theme-dark-elegant .ticket-detail-stato,body.tech-theme-light-elegant .ticket-detail-stato{color:#fff!important}body.tech-theme-dark-professional .message-admin .message-content,body.tech-theme-light-professional .message-admin .message-content,body.tech-theme-neutral-modern .message-admin .message-content,body.tech-theme-dark-elegant .message-admin .message-content,body.tech-theme-light-elegant .message-admin .message-content,body.tech-theme-dark-professional .message-admin .message-header strong,body.tech-theme-light-professional .message-admin .message-header strong,body.tech-theme-neutral-modern .message-admin .message-header strong,body.tech-theme-dark-elegant .message-admin .message-header strong,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .message-date,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .internal-note-toggle label,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .btn-send-admin,body.tech-theme-light-elegant .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),body.tech-theme-dark-elegant .btn-send-admin:hover:not(:disabled),body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .btn-assign,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .btn-resolve,body.tech-theme-light-elegant .btn-resolve{background:var(--tech-success)!important;color:#fff!important}body.tech-theme-dark-professional .btn-assign:hover,body.tech-theme-light-professional .btn-assign:hover,body.tech-theme-neutral-modern .btn-assign:hover,body.tech-theme-dark-professional .btn-resolve:hover,body.tech-theme-light-professional .btn-resolve:hover,body.tech-theme-neutral-modern .btn-resolve:hover,body.tech-theme-dark-elegant .btn-resolve:hover,body.tech-theme-light-elegant .btn-resolve:hover{transform:translateY(-2px)!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-professional .admin-loading,body.tech-theme-light-professional .admin-loading,body.tech-theme-neutral-modern .admin-loading,body.tech-theme-dark-elegant .admin-loading,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .admin-loading .spin,body.tech-theme-light-elegant .admin-loading .spin,body.tech-theme-dark-professional .tech-dashboard-loading .spin,body.tech-theme-light-professional .tech-dashboard-loading .spin,body.tech-theme-neutral-modern .tech-dashboard-loading .spin,body.tech-theme-dark-elegant .tech-dashboard-loading .spin,body.tech-theme-light-elegant .tech-dashboard-loading .spin{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .admin-header svg,body.tech-theme-dark-professional .tech-badge svg,body.tech-theme-dark-professional .ticket-card-footer svg,body.tech-theme-dark-professional .empty-state svg,body.tech-theme-dark-professional .ticket-detail-admin-empty svg,body.tech-theme-dark-elegant .ticket-detail-admin-empty svg,body.tech-theme-light-elegant .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-time svg,body.tech-theme-dark-professional .ticket-messages svg,body.tech-theme-dark-elegant .ticket-messages svg,body.tech-theme-light-elegant .ticket-messages 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"],body.tech-theme-dark-elegant .ticket-priorita-badge[style*="#10B981"],body.tech-theme-light-elegant .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"],body.tech-theme-dark-elegant .ticket-priorita-badge[style*="#F59E0B"],body.tech-theme-light-elegant .ticket-priorita-badge[style*="#F59E0B"]{color:var(--tech-warning)!important}body.tech-theme-dark-professional .ticket-priorita-badge[style*=EF4444],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*="#DC2626"],body.tech-theme-dark-elegant .ticket-priorita-badge[style*="#DC2626"],body.tech-theme-light-elegant .ticket-priorita-badge[style*="#DC2626"]{color:var(--tech-error)!important}body.tech-theme-dark-professional .ticket-card-admin,body.tech-theme-dark-elegant .ticket-card-admin,body.tech-theme-light-elegant .ticket-card-admin{border-color:var(--tech-border-medium)!important}body.tech-theme-dark-professional .stat-card,body.tech-theme-dark-elegant .stat-card,body.tech-theme-light-elegant .stat-card{border-left-width:4px!important}body.tech-theme-dark-professional .stat-card:hover,body.tech-theme-dark-elegant .stat-card:hover,body.tech-theme-light-elegant .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{width:10px;height: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:var(--border-radius)}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,body.tech-theme-dark-elegant,body.tech-theme-light-elegant{background:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}html body.tech-theme-dark-elegant,html.tech-theme-dark-elegant body,body.tech-theme-dark-elegant,body.tech-theme-dark-elegant .app-layout,body.tech-theme-dark-elegant .app-content,body.tech-theme-dark-elegant .main-content,body.tech-theme-dark-elegant #root,body.tech-theme-dark-elegant .support-layout,body.tech-theme-dark-elegant .support-content{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant{--bg-color: var(--tech-bg-primary) !important;--white: var(--tech-bg-card) !important;--light-gray: var(--tech-bg-secondary) !important}body.tech-theme-dark-professional .tech-admin-section,body.tech-theme-dark-professional .support-admin-section,body.tech-theme-dark-professional .form-card,body.tech-theme-light-professional .tech-admin-section,body.tech-theme-light-professional .support-admin-section,body.tech-theme-light-professional .form-card,body.tech-theme-neutral-modern .tech-admin-section,body.tech-theme-neutral-modern .support-admin-section,body.tech-theme-neutral-modern .form-card,body.tech-theme-dark-elegant .tech-admin-section,body.tech-theme-dark-elegant .support-admin-section,body.tech-theme-dark-elegant .form-card,body.tech-theme-light-elegant .tech-admin-section,body.tech-theme-light-elegant .support-admin-section,body.tech-theme-light-elegant .form-card{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-professional .tech-admin-header,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-light-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-neutral-modern .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-dark-elegant .admin-header-right,body.tech-theme-light-elegant .admin-header-right{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,body.tech-theme-dark-elegant .admin-header p,body.tech-theme-light-elegant .admin-header p{color:var(--tech-text-primary)!important}body.tech-theme-dark-professional .btn-primary,body.tech-theme-dark-professional button.primary,body.tech-theme-dark-professional .btn-refresh,body.tech-theme-light-professional .btn-primary,body.tech-theme-light-professional button.primary,body.tech-theme-light-professional .btn-refresh,body.tech-theme-neutral-modern .btn-primary,body.tech-theme-neutral-modern button.primary,body.tech-theme-neutral-modern .btn-refresh,body.tech-theme-dark-elegant .btn-refresh,body.tech-theme-light-elegant .btn-refresh{background:var(--white, #ffffff)!important;color:var(--tech-text-primary)!important;border:2px solid var(--tech-accent-primary)!important}body.tech-theme-dark-professional .btn-primary:hover,body.tech-theme-dark-professional button.primary:hover,body.tech-theme-dark-professional .btn-refresh:hover,body.tech-theme-light-professional .btn-primary:hover,body.tech-theme-light-professional button.primary:hover,body.tech-theme-light-professional .btn-refresh:hover,body.tech-theme-neutral-modern .btn-primary:hover,body.tech-theme-neutral-modern button.primary:hover,body.tech-theme-neutral-modern .btn-refresh:hover,body.tech-theme-dark-elegant .btn-refresh:hover,body.tech-theme-light-elegant .btn-refresh:hover{background:var(--white, #ffffff)!important;color:var(--tech-text-primary)!important;border-color:var(--tech-accent-hover)!important}body.tech-theme-dark-professional .status-success,body.tech-theme-light-professional .status-success,body.tech-theme-neutral-modern .status-success,body.tech-theme-dark-elegant .status-success,body.tech-theme-light-elegant .status-success{color:var(--tech-success);background:var(--tech-success-light)}body.tech-theme-dark-professional .status-warning,body.tech-theme-light-professional .status-warning,body.tech-theme-neutral-modern .status-warning,body.tech-theme-dark-elegant .status-warning,body.tech-theme-light-elegant .status-warning{color:var(--tech-warning);background:var(--tech-warning-light)}body.tech-theme-dark-professional .status-error,body.tech-theme-light-professional .status-error,body.tech-theme-neutral-modern .status-error,body.tech-theme-dark-elegant .status-error,body.tech-theme-light-elegant .status-error{color:var(--tech-error);background:var(--tech-error-light)}body.tech-theme-dark-professional input,body.tech-theme-dark-professional textarea,body.tech-theme-dark-professional select,body.tech-theme-dark-professional .modern-input,body.tech-theme-light-professional input,body.tech-theme-light-professional textarea,body.tech-theme-light-professional select,body.tech-theme-light-professional .modern-input,body.tech-theme-neutral-modern input,body.tech-theme-neutral-modern textarea,body.tech-theme-neutral-modern select,body.tech-theme-neutral-modern .modern-input,body.tech-theme-dark-elegant .modern-input,body.tech-theme-light-elegant .modern-input{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 input:focus,body.tech-theme-dark-professional textarea:focus,body.tech-theme-dark-professional select:focus,body.tech-theme-dark-professional .modern-input:focus,body.tech-theme-light-professional input:focus,body.tech-theme-light-professional textarea:focus,body.tech-theme-light-professional select:focus,body.tech-theme-light-professional .modern-input:focus,body.tech-theme-neutral-modern input:focus,body.tech-theme-neutral-modern textarea:focus,body.tech-theme-neutral-modern select:focus,body.tech-theme-neutral-modern .modern-input:focus,body.tech-theme-dark-elegant .modern-input:focus,body.tech-theme-light-elegant .modern-input:focus{border-color:var(--tech-accent-primary)!important;outline:none!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-dark-professional label,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 p,body.tech-theme-light-professional label,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 p,body.tech-theme-neutral-modern label,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 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,body.tech-theme-dark-elegant .form-hint,body.tech-theme-dark-elegant small,body.tech-theme-light-elegant .form-hint,body.tech-theme-light-elegant 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,body.tech-theme-dark-elegant table,body.tech-theme-light-elegant table{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;color:var(--tech-text-primary)!important}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);color:var(--tech-text-secondary);border-bottom:2px solid var(--tech-border-medium)}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,body.tech-theme-dark-elegant .sidebar,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .app-header,body.tech-theme-light-elegant .app-header{background:color-mix(in srgb,var(--tech-bg-secondary) 70%,transparent)!important;color:var(--tech-text-primary)!important;border-bottom:1px solid var(--tech-border-light)!important;box-shadow:var(--tech-shadow-sm)!important}body.tech-theme-dark-professional .app-header h1,body.tech-theme-dark-professional .app-header .business-details h1,body.tech-theme-light-professional .app-header h1,body.tech-theme-light-professional .app-header .business-details h1,body.tech-theme-neutral-modern .app-header h1,body.tech-theme-neutral-modern .app-header .business-details h1,body.tech-theme-dark-elegant .app-header .business-details h1,body.tech-theme-light-elegant .app-header .business-details h1{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,body.tech-theme-dark-elegant .app-header .business-name,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .app-header .user-label,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .app-header .user-label:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .app-header .btn-icon,body.tech-theme-light-elegant .app-header .btn-icon{background-color:var(--tech-accent-primary)!important;color:#fff!important;border-color:var(--tech-accent-primary)!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,body.tech-theme-dark-elegant .app-header .btn-icon:hover,body.tech-theme-light-elegant .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 *,body.tech-theme-dark-elegant .app-header .btn-icon svg *,body.tech-theme-light-elegant .app-header .btn-icon svg *{color:#fff!important;stroke:#fff!important;fill:#fff!important}body.tech-theme-dark-professional .navigation,body.tech-theme-dark-professional .app-nav,body.tech-theme-dark-professional .sidebar,body.tech-theme-light-professional .navigation,body.tech-theme-light-professional .app-nav,body.tech-theme-light-professional .sidebar,body.tech-theme-neutral-modern .navigation,body.tech-theme-neutral-modern .app-nav,body.tech-theme-dark-elegant .navigation,body.tech-theme-dark-elegant .app-nav,body.tech-theme-dark-elegant .sidebar,body.tech-theme-light-elegant .navigation,body.tech-theme-light-elegant .app-nav,body.tech-theme-light-elegant .sidebar{background:var(--tech-bg-secondary)!important;background-color: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,body.tech-theme-dark-elegant .nav-item,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .nav-item:hover,body.tech-theme-light-elegant .nav-item:hover{color:var(--tech-accent-primary)!important;background:var(--tech-hover-bg)!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,body.tech-theme-dark-elegant .nav-item.active,body.tech-theme-light-elegant .nav-item.active{color:var(--tech-accent-primary)!important;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}body.tech-theme-dark-professional .nav-section-title,body.tech-theme-light-professional .nav-section-title,body.tech-theme-neutral-modern .nav-section-title,body.tech-theme-dark-elegant .nav-section-title,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .nav-section-subtitle,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .nav-section-body,body.tech-theme-light-elegant .nav-section-body{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important;border:1px solid var(--tech-border-light)!important}body.tech-theme-dark-professional .app-layout,body.tech-theme-light-professional .app-layout,body.tech-theme-neutral-modern .app-layout,body.tech-theme-dark-elegant .app-layout,body.tech-theme-light-elegant .app-layout,body.tech-theme-dark-professional .app-content,body.tech-theme-light-professional .app-content,body.tech-theme-neutral-modern .app-content,body.tech-theme-dark-elegant .app-content,body.tech-theme-light-elegant .app-content{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,body.tech-theme-dark-elegant .main-content,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .custom-dropdown-trigger,body.tech-theme-light-elegant .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),body.tech-theme-dark-elegant .custom-dropdown-trigger:hover:not(.disabled),body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .custom-dropdown-trigger.disabled,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-text,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-icon,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-chevron,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .custom-dropdown-menu,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-search,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-search input,body.tech-theme-light-elegant .dropdown-search input{color:var(--tech-text-primary)!important;background:transparent!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,body.tech-theme-dark-elegant .dropdown-search input::placeholder,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-options,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-option,body.tech-theme-light-elegant .dropdown-option{color:var(--tech-text-primary)!important;border-bottom-color:var(--tech-border-light)!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,body.tech-theme-dark-elegant .dropdown-option:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-option.selected,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .option-icon,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-option:hover .option-icon,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-option.selected .option-icon,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .checkmark,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-no-results,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-options::-webkit-scrollbar-track,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-options::-webkit-scrollbar-thumb,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-options::-webkit-scrollbar-thumb:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-search-input,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-search-input:focus,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-arrow,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .dropdown-arrow.open,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-layout,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-sidebar,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-sidebar .sidebar-header p,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .sidebar-item,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .sidebar-item:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .sidebar-item.active,body.tech-theme-light-elegant .sidebar-item.active{background:var(--tech-accent-primary)!important;color:#fff!important;border-color:var(--tech-accent-primary)!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,body.tech-theme-dark-elegant .sidebar-item.active svg,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-card,body.tech-theme-light-elegant .settings-card{background:var(--tech-bg-card)!important;border:1px solid var(--tech-border-light)!important;color:var(--tech-text-primary)!important;box-shadow:var(--tech-shadow-sm)!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,body.tech-theme-dark-elegant .settings-card:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .card-header,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .card-icon,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-main-header,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-main-header p,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .settings-content,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .section-stack,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-card,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-card:hover,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-card.active,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-info,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-name,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-desc,body.tech-theme-light-elegant .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,body.tech-theme-dark-elegant .theme-info-note,body.tech-theme-light-elegant .theme-info-note{background:var(--tech-bg-secondary)!important;color:var(--tech-text-secondary)!important;border:1px solid var(--tech-border-light)!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),body.tech-theme-dark-elegant .sidebar-item,body.tech-theme-light-elegant .sidebar-item{background:var(--tech-accent-primary)!important;color:#fff!important;border:none!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,body.tech-theme-dark-elegant .sidebar-item:hover,body.tech-theme-light-elegant .sidebar-item:hover{background:var(--white, #ffffff)!important}body.tech-theme-dark-professional .btn-secondary,body.tech-theme-light-professional .btn-secondary,body.tech-theme-neutral-modern .btn-secondary,body.tech-theme-dark-elegant .btn-secondary,body.tech-theme-light-elegant .btn-secondary{background:var(--white, #ffffff)!important;color:var(--tech-text-primary)!important;border:2px solid var(--tech-border-medium)!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,body.tech-theme-dark-elegant .btn-secondary:hover,body.tech-theme-light-elegant .btn-secondary:hover{background:var(--white, #ffffff)!important;border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .tech-admin-panel{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important}body.tech-theme-dark-elegant .tech-admin-section{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .form-card{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.tech-theme-dark-elegant .company-selection-bar{background:transparent!important}body.tech-theme-dark-elegant .company-mode-banner{background:var(--tech-bg-secondary)!important;background-color:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .company-mode-banner strong,body.tech-theme-dark-elegant .section-header h2{color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .form-group input,body.tech-theme-dark-elegant .form-group textarea,body.tech-theme-dark-elegant .form-group select{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .field-note{color:var(--tech-text-secondary)!important}body.tech-theme-dark-elegant .tech-admin-form{background:transparent!important}body.tech-theme-light-elegant .tech-admin-panel{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important}body.tech-theme-light-elegant .tech-admin-section{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .form-card{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.tech-theme-light-elegant .company-selection-bar{background:transparent!important}body.tech-theme-light-elegant .company-mode-banner{background:var(--tech-bg-secondary)!important;background-color:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .company-mode-banner strong,body.tech-theme-light-elegant .section-header h2{color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .form-group input,body.tech-theme-light-elegant .form-group textarea,body.tech-theme-light-elegant .form-group select{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .field-note{color:var(--tech-text-secondary)!important}body.tech-theme-light-elegant .tech-admin-form{background:transparent!important}[data-theme] .customers .view-header .btn-primary,[data-theme] .customers .view-header .btn.btn-primary,[data-theme] .btn.btn-primary,[data-theme] button.btn.btn-primary,[data-theme] .view-header .btn.btn-primary,[data-theme] .header-actions .btn.btn-primary,[data-theme] .modal-footer .btn.btn-primary,.customers .view-header .btn-primary,.customers .view-header .btn.btn-primary,.btn.btn-primary,button.btn.btn-primary,.view-header .btn.btn-primary,.header-actions .btn.btn-primary,.modal-footer .btn.btn-primary{background-color:var(--white)!important;color:var(--text-color)!important;border:2px solid var(--primary-color)!important;box-shadow:var(--shadow)!important;background-image:none!important}[data-theme] .btn.btn-secondary,[data-theme] button.btn.btn-secondary,[data-theme] .view-header .btn.btn-secondary,[data-theme] .header-actions .btn.btn-secondary,[data-theme] .modal-footer .btn.btn-secondary,.btn.btn-secondary,button.btn.btn-secondary,.view-header .btn.btn-secondary,.header-actions .btn.btn-secondary,.modal-footer .btn.btn-secondary{background-color:var(--white)!important;color:var(--text-color)!important;border:2px solid var(--secondary-color)!important;box-shadow:var(--shadow)!important;background-image:none!important}[data-theme] .customers .view-header .btn-primary:hover:not(:disabled),[data-theme] .customers .view-header .btn.btn-primary:hover:not(:disabled),[data-theme] .btn.btn-primary:hover:not(:disabled),[data-theme] button.btn.btn-primary:hover:not(:disabled),[data-theme] .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),.customers .view-header .btn-primary:hover:not(:disabled),.customers .view-header .btn.btn-primary:hover:not(:disabled),.btn.btn-primary:hover:not(:disabled),button.btn.btn-primary:hover:not(:disabled),.view-header .btn.btn-primary:hover:not(:disabled),.header-actions .btn.btn-primary:hover:not(:disabled),.modal-footer .btn.btn-primary:hover:not(:disabled){background-color:var(--light-gray)!important;color:var(--text-title)!important;border-color:var(--primary-color)!important;box-shadow:var(--shadow)!important;background-image:none!important}[data-theme] .btn.btn-secondary:hover:not(:disabled),[data-theme] button.btn.btn-secondary:hover:not(:disabled),[data-theme] .view-header .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),.btn.btn-secondary:hover:not(:disabled),button.btn.btn-secondary:hover:not(:disabled),.view-header .btn.btn-secondary:hover:not(:disabled),.header-actions .btn.btn-secondary:hover:not(:disabled),.modal-footer .btn.btn-secondary:hover:not(:disabled){background-color:var(--light-gray)!important;color:var(--text-title)!important;border-color:var(--secondary-color)!important;box-shadow:var(--shadow)!important;background-image:none!important}.customers .view-header .btn-primary,.customers .view-header .btn.btn-primary,.btn.btn-primary,button.btn.btn-primary,.view-header .btn.btn-primary,.header-actions .btn.btn-primary,.modal-footer .btn.btn-primary,.btn.btn-secondary,button.btn.btn-secondary,.view-header .btn.btn-secondary,.header-actions .btn.btn-secondary,.modal-footer .btn.btn-secondary{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 20px!important;border-radius:var(--border-radius)!important;font-size:.95rem!important;font-weight:500!important;cursor:pointer;transition:all .2s ease;text-decoration:none;font-family:inherit;border:2px solid transparent;min-height:45px!important;height:45px!important;line-height:1.5!important;box-sizing:border-box!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;width:auto!important;text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important}.btn svg,.btn-primary svg,.btn-secondary svg,.view-header .btn svg,.header-actions .btn svg,.modal-footer .btn svg{width:18px!important;height:18px!important;flex-shrink:0!important;color:inherit!important;stroke:currentColor!important}.mobile-layout .settings .settings-main-header>.btn,.mobile-layout .settings .integration-actions button,.mobile-layout .settings .integration-actions .btn,.mobile-layout .settings .form-actions button,.mobile-layout .settings .subscription-actions .btn,.mobile-layout .settings .consent-templates-section .add-template-btn{width:100%!important}@media(hover:none)and (pointer:coarse){.settings .settings-main-header>.btn,.settings .integration-actions button,.settings .integration-actions .btn,.settings .form-actions button,.settings .subscription-actions .btn,.settings .consent-templates-section .add-template-btn{width:100%!important}}.view-header{overflow:visible!important;min-width:0!important}.view-header *{overflow:visible!important}.header-actions{overflow:visible!important;min-width:0!important;max-width:none!important;display:flex!important;align-items:center!important;gap:12px!important}.header-actions *{overflow:visible!important}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.menu-item,.menu-card,.full-menu-content .menu-item,.full-menu-content .menu-card,.full-menu-content button.menu-item,.full-menu-content button.menu-card,button.menu-item,button.menu-card,button[data-menu-item=true],[data-menu-item=true],.full-menu-content [data-menu-item=true]{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}body{position:relative;background-color:transparent!important}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(1100px circle at 10% 0%,color-mix(in srgb,var(--accent-color, #f59e0b) 26%,transparent) 0%,transparent 58%),radial-gradient(900px circle at 85% 10%,color-mix(in srgb,var(--primary-color, #D4817E) 22%,transparent) 0%,transparent 55%),radial-gradient(750px circle at 65% 95%,color-mix(in srgb,var(--secondary-color, var(--primary-color, #D4817E)) 16%,transparent) 0%,transparent 55%),linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary, var(--bg-color, #F5F7FA)) 88%,#ffffff 12%) 0%,var(--bg-secondary, var(--bg-color, #F5F7FA)) 100%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");background-size:180px 180px;opacity:.055;mix-blend-mode:overlay}#root,.app-layout,.app-content,.main-content{position:relative;z-index:1;background:transparent!important;background-color:transparent!important}.auth-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--bg-color) 0%,var(--ancient-pink) 100%);display:flex;justify-content:center;align-items:center;z-index:1000}.auth-container{background:var(--white);padding:40px;border-radius:var(--border-radius);box-shadow:var(--shadow-hover);width:100%;max-width:400px;margin:20px;animation:slideUp .5s ease}.auth-header{text-align:center;margin-bottom:30px}.auth-logo{width:100%;max-width:220px;height:auto;margin-bottom:15px;display:block;margin-left:auto;margin-right:auto}.auth-header p{color:var(--gray);font-size:1.1rem;margin-top:0}.auth-tabs{display:flex;margin-bottom:30px;border-bottom:2px solid var(--light-gray)}.auth-tab{flex:1;padding:15px;background:none;border:none;font-size:1rem;color:var(--gray);cursor:pointer;transition:var(--transition);border-bottom:3px solid transparent}.auth-tab.active{color:var(--text-title);border-bottom-color:var(--text-title)}.auth-tab:hover{color:var(--text-title)}.error-message{background:#dc35451a;color:var(--danger);padding:12px 16px;border-radius:var(--border-radius);margin-bottom:20px;border-left:4px solid var(--danger);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{display:flex;flex-direction:column;gap:8px}.auth-form .form-group label{font-weight:600;color:var(--text-color);font-size:.9rem}.auth-form .form-group input{width:100%;padding:12px 14px;border:1px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:var(--white);color:var(--text-color)}.auth-form .form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #f59e0b1a}.auth-form .btn-primary{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;font-weight:600}.auth-form .btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--white);color:var(--text-color);border:1px solid var(--light-gray);border-radius:var(--border-radius);font-weight:600;transition:var(--transition);cursor:pointer}.auth-form button.btn.btn-primary,.auth-form button.btn.btn-google{width:100%!important;max-width:100%!important;min-height:48px!important;height:48px!important;padding:0 14px!important;line-height:1!important}.auth-form .btn-google:hover:not(:disabled){box-shadow:var(--shadow);border-color:var(--gray)}.auth-form .btn-google:disabled{opacity:.6;cursor:not-allowed}.auth-links{text-align:center;margin-top:20px}.forgot-password-link{background:none;border:none;color:var(--accent-color);text-decoration:none;font-size:.9rem;cursor:pointer;padding:0}.forgot-password-link:hover{text-decoration:underline}.auth-divider,.btn-register{display:none!important}@media(max-width:768px){.auth-container{padding:30px 20px;margin:10px}.auth-logo{max-width:180px}}@media(max-width:480px){.auth-container{padding:20px 15px;margin:5px}.auth-logo{max-width:150px;margin-bottom:10px}.auth-header p{font-size:.95rem}.auth-tab{padding:12px 8px;font-size:.9rem}}.auth-screen.auth-screen-native{position:fixed;top:0;left:0;width:100%;height:100%;min-height:100vh;min-height:100svh;align-items:center;justify-content:center;overflow:hidden;padding:calc(12px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));box-sizing:border-box}.auth-container.auth-container-native{width:100%;max-width:520px;margin:auto;padding:18px 16px;border-radius:22px;box-shadow:0 18px 50px #0f172a2e;animation:none;max-height:calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.auth-screen.auth-screen-native .auth-header{margin-bottom:12px}.auth-screen.auth-screen-native .auth-logo{max-width:clamp(150px,52vw,200px);margin-bottom:8px}.auth-screen.auth-screen-native .auth-header p{font-size:1.02rem}.auth-screen.auth-screen-native .auth-tabs{margin-bottom:12px;border-bottom:none;background:#0f172a0f;border:1px solid rgba(148,163,184,.35);border-radius:16px;padding:4px;gap:6px}.auth-screen.auth-screen-native .auth-tab{border-bottom:none;border-radius:13px;padding:10px;font-size:1.08rem;font-weight:700;color:#1e293bbf}.auth-screen.auth-screen-native .auth-tab.active{background:var(--white);color:var(--text-title);box-shadow:0 10px 24px #0f172a1a}.auth-screen.auth-screen-native .auth-form{gap:10px}.auth-screen.auth-screen-native .auth-form .form-group label{font-size:.95rem}.auth-screen.auth-screen-native .auth-form .form-group input{font-size:16px;padding:14px;border-radius:14px;border-width:2px}.auth-screen.auth-screen-native .auth-form button.btn.btn-primary,.auth-screen.auth-screen-native .auth-form button.btn.btn-google{height:50px!important;min-height:50px!important;border-radius:14px!important;font-size:1.1rem;letter-spacing:.01em}.auth-screen.auth-screen-native .auth-links{margin-top:8px}.auth-screen.auth-screen-native .forgot-password-link{font-size:.98rem;padding:10px 0;display:inline-block}@media(max-width:380px){.auth-container.auth-container-native{padding:16px 14px;border-radius:20px}.auth-screen.auth-screen-native .auth-logo{max-width:180px}}.auth-screen.auth-screen-native.keyboard-open{position:relative;height:auto;min-height:100svh;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}.auth-screen.auth-screen-native.keyboard-open .auth-container.auth-container-native{max-height:none;margin:0 auto}.user-profile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.user-profile-modal-content{background:var(--surface, #ffffff);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;display:flex;flex-direction:column}.user-profile-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border, #e0e0e0);background:linear-gradient(135deg,var(--primary-bg, #f5f5f5) 0%,transparent 100%)}.user-profile-modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a1a)}.btn-close-modal{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;transition:background .2s;color:var(--text-secondary, #666)}.btn-close-modal:hover{background:var(--hover-bg, #f0f0f0);color:var(--text-primary, #1a1a1a)}.user-profile-modal-body{flex:1;overflow-y:auto;padding:24px}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border, #e0e0e0)}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #6366f1) 0%,var(--primary-dark, #4f46e5) 100%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;box-shadow:0 4px 12px #6366f14d}.profile-name{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--text-primary, #1a1a1a);text-align:center}.profile-role{padding:6px 16px;background:var(--primary-bg, #f0f0ff);color:var(--primary, #6366f1);border-radius:var(--border-radius);font-size:.85rem;font-weight:600;text-transform:capitalize}.profile-info-section{display:flex;flex-direction:column;gap:16px}.profile-info-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:var(--background, #fafafa);border-radius:var(--border-radius);border:1px solid var(--border, #e0e0e0);transition:all .2s}.profile-info-item:hover{border-color:var(--primary, #6366f1);box-shadow:0 2px 8px #6366f11a}.info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius);background:var(--surface, #ffffff);color:var(--primary, #6366f1);flex-shrink:0}.info-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.info-content label{font-size:.85rem;font-weight:600;color:var(--text-secondary, #666);text-transform:uppercase;letter-spacing:.5px}.info-content span{font-size:1rem;color:var(--text-primary, #1a1a1a);word-wrap:break-word}.user-id-text{font-family:monospace;font-size:.85rem!important;color:var(--text-secondary, #666)!important;word-break:break-all}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{width:40px;height:40px;border:4px solid var(--border, #e0e0e0);border-top-color:var(--primary, #6366f1);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{margin:0;color:var(--text-secondary, #666);font-size:.95rem}.user-profile-modal-footer{padding:16px 24px;border-top:1px solid var(--border, #e0e0e0);display:flex;justify-content:flex-end;gap:12px;background:var(--background, #fafafa)}.profile-actions{display:flex;gap:12px;flex-wrap:wrap}.profile-actions .btn{min-width:120px}@media(max-width:520px){.profile-actions{width:100%;flex-direction:column}.profile-actions .btn{width:100%}}@media(max-width:520px){.mobile-layout .profile-actions,body:has(.mobile-layout) .profile-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.mobile-layout .profile-actions .btn,body:has(.mobile-layout) .profile-actions .btn{flex:1!important;min-width:0!important;width:auto!important}}.password-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:11000;padding:16px}.password-modal{background:var(--surface, #ffffff);border-radius:var(--border-radius);width:min(420px,100%);box-shadow:0 24px 60px #00000040;padding:28px 24px;display:flex;flex-direction:column;gap:16px}.password-modal h3{margin:0;font-size:1.2rem;font-weight:600;color:var(--text-primary, #111)}.password-modal-subtitle{margin:0;font-size:.95rem;color:var(--text-secondary, #666)}.password-modal-grid{display:flex;flex-direction:column;gap:12px}.password-modal-grid label{display:flex;flex-direction:column;font-size:.9rem;font-weight:600;color:var(--text-secondary, #555);gap:6px}.password-modal-grid input{padding:10px 12px;border-radius:var(--border-radius);border:1px solid var(--border, #d5d5d5);font-size:.95rem;transition:border .2s,box-shadow .2s}.password-modal-grid input:focus{border-color:var(--primary, #6366f1);outline:none;box-shadow:0 0 0 3px #6366f126}.password-modal-error{color:#dc2626;background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--border-radius);padding:10px 12px;font-size:.9rem}.password-modal-actions{display:flex;justify-content:flex-end;gap:12px}.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-overlay{padding-bottom:100px!important;align-items:flex-start;padding-top:20px;padding-left:0;padding-right:0}.user-profile-modal-content{width:95%;max-width:none;margin:20px;margin-bottom:120px!important;max-height:calc(100vh - 180px)!important}.user-profile-modal-body{padding:20px 16px;overflow-y:auto!important;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 320px)!important}.user-profile-modal-footer{position:relative;z-index:1;background:var(--background, #fafafa)!important}.mobile-layout .user-profile-modal-footer .profile-actions{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.mobile-layout .user-profile-modal-footer .profile-actions .btn:nth-child(1),.mobile-layout .user-profile-modal-footer .profile-actions .btn:nth-child(2){flex:1!important;min-width:0!important;width:auto!important}.mobile-layout .user-profile-modal-footer .profile-actions .btn:nth-child(3){flex:1 1 100%!important;width:100%!important;margin-top:8px!important}.profile-avatar{width:80px;height:80px;font-size:2rem}.profile-name{font-size:1.25rem}.profile-info-item{padding:12px}.info-icon{width:36px;height:36px}.info-content span{font-size:.95rem}}.app-header{background:color-mix(in srgb,var(--tech-bg-secondary, var(--bg-primary, #fff)) 70%,transparent)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);padding:27px 40px;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-left{display:flex;align-items:center;position:relative;z-index:1001}.business-info{display:flex;align-items:center;gap:16px}.header-separator{width:1px;height:40px;background:var(--primary-color);flex-shrink:0}.business-logo-small{width:40px;height:40px;border-radius:var(--border-radius);overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);flex-shrink:0}.company-logo-small{width:100%;height:100%;object-fit:cover}.business-logo{width:56px;height:56px;border-radius:var(--border-radius);overflow:hidden;background:var(--primary-color);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);flex-shrink:0}.business-logo img{width:100%;height:100%;object-fit:cover}.logo-placeholder{font-size:1.8rem;font-weight:700;color:var(--white);text-shadow:0 2px 4px rgba(0,0,0,.2)}.business-details{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.business-details h1{font-size:1.5rem;font-weight:400;margin:0;color:var(--text-title);line-height:1.2}.business-logo-horizontal{height:47px;width:auto;max-width:293px;object-fit:contain}.business-favicon{display:none;height:40px;width:40px;object-fit:contain;flex-shrink:0}.business-name{font-size:2rem;font-weight:300;color:var(--text-title);line-height:var(--line-height-tight)}.license-number{display:flex;align-items:center;gap:6px;background:var(--bg-secondary);padding:6px 12px;border-radius:var(--border-radius);border:1px solid var(--border-light);font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;transition:all .2s ease}.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-weight:700;font-family:Courier New,monospace;letter-spacing:.5px}.header-right{display:flex;gap:12px;position:relative;z-index:1001}.user-box{display:flex;gap:8px;align-items:center}.user-label{font-size:.85rem;color:#374151;border:1px solid #e5e7eb;background:#fffffff2;padding:6px 10px;border-radius:var(--border-radius);display:flex;align-items:center;gap:6px;transition:all .2s ease}.user-label.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.user-label.clickable:hover{background:#fff;border-color:var(--primary, #6366f1);box-shadow:0 2px 8px #6366f133;transform:translateY(-1px)}.user-label.clickable:hover .user-label-icon{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{color:var(--primary-color)!important;stroke:var(--primary-color)!important;fill:var(--primary-color)!important}.app-header svg,.header-right svg,.header-right .btn-icon svg{display:block!important;visibility:visible!important;opacity:1!important;z-index:9999!important;position:relative!important}.header-right .btn-icon{background-color:var(--tech-bg-secondary)!important;color:var(--primary-color)!important;border:1px solid var(--primary-color)!important;box-shadow:none!important;width:40px;height:40px;border-radius:var(--border-radius);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;position:relative;z-index:10000!important;pointer-events:auto!important;cursor:pointer!important}.header-right .btn-icon span{color:var(--primary-color)!important}body.tech-theme-dark-professional .header-right .btn-icon,body.tech-theme-light-professional .header-right .btn-icon,body.tech-theme-neutral-modern .header-right .btn-icon,body.tech-theme-dark-elegant .header-right .btn-icon,body.tech-theme-light-elegant .header-right .btn-icon{background-color:var(--tech-bg-secondary)!important;color:var(--primary-color)!important;border:1px solid var(--primary-color)!important}body.tech-theme-dark-professional .header-right .btn-icon:hover,body.tech-theme-light-professional .header-right .btn-icon:hover,body.tech-theme-neutral-modern .header-right .btn-icon:hover,body.tech-theme-dark-elegant .header-right .btn-icon:hover,body.tech-theme-light-elegant .header-right .btn-icon:hover{background-color:var(--tech-bg-secondary)!important;border-color:var(--primary-color)!important}body.tech-theme-dark-professional .header-right .btn-icon svg,body.tech-theme-dark-professional .header-right .btn-icon svg *,body.tech-theme-light-professional .header-right .btn-icon svg,body.tech-theme-light-professional .header-right .btn-icon svg *,body.tech-theme-neutral-modern .header-right .btn-icon svg,body.tech-theme-neutral-modern .header-right .btn-icon svg *,body.tech-theme-dark-elegant .header-right .btn-icon svg,body.tech-theme-dark-elegant .header-right .btn-icon svg *,body.tech-theme-light-elegant .header-right .btn-icon svg,body.tech-theme-light-elegant .header-right .btn-icon svg *{color:var(--primary-color)!important;stroke:var(--primary-color)!important;fill:var(--primary-color)!important}.header-right .assistant-btn{background-color:var(--tech-bg-secondary)!important;border:1px solid var(--primary-color)!important;position:relative}body.tech-theme-dark-professional .header-right .assistant-btn,body.tech-theme-light-professional .header-right .assistant-btn,body.tech-theme-neutral-modern .header-right .assistant-btn,body.tech-theme-dark-elegant .header-right .assistant-btn,body.tech-theme-light-elegant .header-right .assistant-btn{background-color:var(--tech-bg-secondary)!important;border:1px solid var(--primary-color)!important}.header-right .assistant-btn:hover{background-color:var(--tech-bg-secondary)!important;border-color:var(--primary-color)!important;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a!important}body.tech-theme-dark-professional .header-right .assistant-btn:hover,body.tech-theme-light-professional .header-right .assistant-btn:hover,body.tech-theme-neutral-modern .header-right .assistant-btn:hover,body.tech-theme-dark-elegant .header-right .assistant-btn:hover,body.tech-theme-light-elegant .header-right .assistant-btn:hover{background-color:var(--tech-bg-secondary)!important;border-color:var(--primary-color)!important}.header-right .assistant-btn.active{background-color:var(--tech-bg-secondary)!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #6366f133!important}body.tech-theme-dark-professional .header-right .assistant-btn.active,body.tech-theme-light-professional .header-right .assistant-btn.active,body.tech-theme-neutral-modern .header-right .assistant-btn.active,body.tech-theme-dark-elegant .header-right .assistant-btn.active,body.tech-theme-light-elegant .header-right .assistant-btn.active{background-color:var(--tech-bg-secondary)!important;border-color:var(--primary-color)!important}.header-right .assistant-btn svg{color:var(--primary-color)!important;stroke:var(--primary-color)!important}body.tech-theme-dark-professional .header-right .assistant-btn svg,body.tech-theme-light-professional .header-right .assistant-btn svg,body.tech-theme-neutral-modern .header-right .assistant-btn svg,body.tech-theme-dark-elegant .header-right .assistant-btn svg,body.tech-theme-light-elegant .header-right .assistant-btn svg{color:var(--primary-color)!important;stroke:var(--primary-color)!important}.header-right .btn-icon svg,.header-right .btn-icon svg *,.header-right .btn-icon svg path,.header-right .btn-icon svg line,.header-right .btn-icon svg circle,.header-right .btn-icon svg rect,.header-right .btn-icon svg polygon{color:var(--primary-color)!important;stroke:var(--primary-color)!important;fill:var(--primary-color)!important;stroke-width:2.5!important;width:20px!important;height:20px!important}.header-right .btn-icon svg[stroke],.header-right .btn-icon svg path[stroke],.header-right .btn-icon svg line[stroke],.header-right .btn-icon svg circle[stroke],.header-right .btn-icon svg rect[stroke],.header-right .btn-icon svg polygon[stroke]{stroke:var(--primary-color)!important}.header-right .btn-icon svg[fill],.header-right .btn-icon svg path[fill],.header-right .btn-icon svg line[fill],.header-right .btn-icon svg circle[fill],.header-right .btn-icon svg rect[fill],.header-right .btn-icon svg polygon[fill]{fill:var(--primary-color)!important}.header-right .btn-icon svg[style*=stroke],.header-right .btn-icon svg path[style*=stroke],.header-right .btn-icon svg line[style*=stroke],.header-right .btn-icon svg circle[style*=stroke],.header-right .btn-icon svg rect[style*=stroke],.header-right .btn-icon svg polygon[style*=stroke]{stroke:var(--primary-color)!important}.header-right .btn-icon svg[style*=fill],.header-right .btn-icon svg path[style*=fill],.header-right .btn-icon svg line[style*=fill],.header-right .btn-icon svg circle[style*=fill],.header-right .btn-icon svg rect[style*=fill],.header-right .btn-icon svg polygon[style*=fill]{fill:var(--primary-color)!important}.header-right .btn-icon:hover{background-color:var(--tech-bg-secondary)!important;border-color:var(--primary-color)!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.header-right .btn-icon:hover svg,.header-right .btn-icon:hover svg *{color:var(--primary-color)!important;stroke:var(--primary-color)!important;fill:var(--primary-color)!important}.header-right .btn-icon.active svg,.header-right .btn-icon.active svg *{color:var(--primary-color)!important;stroke:var(--primary-color)!important;fill:var(--primary-color)!important}.header-right .btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.header-right .btn-icon:disabled:hover{background:var(--bg-primary);transform:none;box-shadow:var(--shadow-sm)}.header-right .btn-icon.active{background:var(--tech-bg-secondary);color:var(--primary-color);border-color:var(--primary-color);transform:rotate(-5deg)}.header-right .btn-icon.active svg{color:var(--primary-color)!important;stroke:var(--primary-color)!important}.post-it-manager{position:absolute;top:0;left:0;width:100%;height:100%;z-index:999999;pointer-events:none;background:transparent;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.post-it-manager.drag-active{pointer-events:all;background:#ffc1071a}.post-it-manager .post-it{pointer-events:all;z-index:1}.post-it{width:260px;border-radius:var(--border-radius);box-shadow:0 4px 8px #00000026,0 8px 16px #0000001a,2px 2px #0000001a;position:absolute;border:1px solid rgba(255,193,7,.3);overflow:hidden;animation:attachPostIt .4s cubic-bezier(.68,-.55,.265,1.55);transform:translate(-50%,-50%) rotate(var(--rotation, 0deg))}.post-it:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent rgba(0,0,0,.1) transparent transparent;z-index:1}.post-it:after{content:"";position:absolute;top:2px;right:2px;width:0;height:0;border-style:solid;border-width:0 18px 18px 0;border-color:transparent #FFF59D transparent transparent;z-index:2}.post-it-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px 6px;border-bottom:1px solid rgba(0,0,0,.1);background:#ffffff4d}.post-it-title{font-size:1rem;font-weight:600;color:#333;text-shadow:0 1px 0 rgba(255,255,255,.5)}.post-it-close{background:none;border:none;color:#666;cursor:pointer;padding:2px;border-radius:var(--border-radius);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.post-it-close:hover{background:#0000001a;color:#333}.post-it-content{width:100%;border:none;background:transparent;padding:8px 13px 10px;font-family:Caveat,cursive,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.1rem;line-height:1.3;color:#333;resize:none;outline:none;min-height:60px;max-height:120px}.post-it-content::placeholder{color:#666;font-style:italic;opacity:.7}@keyframes attachPostIt{0%{transform:translate(-50%,-50%) rotate(0) scale(.8);opacity:0}50%{transform:translate(-50%,-50%) rotate(-5deg) scale(1.1);opacity:.8}to{transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(1);opacity:1}}.post-it:hover{z-index:2;box-shadow:0 6px 12px #0003,0 12px 24px #00000026,3px 3px #00000026}.post-it{cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.post-it:active{cursor:grabbing}.post-it.dragging{opacity:.8;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg))!important;z-index:3;box-shadow:0 8px 16px #0000004d,0 16px 32px #0003,4px 4px #0003;transition:none}.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;min-height:46px;max-height:91px}}@media(max-width:1400px){.business-logo-horizontal{display:none}.business-favicon{display:block}.header-separator:first-of-type{display:none}.user-label span{display:none}.user-label{padding:6px;min-width:auto}}@media(max-width:768px){.app-header{padding:15px 20px}.business-info{gap:12px}.business-logo{width:48px;height:48px}.logo-placeholder{font-size:1.5rem}.business-logo-small{width:40px;height: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{width:40px;height:40px}.logo-placeholder{font-size:1.2rem}.business-logo-small{width:36px;height:36px}.business-logo-horizontal{height:35px;max-width:195px}.business-details h1{font-size:1.1rem}.business-name{font-size:.9rem}}.header-actions-mobile{display:flex;align-items:center;gap:6px}.header-actions-mobile-menu{position:relative}.header-date-mobile{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--primary-color)!important;font-weight:700;font-size:.85rem;line-height:1;white-space:nowrap}.header-kebab-btn{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--primary-color)!important}.header-kebab-btn svg{color:currentColor!important;stroke:currentColor!important}.header-kebab-btn:active{background:var(--bg-hover, rgba(232, 200, 194, .18))!important}.header-mobile-menu{position:absolute;top:calc(100% + 10px);right:0;width:min(280px,calc(100vw - 24px));background:#fffffffa;border:1px solid rgba(232,200,194,.35);border-radius:14px;box-shadow:0 18px 40px #0000002e;overflow:hidden;z-index:2500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-mobile-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-weight:650;font-size:.98rem;text-align:left}.header-mobile-menu-item svg{flex-shrink:0;color:var(--text-primary)}.header-mobile-menu-item:hover{background:#e8c8c21f}.header-mobile-menu-item.active{background:#e8c8c22e}.header-mobile-menu-item.danger{color:#b42318}.header-mobile-menu-item.danger svg{color:#b42318}.header-mobile-menu-label{flex:1 1 auto}.header-mobile-menu-emoji{width:18px;text-align:center;flex-shrink:0}.header-mobile-menu-badge{min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--warning, #f6ad55);color:#111827;font-size:.82rem;font-weight:900;line-height:22px;text-align:center;border:1px solid rgba(17,24,39,.06)}.header-mobile-menu-separator{height:1px;background:#e8c8c259}.btn-icon-mobile{width:40px;height:40px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:18px;position:relative;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-notification-badge{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--warning, #f6ad55);color:#111827;font-size:.8rem;font-weight:900;line-height:20px;text-align:center;border:2px solid var(--tech-bg-secondary, #fff);box-shadow:0 4px 10px #0003;pointer-events:none}.btn-icon-mobile:active{transform:scale(.92);background:#ffffff40}.btn-icon-mobile.active{background:#ffffff4d;border-color:#fff6}.btn-user-mobile{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;color:var(--primary-color);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000026}.btn-user-mobile:active{transform:scale(.92);background:#fffffff2;box-shadow:0 4px 12px #0003}.postit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:2000;animation:fadeIn .3s ease}.postit-modal-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--border-radius) 24px 0 0;max-height:80vh;overflow-y:auto;animation:slideUpPostit .3s ease;box-shadow:0 -4px 24px #00000026}@keyframes slideUpPostit{0%{transform:translateY(100%)}to{transform:translateY(0)}}.postit-modal-handle{width:40px;height:4px;background:#cbd5e1;border-radius:var(--border-radius);margin:12px auto 8px}.postit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:#fff;z-index:10}.postit-modal-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.btn-close-postit{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary)}.btn-close-postit:active{background:var(--border-light)}.postit-modal-body{padding:20px 20px 60px}.empty-postits{padding:40px 20px;text-align:center;color:var(--text-secondary)}.empty-postits p{margin:0;font-size:1rem}.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:var(--border-radius);padding:12px;box-shadow:0 2px 8px #0000000d}.postit-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.postit-color-badge{width:24px;height:24px;border-radius:50%;border:2px solid white;box-shadow:0 2px 6px #0003}.btn-delete-postit{background:transparent;border:none;color:#e87676;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease}.btn-delete-postit:active{background:#e876761a;transform:scale(.9)}.postit-textarea-mobile{width:100%;border:none;background:#f4d58d0d;border-radius:var(--border-radius);padding:12px;font-size:.95rem;font-family:inherit;resize:vertical;color:var(--text-primary)}.postit-textarea-mobile:focus{outline:none;background:#f4d58d1a}.header-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1000}.current-date{display:flex;align-items:center;gap:6px;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center;white-space:nowrap;background:var(--bg-secondary);padding:8px 16px;border-radius:var(--border-radius);border:1px solid var(--border-light)}.current-date svg{color:var(--accent-color)}.subscription-expiry{display:flex;align-items:center;gap:4px;font-size:.9rem;color:var(--warning-color, var(--accent-color));font-weight:500;white-space:nowrap;background:#f59e0b1a;padding:6px 10px;border-radius:var(--border-radius);border:1px solid rgba(245,158,11,.2)}.subscription-expiry svg{color:var(--warning-color, var(--accent-color))}.desktop-large-only{display:flex}.business-info-compact{display:none}.info-icon-button{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);flex-shrink:0}.info-icon-button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.1);box-shadow:0 2px 8px #00000026}.info-icon-button:active{transform:scale(.95)}.info-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 16px #00000026;border:1px solid var(--border-light);z-index:10000;min-width:220px;max-width:280px;animation:fadeInTooltip .2s ease}.info-tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.info-tooltip-content{padding:12px;display:flex;flex-direction:column;gap:10px}.info-tooltip-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:.9rem;color:var(--text-primary);font-weight:600}.info-value.expiry{display:flex;align-items:center;gap:6px;color:var(--warning-color, var(--accent-color))}.info-value.expiry svg{color:var(--warning-color, var(--accent-color))}.date-full{display:inline}.date-compact{display:none}.date-icon{flex-shrink:0}@media(max-width:1600px){.desktop-large-only{display:none!important}.business-info-compact{display:flex;align-items:center;position:relative}.current-date{font-size:.95rem;padding:6px 12px}.date-full{display:none}.date-compact{display:inline}.date-icon{width:14px;height:14px}}@media(max-width:1024px){.header-center{display:none}}@media(max-width:768px){.subscription-expiry,.business-info-compact{display:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.postit-modal-body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.navigation{width:260px;background:var(--bg-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;height:calc(100% - 16px);margin:8px 12px;overflow:visible;border-radius:var(--border-radius)!important;box-shadow:0 2px 12px #00000014,0 4px 24px #0000000f;font-family:var(--font-heading)}.navigation-scroll{overflow-y:auto;flex:1;min-height:0;border-radius:var(--border-radius)}body.tech-theme-dark-elegant .navigation{background:var(--tech-bg-secondary)!important;background-color:var(--tech-bg-secondary)!important}.navigation-content{display:flex;flex-direction:column;gap:20px;padding:24px 16px 28px;flex:none;overflow:visible}.nav-section{display:flex;flex-direction:column;gap:10px}.nav-section-header{display:flex;flex-direction:column;gap:4px;padding:0 8px}.nav-section-title{font-size:.75rem;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary, #7c7f92)}.nav-section-subtitle{font-size:.82rem;font-family:var(--font-heading);color:var(--text-secondary, #5b5d6d)}.nav-section-body{background:var(--bg-secondary, rgba(99, 102, 241, .04));border:1px solid var(--border-light, rgba(99, 102, 241, .12));border-radius:var(--border-radius);padding:6px;display:flex;flex-direction:column;gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-family:var(--font-heading)}body.tech-theme-dark-elegant .nav-section-body{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important}.nav-item{background:none;border:none;padding:14px 18px;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:14px;color:var(--text-secondary);border-left:4px solid transparent;border-radius:var(--border-radius);white-space:nowrap;font-size:var(--sidebar-font-size)!important;font-weight:var(--font-weight-medium);font-family:var(--font-heading);text-align:left;width:100%;overflow:hidden;text-overflow:ellipsis;min-width:0}.nav-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.nav-item:hover{color:var(--primary-color);background:var(--primary-light)}.nav-item.active{color:var(--primary-color);background:var(--primary-light);border-left-color:var(--primary-color);box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d}body.tech-theme-dark-professional .nav-item.active,body.tech-theme-light-professional .nav-item.active,body.tech-theme-neutral-modern .nav-item.active,body.tech-theme-dark-elegant .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{width:220px;padding:15px 0;padding-bottom:200px!important}.nav-item{padding:12px 16px}}@media(max-width:480px){.app-nav{width:70px;padding:10px 0;padding-bottom:200px!important}.nav-item{padding:12px;justify-content:center}.nav-item span{display:none}}.bottom-nav{display:none}.mobile-layout .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid var(--border-light);padding:0;z-index:1000;box-shadow:0 -2px 10px #00000014}.bottom-nav-item,.mobile-layout .bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:8px 4px;border-radius:var(--border-radius);min-width:0}.bottom-nav-item span,.mobile-layout .bottom-nav-item span{font-size:.7rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom-nav-item svg,.mobile-layout .bottom-nav-item svg{flex-shrink:0;width:22px;height:22px}.bottom-nav-item:active,.mobile-layout .bottom-nav-item:active{background:var(--bg-secondary)}.bottom-nav-item.active,.mobile-layout .bottom-nav-item.active{color:var(--primary-color)}.bottom-nav-item.active svg,.mobile-layout .bottom-nav-item.active svg{transform:scale(1.1)}.bottom-nav-item.menu-btn,.mobile-layout .bottom-nav-item.menu-btn{color:var(--primary-color);font-weight:700}.bottom-nav-item.menu-btn svg,.mobile-layout .bottom-nav-item.menu-btn svg{stroke-width:2.5px}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav,.mobile-layout .bottom-nav{height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;border-top:1px solid var(--border-light);padding:0;z-index:1000;box-shadow:0 -2px 10px #00000014}}.full-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:2000;animation:fadeIn .3s ease}.full-menu-content{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--border-radius) 20px 0 0;max-height:90vh;overflow-y:auto;animation:slideUpMenu .3s ease;box-shadow:0 -4px 24px #00000026}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}.full-menu-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;border-bottom:2px solid var(--border-light, #e5e7eb);position:sticky;top:0;background:#fff;z-index:10;box-shadow:0 2px 4px #0000000d}.full-menu-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 4px;letter-spacing:-.02em}.full-menu-header p{font-size:.9rem;color:var(--text-secondary, #6b7280);margin:0;font-weight:500}.business-name-menu{font-size:.9rem;color:var(--text-secondary, #6b7280);margin:0 0 8px;font-weight:500}.business-info-menu{display:flex;flex-direction:column;gap:6px;margin-top:6px}.license-info-menu,.expiry-info-menu{font-size:.8rem;color:var(--text-primary, #1f2937);font-weight:500;line-height:1.4;padding:8px 12px;background:#d4817e1a;border:1px solid rgba(212,129,126,.3);border-radius:var(--border-radius, 8px);display:inline-block;width:fit-content}.btn-close-menu{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.btn-close-menu:active{background:var(--border-light);transform:scale(.95)}.full-menu-body{padding:20px 20px 40px;background:#fafafa}.menu-section{margin-bottom:32px}.menu-section:last-child{margin-bottom:0}.section-title{font-size:.8rem;font-weight:700;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.8px;margin:0 0 14px;padding-left:4px}.section-subtitle{margin:-10px 0 14px 4px;font-size:.85rem;font-weight:600;color:var(--text-secondary, #6b7280);line-height:1.25}.full-menu-content .menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.full-menu-content .menu-card,.full-menu-content .menu-item,.full-menu-content button.menu-item,.full-menu-content button.menu-card,.menu-card,.menu-item,button.menu-item,button.menu-card{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:16px 8px!important;background:#f8f9fa!important;border:2px solid var(--border-light, #e5e7eb)!important;border-radius:var(--border-radius)!important;cursor:pointer!important;transition:all .2s ease!important;min-height:100px!important;box-shadow:0 1px 3px #0000000d!important}.menu-card:active,.menu-item:active{transform:scale(.97);box-shadow:0 1px 2px #0000001a}.full-menu-content .menu-card.active,.full-menu-content .menu-item.active,.menu-card.active,.menu-item.active{border-color:var(--item-color, #E8C8C2)!important;background:var(--item-color, #E8C8C2)!important;box-shadow:0 2px 8px #e8c8c24d!important;border-radius:var(--border-radius)!important}.menu-card-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;background:var(--item-color, #E8C8C2);color:#fff;transition:all .2s ease}.menu-item svg{width:32px!important;height:32px!important;color:var(--item-color, #6366f1)!important;transition:all .2s ease!important}.menu-item.active svg{color:#fff!important}.menu-item span{font-size:.8rem!important;font-weight:600!important;color:var(--text-primary, #1f2937)!important;text-align:center!important;line-height:1.3!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{font-size:.85rem;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3}.active-indicator{position:absolute;top:8px;right:8px;color:var(--item-color);font-size:.6rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}@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,0px))}}.full-menu-content button.menu-item,.full-menu-content button.menu-card,.full-menu-content .menu-item,.full-menu-content .menu-card,.full-menu-content button[data-menu-item=true],button[data-menu-item=true],[data-menu-item=true]{border-radius:var(--border-radius)!important}.dashboard{padding:0 0 20px;display:flex;flex-direction:column;flex:1;min-height:0;border-radius:var(--border-radius)!important}.dashboard-section:last-child{margin-bottom:40px!important}.dashboard-header{margin-bottom:20px}.dashboard-header h2{font-size:2rem;font-weight:300;color:var(--text-title);margin:0}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-primary)!important;background-image:none!important;border-radius:var(--border-radius);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);border:2px solid var(--border-light);transition:all var(--transition-fast);position:relative;overflow:visible;font-weight:400}.dashboard-stats-grid .stat-card:nth-child(1){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{cursor:pointer;position:relative}.stat-card.clickable:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.stat-action{position:absolute;top:12px;right:12px;opacity:0;transition:opacity .2s ease;color:#666}.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-icon{width:56px;height:56px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.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}.dashboard-stats-grid .stat-value{font-size:var(--font-size-3xl);font-weight:400;color:var(--text-primary);line-height:var(--line-height-tight);margin-bottom:var(--space-xs);text-shadow:none!important;filter:none!important;opacity:1!important}.dashboard-stats-grid .stat-label{font-size:.95rem;font-weight:500;color:#111827;margin-bottom:4px;text-shadow:none!important;filter:none!important;opacity:1!important}.dashboard-stats-grid .stat-sublabel{font-size:.75rem;font-weight:400;color:#666;display:flex;align-items:center;gap:4px}.stat-sublabel.positive{color:#4caf50}.stat-sublabel.negative{color:#f44336}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px}.chart-card{background:#fff;border-radius:var(--border-radius);padding:24px;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{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.chart-header h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 4px}.chart-header p{font-size:.875rem;color:#666;margin:0}.chart-toggle{display:flex;gap:0;background:var(--light-gray);border-radius:var(--border-radius);padding:4px;box-shadow:var(--shadow);flex-shrink:0}.toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:1rem;font-weight:600;line-height:1.2;border-radius:calc(var(--border-radius) - 4px);cursor:pointer;transition:all .2s ease;position:relative;min-height:45px;white-space:nowrap}.toggle-btn.active{background:#fff!important;color:var(--primary-color)!important;box-shadow:0 2px 4px #0000001a!important}.chart-container{width:100%;position:relative}.dashboard-section{background:#fff;border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm);width:100%;box-sizing:border-box}.dashboard-section h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 20px}.appointments-list{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:12px;width:100%;box-sizing:border-box}@media(max-width:1200px){.appointments-list{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:768px){.appointments-list{grid-template-columns:1fr!important;gap:10px}}.appointment-item{padding:12px;border:1px solid var(--border-light);border-radius:var(--border-radius);transition:all .2s ease;font-size:.9rem;display:flex;flex-direction:column;gap:8px;min-height:140px;background:var(--bg-primary);width:100%;max-width:100%;box-sizing:border-box}.appointment-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.appointment-item.clickable{cursor:pointer!important}.appointment-item.clickable:hover{border-color:var(--theme-primary, var(--primary-color));background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:0 6px 20px #0000001f;transform:translateY(-4px)}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.appointment-time{font-size:.85rem;font-weight:600;color:var(--text-primary)}.appointment-status{padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase}.appointment-status.confirmed{background:#e8f5e9;color:#4caf50}.appointment-status.pending{background:#fff3e0;color:#ff9800}.appointment-details{display:flex;flex-direction:column;gap:6px;flex:1}.appointment-client{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.appointment-service{font-size:.82rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-metadata{display:flex;gap:16px;margin-top:8px;padding-top:8px;border-top:1px solid var(--light-gray);flex-wrap:wrap}.appointment-operatore,.appointment-cabina{font-size:.875rem;color:var(--text-secondary, #666);display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-color, #f9fafb);border-radius:var(--border-radius);font-weight:500}.appointment-operatore{border-left:3px solid var(--theme-primary, #D4817E)}.appointment-cabina{border-left:3px solid var(--secondary-color, #E8A5A5)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state p{font-size:1rem;color:#666;margin:0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.dashboard-loading p{font-size:1rem;color:#666}@media(max-width:1200px){.dashboard-charts{grid-template-columns:1fr}.chart-card.chart-large{grid-column:1}}@media(max-width:768px){.dashboard{padding:16px;padding-bottom:120px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.dashboard-header h2{font-size:1.4rem}.dashboard-stats-grid{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.stat-card{padding:14px}.stat-icon{width:44px;height:45px}.stat-value{font-size:1.4rem}.stat-label{font-size:.85rem}.dashboard-charts{grid-template-columns:1fr;gap:14px}.chart-card{padding:14px}.chart-header h3{font-size:.95rem}.chart-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-left:-9px!important;margin-right:-9px!important;padding-left:5px!important;padding-right:5px!important;width:calc(100% + 18px)!important}.chart-container .recharts-wrapper{margin-left:0!important;padding-left:0!important;width:100%!important}.chart-container .recharts-surface{margin-left:0!important;width:100%!important}.chart-container .recharts-cartesian-axis,.chart-container .recharts-cartesian-axis-x{margin-left:0!important}.chart-container .recharts-cartesian-axis-y{margin-left:0!important;width:auto!important}.chart-container .recharts-cartesian-grid{margin-left:0!important}.chart-container .recharts-cartesian-axis-tick-value{font-size:11px!important}.chart-container .recharts-legend-wrapper{margin-top:8px!important;padding-top:8px!important}.chart-container .recharts-legend-item{margin-right:16px!important;margin-bottom:4px!important}.dashboard-section{padding:16px}.dashboard-section h3{font-size:1.1rem}}.recharts-default-tooltip{background:#fff!important;border:1px solid #ddd!important;border-radius:var(--border-radius)!important;box-shadow:0 2px 8px #0000001a!important}.recharts-tooltip-label{font-weight:600;color:var(--text-color);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{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;overflow-x:hidden}.modal-content{background:var(--bg-color, white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:1600px;max-height:90vh!important;min-height:400px;width:100%;display:flex!important;flex-direction:column!important;overflow:hidden!important;position:relative;margin:auto;border:1px solid var(--border-color, var(--light-gray))}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--light-gray);background:linear-gradient(135deg,var(--theme-primary, #D4817E),var(--theme-accent, #E8A5A5));color:#fff}.modal-header h3{font-size:1.25rem;font-weight:600;margin:0}.modal-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:24px;overflow-y:auto!important;overflow-x:hidden!important;flex:1 1 auto;min-height:0;max-height:calc(90vh - 100px);-webkit-overflow-scrolling:touch;position:relative}.modal-details{display:flex;flex-direction:column;gap:24px;min-height:400px}.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;background:var(--bg-color);border-radius:var(--border-radius)}.detail-stat{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.875rem;color:#666;font-weight:500}.detail-value{font-size:1.125rem;font-weight:600;color:var(--text-color)}.appointments-list-detailed{display:flex;flex-direction:column;gap:12px;max-height:500px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding-right:8px;min-height:200px}.appointment-detail-item{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:12px;align-items:center;padding:12px;background:#fff;border:1px solid var(--light-gray);border-radius:var(--border-radius);transition:all .2s ease}.appointment-detail-item:hover{border-color:var(--primary-color);background:var(--bg-color)}.appointment-time{font-size:.875rem;font-weight:600;color:var(--text-color)}.appointment-client{font-size:.875rem;font-weight:500;color:var(--text-color)}.appointment-service{font-size:.875rem;color:#666}.appointment-amount{font-size:.875rem;font-weight:600;color:var(--primary-color)}.customers-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:8px}.customer-detail-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid var(--light-gray);border-radius:var(--border-radius);transition:all .2s ease}.customer-detail-item:hover{border-color:var(--primary-color);background:var(--bg-color)}.customer-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.customer-name{font-size:.875rem;font-weight:600;color:var(--text-color)}.customer-stats{display:flex;gap:12px;align-items:center;font-size:.75rem;color:#666}.customer-appointments-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;border-top:1px solid var(--light-gray)}.customer-appointments-header{font-size:.75rem;font-weight:600;color:var(--text-color);margin-bottom:4px}.customer-appointment-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-color);border-radius:var(--border-radius);font-size:.75rem}.appointment-date{flex:1;color:var(--text-color);font-weight:500}.appointment-amount{color:var(--primary-color);font-weight:600}.btn-open-appointment{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--theme-primary, var(--primary-color));color:#fff;border:none;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-open-appointment:hover{background:var(--theme-accent, var(--primary-color));transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.more-appointments{font-size:.7rem;color:#999;font-style:italic;text-align:center;padding:4px}.blacklist-badge{background:#f44336;color:#fff;padding:2px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:500}.revenue-chart{margin-top:16px}.revenue-chart h4{font-size:1rem;font-weight:600;color:var(--text-color);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}.detail-stats{grid-template-columns:1fr}.appointment-detail-item{grid-template-columns:1fr;gap:8px}.customer-detail-item{flex-direction:column;align-items:flex-start;gap:8px}.customer-stats{flex-direction:column;align-items:flex-start;gap:4px}}.modal-backdrop:has(.modal.modal-medium){padding:20px 8px!important;box-sizing:border-box!important}.modal-backdrop .modal.modal-medium{max-width:calc(100vw - 16px)!important;width:calc(100vw - 16px)!important;margin:0 auto!important;overflow:hidden!important;box-sizing:border-box!important}.modal-backdrop .modal.modal-medium .modal-header{box-sizing:border-box!important;padding:18px 10px!important;width:100%!important;max-width:100%!important;overflow:hidden!important}.date-picker-modal-body{box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;max-width:100%!important;padding:16px 6px!important;margin:0!important;position:relative!important}.date-picker-modal-body>input[type=date],.date-picker-modal-body .date-picker-input{display:block!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;box-sizing:border-box!important;margin:0 auto!important}.date-picker-input{box-sizing:border-box!important;max-width:calc(100% - 12px)!important;width:calc(100% - 12px)!important;min-width:0!important;padding:12px 8px!important;font-size:.9rem!important;border-radius:var(--border-radius)!important;border:2px solid var(--border-light)!important;background:var(--bg-primary)!important;color:var(--text-primary)!important;cursor:pointer!important;margin:0 auto!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}@media(max-width:768px){.date-picker-modal-body{padding:14px 4px!important}.date-picker-input,.date-picker-modal-body>input[type=date],.date-picker-modal-body .date-picker-input{width:calc(100% - 8px)!important;max-width:calc(100% - 8px)!important;padding-left:6px!important;padding-right:6px!important}@supports (-webkit-touch-callout: none){.date-picker-modal-body{padding:14px 2px!important}.date-picker-input,.date-picker-modal-body>input[type=date],.date-picker-modal-body .date-picker-input{width:calc(100% - 4px)!important;max-width:calc(100% - 4px)!important;padding-left:4px!important;padding-right:4px!important}}}.date-picker-actions{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-top:20px!important;margin-left:0!important;margin-right:0!important;padding:0!important;display:flex!important;gap:10px!important;justify-content:center!important}.date-picker-actions button{box-sizing:border-box!important;min-width:0!important;flex:1 1 0!important;max-width:calc(50% - 5px)!important;padding:12px 8px!important;font-size:.9rem!important}.appointments-mobile{min-height:100vh;background:var(--bg-app);padding-bottom:80px}.mobile-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;background:#fff;border-bottom:1px solid var(--border-light);position:sticky;top:0;z-index:100;gap:12px;flex-wrap:wrap}.mobile-header-info{display:flex;flex-direction:column;flex:1;min-width:0}.appointments-mobile .mobile-header h1,.mobile-header h1{font-size:1.5rem;font-weight:700;color:var(--text-title)!important;margin:0 0 4px;display:flex;align-items:center;flex-wrap:wrap}.mobile-header-subtitle{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.appointments-mobile .mobile-header h1 svg,.mobile-header h1 svg{flex-shrink:0;color:var(--text-title)!important;stroke:var(--text-title)!important}.mobile-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.btn-manage-mobile{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--border-radius);background:var(--bg-secondary);border:1px solid var(--border-light);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-manage-mobile:active{transform:translateY(1px) scale(.98);background:var(--border-light)}.btn-manage-mobile span{line-height:1}@media(max-width:480px){.mobile-header{flex-direction:column;align-items:stretch;gap:12px}.mobile-header-info{width:100%}.mobile-header-actions{width:100%;justify-content:space-between}.btn-manage-mobile span{display:none}.btn-manage-mobile{padding:10px;flex:1}.mobile-layout .btn-manage-mobile span{display:inline!important}.mobile-layout .btn-manage-mobile{padding:10px 14px!important}.btn-new-mobile{flex:1;justify-content:center;padding:10px 12px;font-size:.85rem}.btn-new-mobile span{display:inline}.appointments-mobile .mobile-header h1,.mobile-header h1{color:var(--text-title)!important}.appointments-mobile .btn-new-mobile,.mobile-header-actions .btn-new-mobile,.btn-new-mobile{background:var(--white)!important;border:2px solid var(--primary-color)!important;color:var(--text-title)!important}}.appointments-mobile .btn-new-mobile,.mobile-header-actions .btn-new-mobile,.btn-new-mobile{display:inline-flex!important;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--border-radius);background:var(--white)!important;border:2px solid var(--primary-color)!important;color:var(--text-title)!important;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease;white-space:nowrap;flex-shrink:0}.appointments-mobile .btn-new-mobile:active,.mobile-header-actions .btn-new-mobile:active,.btn-new-mobile:active{transform:translateY(1px) scale(.98);border-color:var(--primary-hover)!important;box-shadow:var(--shadow-sm);background:var(--white)!important;color:var(--text-title)!important}.appointments-mobile .btn-new-mobile:hover:not(:disabled),.mobile-header-actions .btn-new-mobile:hover:not(:disabled),.btn-new-mobile:hover:not(:disabled){background:var(--white)!important;color:var(--text-title)!important;border-color:var(--primary-hover)!important;transform:translateY(-1px)}.btn-new-mobile span{line-height:1}.date-nav-mobile{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-bottom:1px solid var(--border-light)}.date-nav-btn{width:44px;height:45px;border-radius:50%;background:var(--bg-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.date-nav-btn:active{background:var(--border-light);transform:scale(.95)}.date-display-mobile{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.date-main{font-size:1.1rem;font-weight:700;color:var(--text-primary);text-transform:capitalize;transition:all .2s ease}.date-main.clickable-date:hover{opacity:.8;transform:scale(1.02)}.btn-today-mobile{padding:4px 12px;background:#e8c8c21a;border:1px solid rgba(232,200,194,.3);border-radius:var(--border-radius);font-size:.8rem;font-weight:600;color:var(--primary-color);cursor:pointer}.btn-today-mobile:active{background:#e8c8c233}.btn-filter-mobile{width:44px;height:45px;border-radius:50%;background:var(--bg-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .2s ease}.btn-filter-mobile:active{background:var(--primary-color);color:#fff}.filters-mobile{padding:16px;background:#fff;border-bottom:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-select-mobile{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:.95rem;background:#fff;color:var(--text-primary);cursor:pointer}.appointments-list-mobile{padding:16px;display:flex;flex-direction:column;gap:12px}.appointment-card-mobile{background:#fff;border-radius:var(--border-radius);padding:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:12px;position:relative;cursor:pointer;transition:all .2s ease;border-left:4px solid var(--primary-color)}.appointment-card-mobile:active{transform:scale(.98);box-shadow:0 4px 16px #e8c8c233}.status-badge-mobile{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700;color:#fff;box-shadow:0 2px 6px #00000026}.appointment-time-mobile{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.appointment-time-mobile svg{color:var(--primary-color);flex-shrink:0}.time-range{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.appointment-customer-mobile{display:flex;align-items:flex-start;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;color:var(--text-primary)}.customer-phone{font-size:.85rem;color:var(--text-secondary)}.appointment-treatment-mobile{display:flex;gap:8px;flex-wrap:wrap}.treatment-badge{padding:6px 14px;background:linear-gradient(135deg,#e8c8c226,#e8c8c240);border:1px solid rgba(232,200,194,.3);border-radius:var(--border-radius);font-size:.9rem;font-weight:600;color:var(--primary-color)}.appointment-details-mobile{display:flex;gap:12px;flex-wrap:wrap}.detail-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.detail-item svg{flex-shrink:0;width:14px;height:14px}.appointment-note-mobile{padding:10px;background:#f4d58d1a;border-left:3px solid #F4D58D;border-radius:var(--border-radius);font-size:.9rem;color:var(--text-secondary);line-height:1.5}.empty-state-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state-mobile svg{color:var(--border-light);margin-bottom:20px}.empty-state-mobile h3{font-size:1.3rem;color:var(--text-primary);margin-bottom:8px}.empty-state-mobile p{color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.loading-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;gap:16px}.spinner-mobile{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.loading-mobile p{color:var(--text-secondary);font-size:.95rem}.fab-mobile{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #e8c8c266;z-index:99;transition:all .3s ease}.fab-mobile:active{transform:scale(.92);box-shadow:0 4px 16px #e8c8c280}.modal-mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;animation:fadeIn .3s ease}.modal-mobile-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:var(--border-radius) 24px 0 0;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 -4px 24px #00000026}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-mobile-handle{width:40px;height:4px;background:var(--border-light);border-radius:var(--border-radius);margin:12px auto 8px}.modal-mobile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border-light);position:sticky;top:0;background:#fff;z-index:10}.modal-mobile-header h2{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.btn-close-mobile{width:32px;height:32px;border-radius:50%;background:var(--bg-secondary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--text-secondary)}.btn-close-mobile:active{background:var(--border-light)}.modal-mobile-body{padding:20px;display:flex;flex-direction:column;gap:16px}.detail-row-mobile{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light)}.detail-row-mobile:last-child{border-bottom:none}.detail-row-mobile svg,.detail-row-mobile .treatment-icon,.detail-row-mobile .cabin-icon,.detail-row-mobile .note-icon,.detail-row-mobile .status-icon{color:var(--primary-color);flex-shrink:0;width:20px;text-align:center}.detail-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.phone-link-mobile{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;background:linear-gradient(135deg,#7fb38e,#95c9a4);color:#fff;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease}.phone-link-mobile:active{transform:scale(.96)}.status-badge-large{display:inline-block;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;font-weight:700;color:#fff;box-shadow:0 2px 8px #00000026}.modal-mobile-actions{padding:16px 20px;background:var(--bg-secondary);display:flex;gap:12px;position:sticky;bottom:0;border-top:1px solid var(--border-light)}.modal-mobile-actions .btn{flex:1;justify-content:center}.btn-action-mobile{flex:1;padding:14px 20px;border-radius:var(--border-radius);border:none;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}.btn-action-mobile:active{transform:scale(.97)}.btn-edit{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;box-shadow:0 4px 12px #e8c8c24d}.btn-delete{background:#fff;color:#e87676;border:2px solid #E87676}.btn-delete:active{background:#e876761a}.modal-large{max-height:85vh!important;display:flex;flex-direction:column;position:relative}@media(max-width:768px){div.modal-backdrop.modal-backdrop,.modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}div.modal-backdrop>div.modal.modal-large,.modal-backdrop .modal.modal-large,.modal-backdrop div.modal.modal-large,div.modal.modal-large,.modal.modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important}.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;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;color:var(--text-primary)!important;box-shadow:none!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{color:var(--text-primary)!important;stroke:var(--text-primary)!important}.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:nowrap;width:100%;z-index:5}.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;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,0px))}.fab-mobile{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.modal-backdrop .modal.modal-large .modal-footer{padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@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}}.modal-backdrop .modal.modal-large .modal-body.manager-modal-body-content{padding:32px 24px!important}.appointments .header-actions .btn-primary,.appointments .header-actions .btn-secondary{background-color:var(--white)!important;color:var(--text-title, #1f2937)!important;box-shadow:var(--shadow-sm)!important;border-radius:var(--border-radius)!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){transform:translateY(-1px)!important;box-shadow:var(--shadow-md)!important}.appointments .header-actions .btn-primary:hover:not(:disabled){background-color:var(--white)!important;color:var(--text-title, #1f2937)!important;border-color:var(--primary-hover)!important}.appointments .header-actions .btn-secondary:hover:not(:disabled){background-color:var(--white)!important;color:var(--text-title, #1f2937)!important;border-color:var(--secondary-hover)!important}.main-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:24px;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{width:100%;max-width:none;margin:0;padding:0 20px;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-x:hidden;border-radius:var(--border-radius)!important}.appointments-layout{display:grid;grid-template-columns:525px 1fr;gap:20px;align-items:start;flex:1;min-height:0;width:100%;max-width:100%;overflow:hidden}.appointments-layout.no-sidebar{grid-template-columns:1fr;gap:0}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px;border-bottom:none;padding-bottom:0}.appointments-header{align-items:flex-start}.view-header-info{display:flex;flex-direction:column;gap:6px}.appointments-subtitle{margin:6px 0 0;color:var(--text-secondary);font-size:.95rem;font-weight:500}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.appointments-header .header-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}.appointments-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;border-top:none;border-bottom:none;padding-top:0;padding-bottom:0}.appointments-toolbar-row{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;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){padding:10px 20px!important;min-height:45px!important;height:auto!important;flex:0 0 auto!important;flex-grow:0!important;flex-shrink:0!important;width:auto!important;max-width:none!important;align-self:center!important;margin-top:2px!important;white-space:nowrap!important;font-size:14px!important;font-weight:500!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{display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:8px 12px}.appointments-toolbar-row .date-picker-compact .nav-arrow{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);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{font-weight:500;color:var(--text-primary);min-width:80px;text-align:center}@media(max-width:1024px){.appointments-toolbar-row{flex-wrap:wrap}}@media(max-width:1400px){.toggle-calendar-btn .calendar-text{display:none}.toggle-calendar-btn{padding:10px!important;min-width:45px!important;justify-content:center}.toggle-calendar-btn .calendar-icon{font-size:1.2rem}.toggle-group .toggle-text{display:none}.toggle-group{gap:6px;padding:4px;height:auto}.toggle-group .toggle-btn{padding:8px!important;min-width:36px!important;width:50%!important;max-width:none!important;height:36px!important;justify-content:center;flex:1 1!important}.toggle-group .toggle-icon{width:16px;height:16px}}@media(max-width:1200px){.toggle-group{gap:4px;padding:3px}.toggle-group .toggle-btn{padding:6px!important;min-width:32px!important;width:50%!important;max-width:none!important;height:32px!important;flex:1 1!important}.toggle-group .toggle-icon{width:14px;height:14px}}@media(max-width:1000px){.toggle-group{gap:3px;padding:2px}.toggle-group .toggle-btn{padding:5px!important;min-width:28px!important;width:50%!important;max-width:none!important;height:28px!important;flex:1 1!important}.toggle-group .toggle-icon{width:12px;height:12px}}@media(max-width:768px){.appointments-header .header-actions{flex-direction:column;width:100%;align-items:stretch}.appointments-header .header-actions .btn{width:100%}.appointments-toolbar-row{flex-wrap:wrap}}.toggle-group{display:flex;gap:8px;background:var(--white);padding:6px;border-radius:var(--border-radius);box-shadow:var(--shadow);flex-shrink:1;min-width:0;align-items:center;align-self:center;height:45px;box-sizing:border-box}.manager-filters-sidebar .filter-group .toggle-group{align-self:stretch!important;width:100%!important;max-width:100%!important;flex:1 1 auto!important;flex-shrink:0!important;order:999!important}.toggle-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;background:transparent;color:#666;font-size:1rem;font-weight:400;line-height:1.2;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;position:relative;height:40px;min-height:40px;box-sizing:border-box;min-width:0}.toggle-btn:hover:not(.active){background:#d4817e1a;color:var(--primary-color)}.toggle-btn.active{background:#fff;color:var(--primary-color);box-shadow:0 2px 4px #0000001a;height:40px;box-sizing:border-box;border-radius:var(--border-radius)}.appointments-sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px;height:calc(100vh - 40px);max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;padding:0 0 300px;min-height:0;box-sizing:border-box;align-self:start}.appointments-header{display:flex;justify-content:center;margin-bottom:12px;padding-bottom:0;border-bottom:none}.mini-calendar{background:var(--white);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow);overflow:visible!important;min-height:280px!important;height:auto!important;display:flex;flex-direction:column;flex-shrink:0!important;box-sizing:border-box}.mini-calendar-actions{display:block;margin-bottom:10px}.btn-today{display:block;width:100%;padding:8px 12px;font-size:.9rem}.mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--light-gray)}.mini-calendar-header .btn-icon,.mini-calendar-header .btn-icon svg{color:var(--text-color)!important;stroke:var(--text-color)!important}.mini-calendar-month{font-size:.95rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.mini-calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:4px!important;margin-bottom:4px!important;width:100%!important}.mini-weekday{text-align:center!important;font-size:.75rem!important;font-weight:600!important;color:var(--text-secondary)!important;padding:6px 0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.mini-calendar-days{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:4px!important;width:100%!important;overflow:visible!important;min-height:200px!important}.mini-day{aspect-ratio:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:var(--border-radius)!important;cursor:pointer;transition:all .2s ease;position:relative;font-size:.85rem!important;background:var(--bg-subtle)!important;box-sizing:border-box!important;padding:4px!important;margin:0!important}.mini-day.empty{background:transparent;cursor:default}.mini-day:not(.empty):hover{background:var(--light-gray);transform:scale(1.05)}.mini-day.today{background:var(--primary-color)!important;color:var(--white)!important;font-weight:700;border:none;box-shadow:0 2px 8px #00000026}.mini-day.today:hover{background:var(--primary-hover)!important;transform:scale(1.05)}.mini-day.selected{background:var(--bg-subtle)!important;color:var(--text-color)!important;font-weight:700;border:2px solid var(--theme-primary, var(--primary-color))!important;box-shadow:0 2px 8px #0000001a}.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{position:absolute;bottom:2px;right:2px;width:14px;height:14px;background:var(--accent-color);color:var(--white);border-radius:50%;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.mini-day.holiday{background:#ef44440f;border:1px solid rgba(239,68,68,.25)}.mini-day-holiday{position:absolute;top:4px;right:4px;color:#ef4444;font-size:10px;line-height:1}.mini-day.selected .mini-day-dot{background:var(--theme-primary, var(--primary-color));color:var(--white)}.today-appointments{background:var(--white);border-radius:var(--border-radius);padding:16px;box-shadow:var(--shadow);flex-shrink:0}.today-appointments h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px;padding-bottom:12px;border-bottom:2px solid var(--light-gray)}.today-appointments-list{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto;position:relative;transition:all .3s ease;min-height:200px;padding:16px}.today-appointments-list.drag-over-manager{background:linear-gradient(135deg,#667eea26,#764ba226);border:3px dashed var(--accent-color);border-radius:var(--border-radius);box-shadow:inset 0 0 20px #667eea33}.no-appointments-today{text-align:center;padding:30px 10px;color:var(--text-secondary);font-size:.9rem}.today-appointment-item{padding:10px 12px;background:var(--bg-subtle);border-left:4px solid;border-radius:var(--border-radius);transition:all .2s ease;cursor:grab}.today-appointment-item:active{cursor:grabbing;opacity:.6}.today-appointment-item:hover{background:var(--white);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.today-apt-time{font-size:.85rem;font-weight:700;color:var(--accent-color);margin-bottom:4px}.today-apt-client{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.today-apt-service{font-size:.8rem;color:var(--text-secondary)}.appointments-main{min-width:0;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;min-height:calc(100vh - 340px);max-height:calc(100vh - 310px);-webkit-overflow-scrolling:touch;padding:20px 0 0;margin:0;align-self:start}.appointments-layout.no-sidebar .appointments-main{min-height:calc(100vh - 340px);max-height:calc(100vh - 310px)}.date-navigation{display:flex;align-items:center;gap:16px;margin-bottom:25px;background:var(--white);padding:16px 20px;border-radius:var(--border-radius);box-shadow:var(--shadow)}.date-navigation .btn-icon,.date-navigation .btn-icon svg{color:var(--text-color)!important;stroke:var(--text-color)!important}.date-title{flex:1;text-align:center;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.date-picker-compact{display:inline-flex;align-items:center;gap:4px;background:var(--white);border-radius:var(--border-radius);padding:6px 12px;box-shadow:var(--shadow);height:45px;position:relative}.date-picker-compact .nav-arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:50%;padding:0}.date-picker-compact .nav-arrow:hover{background:var(--light-gray);color:var(--text-primary)}.date-picker-compact .current-date{font-size:1.5rem;font-weight:350;color:var(--text-primary);padding:0 16px;white-space:nowrap;text-transform:capitalize;min-width:90px;text-align:center;line-height:1.4;letter-spacing:.5px}.date-picker-compact .current-date.clickable{cursor:pointer;border-radius:10px;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.date-picker-compact .current-date.clickable:hover{background:#0000000a}.mini-calendar-popover{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);z-index:2500;filter:drop-shadow(0 12px 30px rgba(0,0,0,.18))}.mini-calendar-popover-content{width:min(525px,calc(100vw - 24px));max-height:min(80vh,920px);overflow-y:auto;display:flex;flex-direction:column;gap:16px}.mini-calendar--popover{background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid rgba(0,0,0,.08);overflow:hidden}.toolbar-right-filters{display:flex!important;align-items:center!important;gap:12px!important;margin-left:auto!important;flex-shrink:0!important;margin-right:0!important;padding:0!important;min-width:fit-content!important}.location-filter-compact{display:flex;align-items:center;justify-content:center;height:58px;align-self:center;margin:0!important;padding:0!important}.location-filter-compact .custom-dropdown{min-width:160px;max-width:240px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important}.location-filter-compact .custom-dropdown .custom-dropdown-trigger{padding:9px 20px!important;height:45px!important;min-height:36px!important;max-height:45px!important;font-size:.95rem!important;line-height:1.4!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important;border:2px solid #e2e8f0!important;vertical-align:middle!important}.location-filter-compact .custom-dropdown .dropdown-menu{border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;margin-top:4px;font-size:.9rem}.location-filter-compact .custom-dropdown .dropdown-item{padding:8px 14px}.compact-planning-bar{display:flex;align-items:center;justify-content:flex-start;gap:16px;margin-bottom:12px;margin-top:0;background:transparent;padding-top:0}.planning-filters-row{display:flex;align-items:center;gap:16px;width:100%;flex-wrap:wrap}.date-title .date-holiday-badge{display:inline-block;margin-left:10px;padding:4px 8px;font-size:.8rem;font-weight:700;color:#ef4444;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:999px}.timeline-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;position:relative}.month-label-row{display:grid;grid-template-columns:70px 1fr;background:var(--bg-color);border-bottom:1px solid var(--light-gray);position:sticky;top:0;z-index:25}.month-label-spacer{width:120px;background:var(--white);border-right:2px solid var(--light-gray)}.month-label-fixed{display:flex;align-items:center;justify-content:center;padding:8px 0;background:var(--bg-color)}.month-label-fixed span{background:#d4817e;color:#fff;padding:8px 24px;border-radius:var(--border-radius);box-shadow:0 3px 10px #d4817e66;font-size:.85rem;font-weight:700;text-transform:capitalize;text-shadow:0 1px 3px rgba(0,0,0,.3);white-space:nowrap;animation:monthAppear .3s ease-out}@keyframes monthAppear{0%{opacity:0;transform:translateY(-5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.timeline-grid{display:flex;flex-direction:column;position:relative;flex:1;min-height:0;overflow:hidden}.timeline-scroll-area{display:flex;overflow-x:auto;overflow-y:auto;flex:1;position:relative}.day-column-header{flex:1;min-width:120px;padding:16px 12px;text-align:center;background:linear-gradient(135deg,var(--accent-color),#FBBF24);color:var(--white);border-right:1px solid rgba(255,255,255,.2)}.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;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.day-number{font-size:1.5rem;font-weight:700}.time-column{width:120px;min-width:120px;background:var(--white);border-right:2px solid var(--gray);position:sticky;left:0;z-index:15;display:flex;flex-direction:column}.time-column-header{padding:0;text-align:center;background:linear-gradient(135deg,var(--accent-color),#FBBF24);color:var(--white);border-bottom:2px solid var(--light-gray);font-weight:600;font-size:1rem;position:sticky;top:0;z-index:16;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;height:80px;box-sizing:border-box}.time-slot{height:30px;min-height:30px;max-height:30px;border-bottom:1px solid rgba(160,174,192,.2);display:flex;align-items:flex-start;justify-content:flex-end;padding:2px 8px;font-size:.75rem;color:var(--text-color);font-weight:700;position:relative;box-sizing:border-box}.time-slot:nth-child(odd){border-bottom:1px solid rgba(160,174,192,.4)}.time-slot:nth-child(2n){border-bottom:1px dashed rgba(160,174,192,.2)}.day-column{min-width:120px;display:flex;flex-direction:column;border-right:1px solid var(--light-gray);position:relative}.day-column-header{padding:0;text-align:center;background:linear-gradient(135deg,var(--accent-color),#FBBF24);color:var(--white);display:flex;flex-direction:column;justify-content:center;align-items:center;position:sticky;top:0;z-index:10;border-bottom:2px solid var(--light-gray);min-height:80px;height:80px;box-sizing:border-box}.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{position:relative;height:1440px;display:flex;flex-direction:column}.time-cell{height:30px;min-height:30px;max-height:30px;border-bottom:1px solid rgba(160,174,192,.2);position:relative;box-sizing:border-box;display:flex;align-items:flex-start;justify-content:center;padding:2px 8px}.time-cell:nth-child(2n){border-bottom:1px solid rgba(160,174,192,.4)}.time-cell:nth-child(odd){border-bottom:1px dashed rgba(160,174,192,.2)}.day-column.today .day-column-body{background:#d4817e0d}.appointment-block{position:absolute;left:2px;right:2px;border-radius:var(--border-radius);padding:6px;cursor:pointer;transition:var(--transition);overflow:hidden;box-shadow:0 2px 4px #00000026;border:2px solid rgba(255,255,255,.3);z-index:1;min-height:30px}.appointment-block:hover{transform:scale(1.03);box-shadow:0 4px 8px #00000040;z-index:2;border-color:#fffc}.appointment-block-content{color:var(--white);font-size:.75rem;line-height:1.3}.appointment-block-time{font-weight:700;font-size:.8rem;margin-bottom:2px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.appointment-block-client{font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 5px rgba(0,0,0,.6),1px 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;gap:4px}.booking-badge{background:#fff3;border-radius:50%;padding:2px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1px solid rgba(255,255,255,.3);flex-shrink:0}.booking-indicator{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-left:8px;box-shadow:0 2px 4px #3b82f64d}.booking-badge-small{background:#3b82f633;border-radius:50%;padding:1px;display:inline-flex;align-items:center;justify-content:center;color:#3b82f6;border:1px solid rgba(59,130,246,.3);flex-shrink:0;margin-left:4px}.new-booking-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff!important;padding:2px 8px;border-radius:var(--border-radius);font-size:.7rem;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px;margin-left:6px;box-shadow:0 2px 6px #10b98166;animation:pulse-glow 2s ease-in-out infinite;text-transform:uppercase}@keyframes pulse-glow{0%,to{box-shadow:0 2px 6px #10b98166;transform:scale(1)}50%{box-shadow:0 4px 12px #10b98199;transform:scale(1.05)}}.appointment-block-service{font-size:.7rem;opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.4);font-weight:600}.appointment-block-operator{font-size:.65rem;opacity:.95;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.4);font-style:italic;font-weight:600}.appointment-block-notes{font-size:.6rem;opacity:.9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.4);font-style:italic;margin-top:1px;font-weight:500}.days-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.day-column .day-header{background:linear-gradient(135deg,var(--accent-color),#FBBF24);color:var(--white);padding:14px;text-align:center;border-radius:var(--border-radius) var(--border-radius) 0 0}.days-grid .day-column{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);border:2px solid transparent;position:static;min-width:auto}.days-grid .day-column:hover{border-color:var(--accent-color);box-shadow:var(--shadow-hover)}.days-grid .day-column.today{border-color:var(--text-title);box-shadow:0 4px 12px #d4817e4d;background:var(--white)}.days-grid .day-column.today .day-header{background:linear-gradient(135deg,var(--text-title),var(--ancient-pink))}.day-appointments{padding:12px;min-height:120px;max-height:400px;overflow-y:auto}.appointment-card{background:var(--light-gray);padding:12px;border-radius:var(--border-radius);margin-bottom:8px;border-left:3px solid var(--accent-color);cursor:pointer;transition:var(--transition)}.appointment-card:hover{background:#e8f2ff;border-left-color:var(--text-title);transform:translate(3px)}.appointment-time{font-size:.85rem;font-weight:600;color:var(--accent-color);margin-bottom:6px}.appointment-client{font-size:.95rem;font-weight:500;color:var(--text-color);margin-bottom:4px}.appointment-service{font-size:.8rem;color:var(--gray)}.no-appointments{text-align:center;padding:40px 12px;color:var(--gray);font-size:.9rem}@media(max-width:1400px){.appointments-layout{grid-template-columns:300px 1fr}}@media(max-width:1200px){.appointments-layout{grid-template-columns:320px 1fr;gap:16px}.mini-calendar,.today-appointments{padding:12px}.day-column-header,.day-column,.month-label{min-width:100px}.appointments-main{max-height:calc(100vh - 180px)}}@media(max-width:968px){.appointments{padding:0 12px}.appointments-layout{grid-template-columns:1fr;gap:16px}.appointments-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-height:none;overflow:visible}.mini-calendar{order:1;overflow:visible!important;min-height:280px!important;height:auto!important;display:flex;flex-direction:column;flex-shrink:0!important}.mini-calendar-days{overflow:visible!important;min-height:200px!important;flex:1 0 auto;flex-shrink:0!important}.today-appointments{order:2;max-height:400px;overflow-y:auto}.appointments-main{max-height:600px;overflow-y:auto;overflow-x:auto}}@media(max-width:768px){.appointments{padding:0 8px}.view-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;gap:8px;flex-direction:column}.header-actions .btn-primary{width:100%}.appointments-sidebar{grid-template-columns:1fr;gap:12px}.mini-calendar{padding:12px;overflow:visible!important;min-height:280px!important;height:auto!important;display:flex;flex-direction:column;flex-shrink:0!important}.mini-calendar-days{overflow:visible!important;min-height:200px!important;flex:1 0 auto;flex-shrink:0!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{padding:12px;flex-wrap:wrap}.date-title{font-size:.95rem}.appointments-main{max-height:500px;overflow-y:auto;overflow-x:auto}.timeline-grid{min-width:600px}.day-column-header,.day-column,.month-label{min-width:80px}.time-column{width:60px;min-width:60px;font-size:.75rem}.time-column-header{width:60px;min-width:60px}.days-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:6px}.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{padding:8px;overflow:visible!important;min-height:260px!important;height:auto!important;display:flex;flex-direction:column;flex-shrink:0!important}.mini-calendar-days{overflow:visible!important;min-height:180px!important;flex:1 0 auto;flex-shrink:0!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-header,.day-column,.month-label{min-width:60px}.time-column{width:50px;min-width:50px;font-size:.7rem}.time-column-header{width:50px;min-width:50px}.timeline-header{top:28px}.month-label{min-width:60px;height:24px}.month-label-content{font-size:.6rem;padding:3px 6px;border-radius:0 0 6px 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;padding:6px 10px;font-size:.8rem}.navigation-controls .btn-sm{font-size:.8rem;padding:6px 10px}}.date-navigation{display:flex;justify-content:center;margin-bottom:25px}.date-title{font-size:1.2rem;font-weight:600;color:var(--text-title);text-align:center;padding:12px 24px;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow)}.appointments-list{display:flex;flex-direction:column;gap:12px;max-width:1600px;margin:0 auto}.appointment-card{display:flex;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.appointment-card-indicator{width:4px;flex-shrink:0}.appointment-card-content{flex:1;padding:20px;display:flex;gap:20px;align-items:center}.appointment-card-time{font-size:1rem;font-weight:600;color:var(--text-title);min-width:120px}.appointment-card-details{flex:1}.appointment-card-client{font-size:1rem;font-weight:500;color:var(--text-color);margin:0 0 4px}.appointment-card-treatment{font-size:.9rem;color:var(--gray);margin:0}.empty-state{text-align:center;padding:60px 20px;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow)}.empty-state h3{font-size:1.4rem;margin-bottom:10px;color:var(--text-color)}.empty-state p{font-size:.95rem;color:var(--gray)}.daily-timeline{width:100%;display:flex;flex-direction:column;flex:1;min-height:0;margin-top:0;padding-top:0;align-self:start}.timeline-wrapper{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;margin-top:0}.timeline-header-row{display:grid;background:var(--accent-color);color:var(--white);font-weight:600;font-size:.9rem}.timeline-hours-header{padding:16px;text-align:center;border-right:2px solid rgba(255,255,255,.3);font-weight:700;font-size:.95rem;text-shadow:0 0 6px rgba(0,0,0,.9),2px 2px 3px rgba(0,0,0,.7),-2px -2px 3px rgba(0,0,0,.7)}.timeline-cabina-header{padding:16px;text-align:center;border-right:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.timeline-cabina-header:last-child{border-right:none}.timeline-cabina-header span{color:#fff!important;font-weight:700;font-size:.9rem;letter-spacing:.3px;padding:8px 16px;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.4),0 0 4px rgba(0,0,0,.3)}.timeline-cabina-header span:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--box-color);opacity:.6;border-radius:var(--border-radius);z-index:-1;box-shadow:0 2px 8px #0000004d,0 4px 12px #0003}.timeline-scroll-wrapper{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;height:auto}.timeline-content{display:flex;flex-direction:column}.timeline-row{display:grid;height:auto;min-height:60px;border-top:1px solid var(--light-gray);align-items:start}.timeline-row.hour-mark{border-top:2px solid var(--accent-color);background:#fbbf2408}.timeline-row.half-hour-mark{border-top:1px dashed rgba(160,174,192,.3)}.timeline-time-cell{display:flex;align-items:flex-start;justify-content:center;padding:8px;font-size:.85rem;font-weight:600;color:var(--text-color);border-right:2px solid var(--light-gray);background:var(--white);min-height:60px}.timeline-appointment-cell{position:relative;padding:4px 8px;display:flex;align-items:flex-start;border-right:1px solid var(--light-gray);transition:all .2s ease;min-height:60px}.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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:300;color:#22c55e;opacity:0;pointer-events:none;z-index:100;transition:opacity .2s ease;text-shadow:0 0 4px rgba(255,255,255,.9),0 0 8px rgba(255,255,255,.7),0 0 12px rgba(255,255,255,.5)}.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{position:absolute;top:0;left:0;right:0;bottom:0;z-index:5;cursor:crosshair}.timeline-cell-click-overlay:hover{background:#22c55e05}.drag-preview-block{position:absolute;left:8px;right:8px;border-radius:var(--border-radius);background:#22c55ecc;border:4px solid #ffffff;border-style:solid;box-shadow:0 0 20px #22c55e99;pointer-events:none;z-index:1000;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #22c55e66;animation:drag-preview-pulse 2s ease-in-out infinite}@keyframes drag-preview-pulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.02);opacity:1}}.timeline-appointment-block{position:absolute;left:8px;right:8px;top:4px;border-radius:var(--border-radius);padding:8px 12px;color:var(--white);box-shadow:0 2px 8px #0003;border:2px solid rgba(255,255,255,.3);display:flex;flex-direction:column;gap:4px;cursor:grab;transition:all .2s ease;z-index:10;-webkit-user-select:none;user-select:none}.timeline-appointment-block:active{cursor:grabbing;opacity:.7}.timeline-appointment-block:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;z-index:20;cursor:grab}.timeline-appointment-block .appointment-block-time{font-weight:700;font-size:.8rem;text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.3px}.timeline-appointment-block .appointment-block-client{font-weight:700;font-size:.85rem;text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 5px rgba(0,0,0,.6),1px 1px 2px rgba(0,0,0,.5)}.timeline-appointment-block .appointment-block-service{font-size:.75rem;opacity:.95;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.4)}.timeline-appointment-block .appointment-block-operator{font-size:.7rem;opacity:.95;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.4);font-style:italic}.timeline-appointment-block .appointment-block-notes{font-size:.65rem;opacity:.9;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 4px rgba(0,0,0,.5),1px 1px 2px rgba(0,0,0,.4);font-style:italic;margin-top:1px}.appointment-group{display:flex;width:100%;gap:2px;margin-bottom:2px;align-items:flex-start}.appointment-group:last-child{margin-bottom:0}.appointment-group .timeline-appointment-block{position:absolute!important;top:4px!important;bottom:4px!important;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:4px}.appointment-group .timeline-appointment-block:nth-child(1){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{max-width:1800px;max-height:90vh;overflow-y:auto;border-radius:var(--border-radius)}.modal-operatore{max-width:1100px;width:90%}.operatore-modal-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.operatori-selection-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;margin-bottom:0}.operatore-selection-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-subtle);border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;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{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:.9rem;flex-shrink:0}.operatore-info-small{flex:1}.operatore-name-sel{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:1rem}.operatore-meta-sel{font-size:.85rem;color:var(--text-secondary)}.phone-input{display:flex;align-items:center;gap:8px;border:1px solid var(--light-gray);border-radius:var(--border-radius);padding:0;background:var(--white)}.phone-prefix{padding:10px 0 10px 12px;color:var(--text-secondary);font-weight:500;border-right:1px solid var(--light-gray)}.phone-input input{flex:1;border:none;padding:10px 12px;background:transparent}.phone-input input:focus{outline:none}.notes-content textarea:disabled{background:var(--bg-subtle);cursor:not-allowed;opacity:.6}.form-info{padding:12px;background:#f59e0b1a;border-left:3px solid var(--accent-color);border-radius:var(--border-radius);font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:16px}.form-help-text{font-size:.85rem;color:var(--text-secondary);font-style:italic;margin-top:8px}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff!important;border:none;padding:10px 18px;border-radius:var(--border-radius);font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 2px 8px #25d3664d}.btn-whatsapp *{color:#128c7e!important;stroke:#fff!important;fill:#fff!important}.btn-whatsapp svg{color:#fff!important;stroke:#fff!important}.btn-whatsapp:hover:not(:disabled){background:linear-gradient(135deg,#20bd5a,#0f7a6c);transform:translateY(-2px);box-shadow:0 4px 12px #25d36666;color:#fff!important}.btn-whatsapp:hover:not(:disabled) *{color:#fff!important;stroke:#fff!important;fill:#fff!important}.btn-whatsapp:hover:not(:disabled) svg{color:#fff!important;stroke:#fff!important}.btn-whatsapp:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #25d3664d;color:#fff!important}.btn-whatsapp:active:not(:disabled) *{color:#fff!important;stroke:#fff!important;fill:#fff!important}.btn-whatsapp:disabled{opacity:.5;cursor:not-allowed;color:#fff!important}.btn-whatsapp:disabled *{color:#fff!important;stroke:#fff!important;fill:#fff!important}.modal-footer{display:flex;gap:12px;padding:24px 40px!important;border-top:1px solid var(--border-light);background:transparent;width:100%}.modal-footer-left,.modal-footer-right{display:flex;align-items:center;gap:12px}.modal-footer:not(.modal-footer-new-appointment) .modal-footer-left,.modal-footer:not(.modal-footer-new-appointment) .modal-footer-right{flex:1}.modal-footer-new-appointment{justify-content:center}.modal-footer-new-appointment .modal-footer-right{flex:1;display:flex;gap:12px;justify-content:center}.modal-footer-new-appointment .modal-footer-left{display:none}.modal-xlarge .modal-footer-left .btn,.modal-xlarge .modal-footer-right .btn,.modal-large .modal-footer-left .btn,.modal-large .modal-footer-right .btn{flex:1 1 0!important;justify-content:center!important;width:100%!important;min-width:0!important;display:flex!important}.modal-xlarge .modal-footer-left .btn-whatsapp,.modal-xlarge .modal-footer-right .btn-whatsapp,.modal-large .modal-footer-left .btn-whatsapp,.modal-large .modal-footer-right .btn-whatsapp{display:flex!important;width:100%!important}.modal-footer-new-appointment .modal-footer-right .btn{flex:1 1 0!important;justify-content:center!important;width:auto!important;min-width:120px!important;display:flex!important}@media(max-width:768px){.modal-footer{flex-direction:column;align-items:stretch}.modal-footer-left,.modal-footer-right{width:100%;justify-content:center}.modal-xlarge .modal-footer-left .btn,.modal-xlarge .modal-footer-right .btn,.modal-large .modal-footer-left .btn,.modal-large .modal-footer-right .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.modal-xlarge .modal-footer-left .btn-danger,.modal-xlarge .modal-footer-right .btn-danger,.modal-large .modal-footer-left .btn-danger,.modal-large .modal-footer-right .btn-danger{flex:1 1 100%!important;min-width:100%!important;width:100%!important;order:-1!important}.modal-footer-new-appointment .modal-footer-right .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}}.future-appointment-item{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center}.future-apt-date{font-size:.85rem;font-weight:600;color:var(--accent-color);text-transform:capitalize;padding:4px 8px;background:var(--light-gray);border-radius:var(--border-radius)}.appointments-manager{display:flex;flex-direction:column;gap:12px}.manager-filters{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--light-gray);border-radius:var(--border-radius)}.filter-search,.filter-select,.filter-date{padding:8px 12px;border:1px solid var(--light-gray);border-radius:var(--border-radius);font-size:.9rem;background:#fff;color:var(--text-color);width:100%}.filter-search:focus,.filter-select:focus,.filter-date:focus{outline:none;border-color:var(--accent-color)}.custom-dates{display:flex;align-items:center;gap:8px}.custom-dates span{color:var(--text-color);font-weight:500}.manager-filters-sidebar>.sort-order-toggle{display:flex!important;flex-direction:row!important;width:100%!important;margin-top:8px!important;margin-bottom:12px!important;gap:8px!important;max-height:48px!important;height:48px!important;align-items:center!important;box-sizing:border-box!important}.manager-filters-sidebar .filter-group{position:relative!important;overflow:visible!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;contain:layout style!important}.manager-filters-sidebar .filter-group .custom-dropdown{width:100%!important;flex-shrink:0!important;flex-basis:auto!important}.manager-filters-sidebar .filter-group .sort-order-toggle .toggle-btn,.manager-filters-sidebar>.sort-order-toggle .toggle-btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;background:transparent;color:#666;font-size:.95rem;font-weight:400;line-height:1.2;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;position:relative;height:40px!important;max-height:40px!important;min-height:40px!important;box-sizing:border-box!important}.manager-filters-sidebar .filter-group .sort-order-toggle .toggle-btn:hover:not(.active){background:#d4817e1a;color:var(--primary-color)}.manager-filters-sidebar .filter-group .sort-order-toggle .toggle-btn.active,.manager-filters-sidebar>.sort-order-toggle .toggle-btn.active{background:#fff!important;color:var(--primary-color)!important;box-shadow:0 2px 4px #0000001a!important;height:40px!important;max-height:40px!important;min-height:40px!important;box-sizing:border-box!important;border-radius:var(--border-radius)!important}.reset-filters-btn{padding:8px 12px;background:var(--gray);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.reset-filters-btn:hover{background:var(--dark-gray)}.manager-stats{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--accent-color);color:#fff;border-radius:var(--border-radius);font-size:.9rem}.stat-item strong{font-size:1.1rem;margin-right:4px}.manager-list{display:flex;flex-direction:column;gap:8px;max-height:500px;overflow-y:auto;padding:8px;border-radius:var(--border-radius);transition:all .3s ease;position:relative}.manager-list.drag-over-manager{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px dashed var(--accent-color)}.today-appointments-list .drop-zone-indicator{position:fixed;top:50%;left:280px;transform:translateY(-50%);background:var(--accent-color);color:#fff;padding:24px 32px;border-radius:var(--border-radius);font-weight:700;font-size:1.2rem;box-shadow:0 8px 24px #0000004d;z-index:10000;pointer-events:none;animation:pulseFixed 1.5s ease-in-out infinite;white-space:nowrap;text-align:center;border:3px solid rgba(255,255,255,.5);min-width:300px}.manager-list .drop-zone-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-color);color:#fff;padding:24px 32px;border-radius:var(--border-radius);font-weight:700;font-size:1.2rem;box-shadow:0 8px 24px #0000004d;z-index:10000;pointer-events:none;animation:pulse 1.5s ease-in-out infinite;white-space:nowrap;text-align:center;border:3px solid rgba(255,255,255,.5);min-width:300px}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}@keyframes pulseFixed{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.05)}}.manager-appointment-item{padding:12px;background:#fff;border-left:4px solid var(--accent-color);border-radius:var(--border-radius);cursor:grab;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.manager-appointment-item:hover{transform:translate(4px);box-shadow:0 2px 8px #00000026}.manager-appointment-item:active{cursor:grabbing}.manager-apt-date{font-size:.85rem;font-weight:600;color:var(--accent-color);text-transform:capitalize;margin-bottom:4px}.manager-apt-time{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:4px}.manager-apt-client{font-size:.95rem;color:var(--text-color);margin-bottom:2px}.manager-apt-service{font-size:.85rem;color:var(--gray);margin-bottom:2px}.manager-apt-location{font-size:.8rem;color:var(--gray);font-style:italic}.planning-location-filter{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fdf2f8;border:2px solid #ec4899;border-radius:var(--border-radius);margin-bottom:16px}.planning-location-filter label{font-weight:600;color:#831843;white-space:nowrap;margin:0}.planning-location-filter .custom-dropdown{flex:1;max-width:300px}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;box-shadow:0 2px 8px #f59e0b4d}.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){transform:translateY(0);box-shadow:0 2px 6px #f59e0b4d}.manager-appointment-item.cancelled{opacity:.7;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:4px solid #dc2626!important}.manager-appointment-item.cancelled:hover{opacity:.85;background:linear-gradient(135deg,#fecaca,#fca5a5)}.cancelled-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#dc2626;color:#fff;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;margin-left:8px;white-space:nowrap}.manager-appointment-item.cancelled .manager-apt-client strong{text-decoration:line-through;color:#991b1b}.manager-appointment-item.cancelled .manager-apt-service{color:#991b1b}.modal.modal-manager{max-width:1600px!important;width:95vw!important;max-height:90vh!important;height:auto!important;display:flex!important;flex-direction:column!important}.modal.modal-manager .modal-body{padding:24px!important;max-height:calc(90vh - 80px)!important;height:auto!important;overflow:hidden!important;display:flex!important;flex:1!important;min-height:0!important;box-sizing:border-box!important}.modal.modal-manager .manager-modal-body{display:grid!important;grid-template-columns:320px 1fr!important;gap:24px!important;padding:0!important;height:100%!important;overflow:hidden!important;flex:1!important;min-height:0!important}.manager-filters-sidebar{display:flex;flex-direction:column;gap:20px;padding:24px;background:#f9fafb;border-radius:var(--border-radius);overflow-y:auto;overflow-x:hidden;border:2px solid #e5e7eb;height:100%;min-height:0}.manager-filters-sidebar>*{min-width:0;max-width:100%}.manager-filters-sidebar h4{margin:0 0 8px;font-size:1.2rem;font-weight:700;color:#111827;padding-bottom:12px;border-bottom:2px solid #ec4899}.manager-filters-sidebar>.custom-dropdown{width:100%!important;margin-bottom:12px!important}.manager-filters-sidebar>input[type=date]{width:100%!important;margin-bottom:12px!important;height:45px!important;padding:10px!important;border:2px solid #e5e7eb!important;border-radius:var(--border-radius)!important;font-size:.95rem!important;box-sizing:border-box!important}.filter-group input[type=date],.filter-group input[type=text]{padding:10px;border:2px solid #e5e7eb;border-radius:var(--border-radius);font-size:.95rem;transition:border-color .2s ease}.filter-group input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.btn-block{width:100%!important;justify-content:center!important;margin-top:8px!important;flex-shrink:0!important}.manager-filters-sidebar>.btn-block{margin-top:12px!important;order:9999!important}.modal.modal-manager .manager-appointments-content{display:flex!important;flex-direction:column!important;gap:16px;overflow:hidden;height:100%!important;min-height:0!important}.manager-stats-header{padding:16px 20px;background:#fdf2f8;border:2px solid #ec4899;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;color:#831843;text-align:center;flex-shrink:0}.manager-stats-header strong{color:#ec4899;font-size:1.3rem}.modal.modal-manager .manager-list{flex:1!important;min-height:0!important;overflow-y:auto!important;padding-right:8px;display:flex!important;flex-direction:column!important;gap:8px;max-height:none!important}@media(max-width:1024px){.manager-modal-body{grid-template-columns:1fr;gap:16px}.manager-filters-sidebar{max-height:350px}}.modal-section{padding:24px 32px;margin:0 -20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;overflow:visible!important}.modal-section .form-row .custom-dropdown{flex:1;height:auto!important;padding:0!important;border:none!important;background:transparent!important;margin-bottom:0!important}.appointments .custom-dropdown{margin-bottom:0!important}.modal-section .toggle-switch-modern:disabled{opacity:.5;cursor:not-allowed}.modal-section .form-grid-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important;align-items:start!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{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:20px!important;align-items:start!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{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;gap:16px!important;align-items:start!important;margin-bottom:20px!important}.modal-section .form-grid-4 .form-row{margin-bottom:0!important;min-height:48px!important}.modal-section .form-info{font-size:.95rem!important;font-weight:600!important;color:var(--theme-primary, #D4817E)!important;background:#d4817e1a!important;padding:12px 16px!important;border-radius:var(--border-radius)!important;border:1px solid rgba(212,129,126,.2)!important;margin-bottom:16px!important}@media(max-width:1024px){.modal-section .form-row{flex-direction:row!important}.modal-section .form-grid-3{grid-template-columns:1fr 1fr!important;gap:20px!important}.modal-section .form-grid-4{grid-template-columns:1fr 1fr!important;gap:16px!important}}@media(max-width:768px){.modal-section{padding:20px 24px;margin:0 -16px}.modal-section-title{font-size:1.05rem}.modal-xlarge .modal-body{padding:0!important}.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!important}.modal-section .form-grid-2,.modal-section .form-grid-3,.modal-section .form-grid-4{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:16px!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{height:40px!important;font-size:.95rem!important;padding:10px 14px!important}.modal-section .form-row .custom-dropdown{height:auto!important}}.modal-footer .btn{min-width:110px}.voucher-selection{margin-top:16px;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--border-radius);padding:16px;background:var(--bg-subtle, #f9fafb);display:flex;flex-direction:column;gap:12px}.voucher-selection-header{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary, #6b7280);font-size:.9rem}.voucher-selection-header strong{color:var(--text-primary, #111827);font-size:1rem}.voucher-selection-list{display:flex;flex-direction:column;gap:10px}.voucher-option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--border-radius);border:1px solid var(--border-light, #e5e7eb);background:#fff;transition:all .2s ease;cursor:pointer}.voucher-option input{width:18px;height:18px}.voucher-option:hover{border-color:var(--primary-color, #6366f1);box-shadow:0 6px 18px #6366f11f}.voucher-option.selected{border-color:var(--primary-color, #6366f1);background:#6366f114}.voucher-option-content{display:flex;flex-direction:column;gap:4px}.voucher-option-code{font-weight:700;letter-spacing:1px;font-family:monospace}.voucher-option-desc{font-size:.9rem;color:var(--text-primary, #1f2937)}.voucher-option-expiry{font-size:.8rem;color:var(--text-secondary, #6b7280)}.voucher-selection-summary{margin-top:10px;padding:8px 12px;border-radius:var(--border-radius);background:#4f46e514;color:var(--text-primary, #1f2937);font-size:.9rem;display:flex;flex-direction:column;gap:4px}.auto-assigned-notification{position:fixed;top:80px;right:20px;z-index:10000;max-width:450px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--border-radius);box-shadow:0 10px 40px #667eea66;animation:slideInRight .3s ease-out;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.auto-assigned-notification:hover{transform:translateY(-2px);box-shadow:0 15px 50px #667eea80}@keyframes slideInRight{0%{transform:translate(500px);opacity:0}to{transform:translate(0);opacity:1}}.notification-content{position:relative;padding:20px;color:#fff}.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;gap:6px;font-size:.9rem;opacity:.95;margin-top:8px}.notification-details span{display:flex;gap:8px}.notification-details strong{font-size:.9rem;min-width:80px;font-weight:600}.notification-action{margin-top:12px;padding:8px 12px;background:#fff3;border-radius:var(--border-radius);font-size:.85rem;text-align:center;font-weight:500}.notification-close{position:absolute;top:12px;right:12px;background:#fff3;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease}.notification-close:hover{background:#ffffff4d}.notification-click-area{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.retouch-status-display{margin-top:8px}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--border-radius);font-size:.9rem;font-weight:500;border:1px solid transparent}@media(max-width:768px){.auto-assigned-notification{top:70px;right:10px;left:10px;max-width:none}}.appointment-files{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;border-radius:var(--border-radius);background:linear-gradient(135deg,#0f172a0a,#0f172a14);border:1px solid rgba(148,163,184,.35)}.appointment-files__header,.appointment-files__footer{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.appointment-files__header h4,.appointment-files__footer h4{margin:0;font-size:1.2rem}.appointment-files__header p,.appointment-files__footer p{margin:.35rem 0 0;color:#475569;max-width:48ch}.appointment-files__upload{position:relative;display:inline-flex;padding:.7rem 1.4rem;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 14px 32px #6366f140}.appointment-files__upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.appointment-files__loading,.appointment-files__empty,.appointment-files__placeholder{border-radius:var(--border-radius);padding:1rem;background:#94a3b81f;color:#475569;font-size:.95rem}.appointment-files__dropzone{border:2px dashed rgba(99,102,241,.35);border-radius:var(--border-radius);padding:1rem;text-align:center;font-weight:600;font-size:.95rem;color:#4f46e5e6;background:#7871c614;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{width:100%;border-collapse:collapse;background:#ffffffb3;border-radius:var(--border-radius);overflow:hidden}.appointment-files__table th,.appointment-files__table td{padding:.75rem 1rem;text-align:left;font-size:.95rem}.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{border:none;border-radius:var(--border-radius);padding:.45rem 1rem;font-weight:600;cursor:pointer;background:#3b82f61f;color:#1d4ed8}.appointment-files__actions button.danger{background:#ef444426;color:#b91c1c}.appointment-files__signature-block{display:flex;flex-direction:column;gap:1rem;border-radius:var(--border-radius);padding:1rem;background:#94a3b81a}.appointment-files__signature-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.appointment-files__signature-buttons{display:flex;gap:.75rem}.appointment-files__signature-buttons button{border:none;border-radius:var(--border-radius);padding:.6rem 1.2rem;font-weight:600;cursor:pointer}.appointment-files__signature-buttons button.ghost{background:transparent;border:1px solid rgba(148,163,184,.5);color:#475569}.appointment-files__signature-buttons button:not(.ghost){background:linear-gradient(135deg,#10b981,#059669);color:#fff}.appointment-files__signature-pad{border-radius:var(--border-radius);border:1px dashed rgba(99,102,241,.4);background:#6366f114;padding:.75rem;display:flex;justify-content:center}.appointment-files__signature-canvas{width:100%;max-width:560px;height:230px;background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px #94a3b833}.appointment-files__signatures-list{display:grid;gap:.75rem}.appointment-files__signature-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:var(--border-radius);background:#f8fafcbf;border:1px solid rgba(148,163,184,.2)}.appointment-files__signature-item strong{display:block;font-size:1rem}.appointment-files__footer button{border:none;border-radius:999px;padding:.7rem 1.6rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f97316,#f59e0b);cursor:pointer}.appointment-files__alert{border-radius:var(--border-radius);padding:.75rem 1rem;font-weight:600}.appointment-files__alert--error{background:#f871712e;color:#b91c1c;border:1px solid rgba(248,113,113,.35)}.appointment-files__alert--success{background:#22c55e2e;color:#166534;border:1px solid rgba(34,197,94,.28)}@media(max-width:1024px){.appointment-files__header,.appointment-files__footer,.appointment-files__signature-header{flex-direction:column;align-items:stretch}.appointment-files__upload,.appointment-files__footer button{align-self:flex-start}.appointment-files__signature-buttons{justify-content:flex-start}}.custom-dropdown{position:relative;width:100%;display:flex;flex-direction:column;height:45px;border-radius:var(--border-radius)}.custom-dropdown.open{z-index:10000}.custom-dropdown-trigger{width:100%;min-width:100%;min-height:45px!important;height:45px!important;padding:9px 30px!important;border:2px solid #e2e8f0;box-sizing:border-box!important;border-radius:var(--border-radius);background:#fff;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;font-weight:500;color:#1f2937;box-shadow:0 1px 3px #0000001a;box-sizing:border-box}.custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 6px 20px #ec489926,0 4px 12px #00000014,inset 0 1px #ffffff1a}.custom-dropdown-trigger:active:not(.disabled){transform:translateY(0);box-shadow:0 2px 8px #ec489933,0 1px 3px #0000001a}.custom-dropdown-trigger.disabled{opacity:.6;cursor:not-allowed;background:#f9fafb}.dropdown-icon{display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.dropdown-label{color:#6b7280;font-weight:600;font-size:.9rem;margin-right:8px;flex-shrink:0}.dropdown-text{flex:1;text-align:left;color:#1f2937;font-weight:500}.dropdown-chevron{color:#6b7280;transition:transform .3s ease;flex-shrink:0}.dropdown-chevron.open{transform:rotate(180deg)}.custom-dropdown-menu{position:absolute;top:calc(100% + 2px);left:0;background:#fff;border:2px solid #e2e8f0;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:99999;margin-top:0;overflow:hidden;animation:dropdownFadeIn .2s ease-out;box-sizing:border-box;min-width:0;width:100%;max-width:420px}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.dropdown-search-box{position:relative;display:flex;align-items:center;width:100%;border:1px solid var(--border-light, #e2e8f0);border-radius:var(--border-radius);background:var(--white, #ffffff);min-height:45px}.dropdown-search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6b7280);pointer-events:none;z-index:2}.dropdown-search-box input{width:100%;padding:10px 40px;border:none;border-radius:var(--border-radius);font-size:.95rem;color:var(--text-primary, #1f2937);font-weight:500;height:45px;background:transparent;outline:none}.dropdown-search-box input::placeholder{color:#9ca3af}.dropdown-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;border-radius:50%;background:var(--light-gray, #f3f4f6);display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);cursor:pointer;transition:background .2s ease}.dropdown-search-clear:hover{background:var(--gray, #e2e8f0)}.dropdown-options{max-height:min(360px,60vh);overflow-y:auto;-webkit-overflow-scrolling:touch}.dropdown-option{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6;position:relative}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:linear-gradient(135deg,#ec48990d,#ec489905);color:var(--primary-color)}.option-icon{display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.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{flex:1;font-size:.95rem;font-weight:500}.checkmark{color:var(--primary-color);font-weight:700;font-size:1rem;flex-shrink:0}.dropdown-no-results{padding:16px;text-align:center;color:#6b7280;font-style:italic;font-size:.9rem}.dropdown-options::-webkit-scrollbar{width:6px}.dropdown-options::-webkit-scrollbar-track{background:#f1f5f9}.dropdown-options::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--border-radius)}.dropdown-options::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.custom-dropdown-trigger{padding:12px 14px;font-size:.95rem}.custom-dropdown.client-search .client-search-trigger{min-height:45px!important;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{padding:8px 36px;font-size:.9rem;height:40px}}.custom-dropdown.small .custom-dropdown-trigger{min-height:32px!important;height:auto!important;padding:7px 10px!important;font-size:.875rem;box-sizing:border-box!important;border-radius:var(--border-radius)!important}.custom-dropdown.large .custom-dropdown-trigger{min-height:48px!important;height:auto!important;padding:12px 16px!important;font-size:1.1rem;box-sizing:border-box!important;border-radius:var(--border-radius)!important}.custom-dropdown.client-search .client-search-trigger{position:relative;border:1px solid var(--border-light, #e2e8f0)!important;border-radius:var(--border-radius)!important;background:var(--white, white)!important;padding:0!important;min-height:45px!important;height:45px!important;display:flex!important;align-items:stretch!important}.custom-dropdown.client-search .search-icon{position:absolute!important;left:16px!important;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6b7280)!important;z-index:2!important;pointer-events:none!important;flex-shrink:0!important}.custom-dropdown.client-search .client-search-input{flex:1!important;border:none!important;outline:none!important;background:transparent!important;font-size:1rem!important;font-weight:500!important;color:var(--text-primary, #1f2937)!important;padding:10px 42px 10px 48px!important;margin:0!important;cursor:pointer!important;pointer-events:none!important}.custom-dropdown.client-search .client-search-input::placeholder{color:var(--text-primary, #1f2937)!important;opacity:1!important}.custom-dropdown.client-search .dropdown-chevron{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%);color:var(--text-secondary, #6b7280)!important;flex-shrink:0!important}.custom-dropdown.client-search .client-search-trigger:hover{border-color:var(--primary-color, #ec4899)!important}.custom-dropdown.client-search .client-search-trigger:focus{outline:none!important;border-color:var(--primary-color, #ec4899)!important;box-shadow:0 0 0 3px #ec48991a!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{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.modal-header-actions .btn-print-receipt{background:#fff3!important;border:2px solid rgba(255,255,255,.5)!important;color:#fff!important;padding:8px 16px!important;border-radius:var(--border-radius)!important;font-size:.9rem!important;font-weight:600!important;transition:all .2s ease!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003!important}.modal-header-actions .btn-print-receipt:hover:not(:disabled){background:#ffffff4d!important;border-color:#fffc!important;transform:scale(1.05)!important;box-shadow:0 4px 12px #0000004d!important}.modal-header-actions .btn-print-receipt:disabled{opacity:.5!important;cursor:not-allowed!important}.modal-header-actions .btn-print-receipt svg{color:#fff!important;stroke:#fff!important;width:16px!important;height:16px!important}.btn-print-receipt .spinning{animation:spin 1s linear infinite}.payment-methods-list{display:flex;flex-direction:column;gap:12px}.payment-method-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:#fff}.payment-method-option:hover{border-color:#3b82f6;background:#f0f9ff}.payment-method-option.selected{border-color:#3b82f6;background:#eff6ff}.payment-method-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6}.payment-method-option span{font-size:1rem;font-weight:500;color:#1f2937;flex:1}.payment-method-option:disabled{opacity:.5;cursor:not-allowed}.customers{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;min-height:100%;flex:1 1 auto;height:100%}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-direction:row!important}@media(max-width:640px){.customers{overflow:visible!important;max-height:none!important;flex:none!important}.view-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:16px}.view-header h2{font-size:1.4rem}.view-content{padding:16px;overflow:visible!important;max-height:none!important}.customers-list{overflow:visible!important;max-height:none!important}}@media(max-width:480px){.view-content{padding:15px}.empty-state{padding:40px 15px}.customer-actions{gap:4px}.btn-action{width:32px;height:32px}.btn-action svg{width:16px;height:16px}}.customers-list{display:block;gap:16px;overflow-y:auto;padding-top:12px;padding-bottom:8px}.customers .customers-list{max-height:none!important}.customers-toolbar{display:flex;margin-bottom:20px}.customers-toolbar .search-box{position:relative;display:flex;align-items:center;width:100%;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.customers-toolbar .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.customers-toolbar .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.customers-toolbar .search-box input:focus{outline:none}.customers-toolbar .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.customers-toolbar .clear-search:hover{background:var(--gray)}.customer-card{display:flex;flex-direction:column;gap:0;padding:20px var(--space-md)!important;min-height:70px!important;margin-bottom:12px!important;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);width:100%;cursor:pointer;transition:all .3s ease;overflow:hidden}.customer-card:last-child{margin-bottom:0!important}.customer-card-main{display:flex;gap:var(--space-md);align-items:center;width:100%}.customer-card:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-md)}.customer-avatar{width:40px;height:40px;border-radius:var(--border-radius);background:var(--primary-color);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);flex-shrink:0}.customer-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-sm)}.blacklist-badge{display:inline-flex;align-items:center;color:var(--error-600)}.customer-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.customer-meta .sep{color:var(--text-muted)}@media(max-width:767px){.customer-meta{flex-direction:column;align-items:flex-start;gap:6px}.customer-meta .sep{display:none}.customer-contact-item{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;flex-direction:row!important}.customer-contact-item span{word-break:break-word;overflow-wrap:break-word;max-width:calc(100% - 24px);flex:1;min-width:0}.customer-contact-item svg{flex-shrink:0!important;width:12px!important;height:12px!important}}.customer-actions{margin-left:auto;display:flex;gap:8px;align-items:center;position:relative}.customer-actions .btn-icon{background:var(--bg-subtle);border:2px solid var(--primary-color)!important;padding:8px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;color:var(--primary-color);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--primary-color)}.customer-actions .btn-icon svg{stroke:var(--primary-color);color:var(--primary-color);stroke-width:2.5}.customer-actions .btn-icon:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)!important;transform:scale(1.05);box-shadow:0 0 0 1px var(--primary-color)}.customer-actions .btn-icon:hover svg{stroke:var(--white);color:var(--white)}.btn-action.btn-info-mobile.active{background:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important}.btn-action.btn-info-mobile.active svg{color:var(--white)!important;stroke:var(--white)!important;fill:none!important}.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)}.btn-info-mobile{border-color:var(--text-secondary);color:var(--text-secondary);background:var(--white);transition:all .2s ease}.btn-info-mobile:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn-info-mobile:active,.btn-info-mobile.active{background:var(--primary-color)!important;color:var(--white)!important;border-color:var(--primary-color)!important}.btn-info-mobile.active svg{display:block!important;visibility:visible!important;opacity:1!important;color:var(--white)!important;stroke:var(--white)!important;fill:none!important}.btn-info-mobile:not(.active) svg{display:block!important;visibility:visible!important;opacity:1!important;color:var(--text-secondary)!important;stroke:var(--text-secondary)!important;fill:none!important}@media(max-width:767px){.customer-card-expanded{padding-bottom:var(--space-md)}.customer-card-actions-expanded{display:flex;gap:8px;padding-top:12px;margin-top:12px;border-top:1px solid var(--border-light);animation:slideDown .3s ease-out;flex-wrap:wrap}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:200px;transform:translateY(0)}}.expanded-action-btn{flex:1;min-width:calc(50% - 4px);display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--border-radius);border:2px solid;background:var(--white);cursor:pointer;transition:all .2s ease;font-size:.85rem;font-weight:600}.expanded-action-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.expanded-action-icon.wa{font-size:16px;font-weight:700;background:#22c55e1a;border-radius:var(--border-radius);padding:4px 8px}.expanded-action-label{font-size:.8rem;text-align:center;line-height:1.2}.btn-whatsapp-expanded{border-color:var(--success-color);color:var(--success-color)}.btn-whatsapp-expanded:active{background:var(--success-color);color:var(--white)}.btn-call-expanded{border-color:var(--secondary-color);color:var(--secondary-color)}.btn-call-expanded:active{background:var(--secondary-color);color:var(--white)}.btn-add-appointment-expanded{border-color:var(--primary-color);color:var(--primary-color)}.btn-add-appointment-expanded:active{background:var(--primary-color);color:var(--white)}.btn-edit-expanded{border-color:var(--accent-color);color:var(--accent-color)}.btn-edit-expanded:active{background:var(--accent-color);color:var(--white)}.customer-actions .btn-whatsapp,.customer-actions .btn-call,.customer-actions .btn-add-appointment,.customer-actions .btn-edit{display:none}}@media(min-width:768px){.btn-info-mobile,.customer-card-actions-expanded{display:none!important}}.modal-section:hover{background:linear-gradient(135deg,#d4817e08,#d4817e03)}.modal-section-dark:hover{background:linear-gradient(135deg,var(--gray-100, #f3f4f6) 0%,var(--gray-200, #e5e7eb) 100%)}@media(max-width:768px){.modal-section{padding:24px 28px;margin:0}.modal-section-title{font-size:1.05rem}}@media(max-width:768px){.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{height:40px!important;font-size:.95rem!important;padding:10px 14px!important}.modal-section .toggle-container{gap:16px!important;padding:4px 0!important}.modal-section .toggle-switch-modern{width:56px!important;height:32px!important}.modal-section .toggle-label{font-size:.95rem!important}}.notes-tabs{display:flex;gap:0;margin-bottom:-1px}.notes-tab{padding:10px 20px;background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--light-gray);border-bottom:none;border-radius:var(--border-radius) var(--border-radius) 0 0;cursor:pointer;transition:all .2s ease;font-weight:500}.notes-tab:hover{background:var(--light-gray)}.notes-tab.active{background:var(--white);color:var(--text-primary);border-color:var(--accent-color);border-bottom-color:var(--white);z-index:1}.notes-content{border:1px solid var(--light-gray);border-radius:0 var(--border-radius) var(--border-radius) var(--border-radius);overflow:hidden;min-height:120px;display:block}.notes-content textarea{width:100%;border:none;padding:12px;resize:vertical;font-family:inherit;min-height:100px;box-sizing:border-box}.notes-content textarea:focus{outline:none;border:1px solid var(--accent-color)}.duplicate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:10000}.duplicate-dialog{background:var(--white);padding:30px;border-radius:var(--border-radius);max-width:1000px;box-shadow:0 20px 60px #0000004d}.duplicate-dialog h3{font-size:1.5rem;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.duplicate-dialog p{font-size:1rem;color:var(--text-secondary);margin-bottom:24px;line-height:1.6}.duplicate-actions{display:flex;gap:12px;justify-content:flex-end}.customers .modal-backdrop .modal.modal-xlarge,.customers .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-xlarge{max-width:1800px!important;max-height:90vh!important;overflow-y:auto!important;border-radius:var(--border-radius)!important;display:flex;flex-direction:column;position:relative}@media(max-width:768px){.customers .modal-backdrop,div.modal-backdrop.modal-backdrop,.modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.customers .modal-backdrop>div.modal.modal-xlarge,.customers .modal-backdrop>div.modal.modal-large,.customers .modal-backdrop .modal.modal-xlarge,.customers .modal-backdrop .modal.modal-large,div.modal-backdrop>div.modal.modal-xlarge,div.modal-backdrop>div.modal.modal-large,.modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-large{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.customers .modal-backdrop .modal.modal-xlarge .modal-header,.customers .modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important}.customers .modal-backdrop .modal.modal-xlarge .modal-footer,.customers .modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}.customers .modal-backdrop .modal.modal-xlarge .modal-header,.customers .modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6}.customers .modal-backdrop .modal.modal-xlarge .modal-header h3,.customers .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0}.customers .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.customers .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important}.customers .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.customers .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important}.customers .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.customers .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important}.customers .modal-backdrop .modal.modal-xlarge .modal-body,.customers .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.customers .modal-backdrop .modal.modal-xlarge .modal-footer,.customers .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.customers .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.customers .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.customers .modal-backdrop .modal.modal-xlarge .modal-footer,.customers .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.customers .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.customers .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.customers .modal-backdrop .modal.modal-xlarge .modal-footer .btn-danger,.customers .modal-backdrop .modal.modal-large .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}}.appointments-history{background:var(--white);border-radius:var(--border-radius);padding:0;max-height:400px;overflow-y:auto}.loading-appointments{text-align:center;padding:40px 20px;color:var(--text-color);font-size:.95rem}.no-appointments{text-align:center;padding:60px 20px;color:var(--text-muted)}.no-appointments svg{color:var(--text-muted);opacity:.5;margin-bottom:16px}.no-appointments p{margin:0;font-size:1rem}.appointments-list{display:flex;flex-direction:column;gap:8px}.appointment-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.appointment-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.appointment-item.cancelled{opacity:.6;background:#fef2f2;border-color:#fecaca}.appointment-item.cancelled:hover{opacity:.8}.share-link-container{display:flex;flex-direction:column;gap:12px}.share-link-display{display:flex;align-items:center;gap:8px}.share-link-input{flex:1;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:.85rem;background:var(--bg-subtle);color:var(--text-primary);overflow-x:auto}.share-link-input:focus{outline:none;border-color:var(--primary-color)}.appointment-icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--accent-color);color:#fff;display:flex;align-items:center;justify-content:center}.appointment-item.cancelled .appointment-icon{background:#ef4444}.appointment-details{flex:1;display:flex;flex-direction:column;gap:6px}.appointment-date{font-size:1rem;font-weight:600;color:var(--text-title);text-transform:capitalize}.appointment-time{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-color)}.appointment-service{font-size:.9rem;color:var(--text-color);font-weight:500}.appointment-status{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;margin-top:4px;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{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:transparent;color:var(--text-color);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-size:.9rem;font-weight:500}.notes-tab:hover{background:#f8fafc;color:var(--accent-color)}.notes-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.appointments-history::-webkit-scrollbar{width:8px}.appointments-history::-webkit-scrollbar-track{background:#f1f1f1;border-radius:var(--border-radius)}.appointments-history::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:var(--border-radius)}.appointments-history::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:768px){.appointment-item{flex-direction:column;gap:12px}.appointment-icon{width:36px;height:36px}.appointment-date{font-size:.95rem}.appointment-time,.appointment-service{font-size:.85rem}.notes-tab{font-size:.8rem;padding:8px 12px}}.main-tabs{display:flex;gap:0;border-bottom:2px solid #e2e8f0;margin-bottom:24px}.main-tab{display:flex;align-items:center;gap:8px;padding:14px 24px;border:none;background:transparent;color:var(--text-color);cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;font-size:1rem;font-weight:500;position:relative;top:2px}.main-tab:hover{background:#f8fafc;color:var(--accent-color)}.main-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600;background:#f8fafc}.appointments-history{padding:20px;min-height:400px}@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{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;border:1px solid transparent}.status-not-needed{background:#22c55e1a;color:#16a34a;border-color:#16a34a}.status-refused{background:#ef44441a;color:#dc2626;border-color:#dc2626}.status-booked{background:#3b82f61a;color:#2563eb;border-color:#2563eb}.status-pending{background:#9ca3af1a;color:#6b7280;border-color:#d1d5db}.required-asterisk{color:#dc2626;font-weight:600;margin-left:2px}.modal-section{padding:28px 40px;margin:0;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;overflow:hidden;box-sizing:border-box}.modal-section-dark{background:linear-gradient(135deg,var(--gray-50, #f9fafb) 0%,var(--gray-100, #f3f4f6) 100%);border-top:1px solid var(--border-light, #e5e7eb);border-bottom:1px solid var(--border-light, #e5e7eb)}.modal-section:not(.no-hover):hover{background:linear-gradient(135deg,#d4817e08,#d4817e03)}.modal-section-dark:not(.no-hover):hover{background:linear-gradient(135deg,var(--gray-100, #f3f4f6) 0%,var(--gray-200, #e5e7eb) 100%)}.modal-section.no-hover:hover,.modal-section.no-hover:focus,.modal-section.no-hover:active{background:inherit!important;background-color:inherit!important;background-image:inherit!important}.modal-section-dark.no-hover:hover,.modal-section-dark.no-hover:focus,.modal-section-dark.no-hover:active{background:linear-gradient(135deg,var(--gray-50, #f9fafb) 0%,var(--gray-100, #f3f4f6) 100%)!important;background-color:var(--gray-50, #f9fafb)!important;background-image:linear-gradient(135deg,var(--gray-50, #f9fafb) 0%,var(--gray-100, #f3f4f6) 100%)!important}.modal-backdrop .modal .modal-section.no-hover:hover,.modal-backdrop .modal .modal-section.no-hover:focus,.modal-backdrop .modal .modal-section.no-hover:active{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:hover,.modal-backdrop .modal .modal-section-dark.no-hover:focus,.modal-backdrop .modal .modal-section-dark.no-hover:active{background:linear-gradient(135deg,var(--gray-50, #f9fafb) 0%,var(--gray-100, #f3f4f6) 100%)!important;background-color:var(--gray-50, #f9fafb)!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{padding:24px 28px;margin:0}.modal-section-title{font-size:1.05rem}.modal-section:has(.color-picker-grid){padding:32px 28px}.modal-section .form-row:has(.color-picker-grid){min-height:auto;padding:16px 0}.modal-section .color-picker-grid{gap:8px}}.modal-section .form-row .custom-dropdown{flex:1;height:auto!important;padding:0!important;border:none!important;background:transparent!important}.modal-section .checkbox-label{display:flex!important;align-items:center!important;gap:8px!important;font-size:.95rem!important;font-weight:600!important;color:var(--text-primary, #1f2937)!important;cursor:pointer!important;min-width:auto!important}.modal-section .checkbox-label input[type=checkbox]{width:18px!important;height:18px!important;margin:0!important;flex:none!important}@media(max-width:768px){.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{height:40px!important;font-size:.95rem!important;padding:10px 14px!important}}.treatments{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}@media(max-width:640px){.treatments{overflow:visible!important;max-height:none!important;flex:none!important}.view-header{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:16px}.view-header h2{font-size:1.4rem}.view-content{padding:16px;overflow:visible!important;max-height:none!important}.treatments-list{overflow:visible!important;max-height:none!important}}.treatments-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding-top:12px}.treatment-card{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--bg-subtle, #fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);width:100%;cursor:pointer;transition:all .2s ease;box-sizing:border-box;overflow:hidden;position:relative}.treatment-card:hover{background:var(--white);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.treatment-color{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;box-shadow:0 2px 6px #00000026}.treatment-info{flex:1;min-width:0;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:12px;justify-content:flex-start;margin-bottom:0!important;padding:0 8px}.treatment-name{font-size:14px;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:6px}.treatment-meta{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #f3f4f6;gap:8px;font-size:14px;color:var(--text-secondary);overflow:hidden;box-sizing:border-box;line-height:1.4;margin:0;margin-top:0!important}.treatment-meta .sep{color:var(--light-gray)}.treatment-actions{margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.treatment-card{padding:12px 14px;gap:10px;align-items:flex-start;min-height:auto;overflow:hidden}.treatment-color{width:32px;height:32px;margin-top:2px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;box-shadow:0 2px 6px #00000026}.treatment-info{flex:1;min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:6px}.treatment-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:6px}.treatment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);line-height:1.4}.treatment-meta span{white-space:nowrap;flex-shrink:0}.treatment-meta .treatment-retouch{white-space:normal;word-break:break-word;max-width:100%;flex:1 1 auto;min-width:0}@media(max-width:360px){.treatment-meta{flex-direction:column;align-items:flex-start;gap:4px}.treatment-meta .sep{display:none}.treatment-meta span{display:block;width:100%}}.treatment-meta .sep{color:var(--light-gray);margin:0 2px;flex-shrink:0}.treatment-actions{margin-left:auto;flex-shrink:0;align-self:flex-start;padding-top:2px}.treatment-actions .btn{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.treatment-actions .btn svg{width:16px;height:16px}}@media(max-width:480px){.treatment-card{padding:10px 12px;gap:8px}.treatment-color{width:16px;height:16px;margin-top:3px}.treatment-info{gap:4px}.treatment-name{font-size:14px;display:flex;align-items:center;gap:6px}.treatment-meta{font-size:.75rem;gap:4px;flex-wrap:wrap}.treatment-meta span{font-size:.75rem}.treatment-meta .treatment-retouch{font-size:.7rem;line-height:1.3}.treatment-actions{padding-top:0}.treatment-actions .btn{width:28px;height:28px}.treatment-actions .btn svg{width:14px;height:14px}}.toggle-container-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.toggle-container-compact .toggle-label h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.toggle-switch-modern{position:relative;width:56px;height:32px;border-radius:999px;background:var(--border-light, #e5e7eb);cursor:pointer;transition:all .3s ease;flex-shrink:0;outline:none}.toggle-switch-modern:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--white, #ffffff);border-radius:50%;box-shadow:0 4px 10px #00000026;transition:all .3s ease}.toggle-switch-modern.active{background:var(--primary-color, #d4817e)}.toggle-switch-modern:hover{opacity:.9}.treatment-info-box{padding:12px 20px;background:var(--bg-subtle, #f9fafb);border-radius:var(--border-radius);margin:16px 0;border-left:3px solid var(--primary-color, #d4817e)}.treatment-info-box small{font-size:.85rem;color:var(--text-secondary, #6b7280);line-height:1.5;display:block}.treatments .modal-backdrop .modal.modal-xlarge,.treatments .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-xlarge{max-width:1800px!important;max-height:90vh!important;overflow-y:auto!important;border-radius:var(--border-radius)!important}.treatments .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:min(1080px,96vw)!important;max-width:min(1080px,96vw)!important;max-height:min(90vh,880px)!important;min-width:auto!important}@media(max-width:768px){.treatments .modal-backdrop .modal.modal-xlarge,.treatments .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-large{width:min(96vw,960px)!important;max-width:min(96vw,960px)!important;max-height:92vh!important}}@media(max-width:480px){.treatments .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:98vw!important;max-width:98vw!important}}@media(max-width:768px){.treatments .modal-backdrop .modal.modal-xlarge .modal-header,.treatments .modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-footer,.treatments .modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}.treatments .modal-backdrop .modal.modal-xlarge .modal-header,.treatments .modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6}.treatments .modal-backdrop .modal.modal-xlarge .modal-header h3,.treatments .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0}.treatments .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.treatments .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.treatments .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.treatments .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-body,.treatments .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-footer,.treatments .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.treatments .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.treatments .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.treatments .modal-backdrop .modal.modal-xlarge .modal-footer,.treatments .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.treatments .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.treatments .modal-backdrop .modal.modal-xlarge .modal-footer .btn-danger,.treatments .modal-backdrop .modal.modal-large .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}}.locations{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.locations-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding-top:12px}.location-card{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--bg-subtle, #fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);width:100%;cursor:pointer;transition:all .3s ease}.location-card:hover{background:linear-gradient(135deg,#d4817e14,#d4817e0a);border-color:var(--theme-primary, #D4817E);box-shadow:0 4px 12px #d4817e26;transform:translateY(-2px)}.location-card .location-actions{margin-left:auto}.maps-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:none;border-radius:var(--border-radius);background:var(--accent-color);color:var(--white);box-shadow:0 2px 10px #0000001f;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.maps-button:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000002e;filter:saturate(1.05)}.maps-button:active{transform:translateY(0)}.location-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--accent-color)}.location-info{display:flex;flex-direction:column;gap:2px}.location-name{font-weight:600;color:var(--text-title)}.location-meta{display:flex;gap:8px;color:var(--gray);font-size:.9rem}.location-meta .sep{opacity:.5}@media(max-width:640px){.view-header{flex-direction:column;align-items:flex-start;gap:15px}.view-header h2{font-size:1.5rem}.view-content{padding:20px}.locations-list{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:grid;place-items:center;z-index:1000}.locations .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:min(1080px,96vw)!important;max-width:min(1080px,96vw)!important;max-height:min(90vh,880px)!important;min-width:auto!important}.locations .modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-xlarge{max-width:1800px!important;max-height:90vh!important;overflow-y:auto!important;border-radius:var(--border-radius)!important}.locations .modal-backdrop .modal:not(.modal-large){width:min(1120px,calc(100% - 32px));background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.modal-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.section-title{font-size:.9rem;font-weight:700;color:var(--text-color);opacity:.8;margin-top:6px}.form-grid-2{display:grid;grid-template-columns:1fr 160px;gap:12px}.form-grid-3{display:grid;grid-template-columns:1fr 120px 140px;gap:12px}.form-row label{font-size:.9rem;color:var(--text-color)}.form-row label .required-asterisk{color:#dc2626;font-weight:600;margin-left:2px}.form-row input{height:40px;padding:8px 12px;border:1px solid var(--light-gray);border-radius:var(--border-radius);outline:none}.form-row input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #fbbf2440}.form-error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;padding:8px 12px;border-radius:var(--border-radius)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:24px 40px!important;border-top:1px solid var(--border-light);background:transparent}.weekdays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.weekday{display:flex;align-items:center;gap:8px}.vacation-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}.vacation-list{list-style:none;padding:0;margin:0}.vacation-list li{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--light-gray)}.section-linked{margin-top:8px}.linked-appointments{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px}.linked-appointments li{display:flex;gap:6px;align-items:baseline;color:var(--text-color);border-bottom:1px dashed var(--light-gray);padding-bottom:6px}.linked-appointments .when{font-weight:600}.linked-appointments .service{color:var(--gray)}.hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.hours-section{margin-bottom:24px;padding:16px;background:#f9fafb;border-radius:var(--border-radius);border:1px solid #e5e7eb}.hours-section h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 12px}.hours-preview{margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:var(--border-radius);font-size:.95rem;color:#831843}.hours-preview strong{color:#ec4899;font-weight:700}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px;background:#f3f4f6;border-radius:var(--border-radius);transition:background .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#e5e7eb}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin:0}.checkbox-label span{font-weight:500;color:#374151}input[type=time]{font-size:1rem;padding:10px;border:2px solid #e5e7eb;border-radius:var(--border-radius);transition:border-color .2s ease;font-family:inherit}input[type=time]:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}@media(max-width:768px){.hours-grid{grid-template-columns:1fr}}@media(max-width:768px){.locations .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:min(96vw,960px)!important;max-width:min(96vw,960px)!important;max-height:92vh!important}}@media(max-width:480px){.locations .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:98vw!important;max-width:98vw!important}}.subsection-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin:20px 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(212,129,126,.15)}.modal-section .form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:20px}.modal-section .btn{margin-top:12px}@media(max-width:768px){.modal-section{padding:24px 28px}.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!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}}@media(max-width:768px){.locations .modal-backdrop,div.modal-backdrop:has(.locations .modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.locations .modal-backdrop .modal.modal-large,.locations .modal-backdrop .modal.modal-xlarge,div.modal-backdrop .modal.modal-large,div.modal-backdrop .modal.modal-xlarge{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.locations .modal-backdrop .modal.modal-xlarge .modal-header,.locations .modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.locations .modal-backdrop .modal.modal-xlarge .modal-footer,.locations .modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}}.locations .modal-backdrop .modal.modal-xlarge .modal-header,.locations .modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.locations .modal-backdrop .modal.modal-xlarge .modal-header h3,.locations .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.locations .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.locations .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.locations .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.locations .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.locations .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.locations .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.locations .modal-backdrop .modal.modal-xlarge .modal-body,.locations .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.locations .modal-backdrop .modal.modal-xlarge .modal-footer,.locations .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.locations .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.locations .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.locations .modal-backdrop .modal.modal-xlarge .modal-footer,.locations .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.locations .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.locations .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.locations .modal-backdrop .modal.modal-xlarge .modal-footer .btn-danger,.locations .modal-backdrop .modal.modal-large .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}}.cabine{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.cabine-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding-top:12px}.cabina-card{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--bg-subtle, #fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);width:100%;cursor:pointer;transition:all .2s ease}.cabina-card:hover{background:var(--white);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.cabina-color{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;box-shadow:0 2px 6px #00000026}.cabina-info{flex:1;min-width:0}.cabina-name{font-weight:600;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.unavailable-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--danger-color, #dc2626);color:var(--white);font-size:.75rem;font-weight:500;border-radius:var(--border-radius)}.cabina-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.cabina-meta .sep{color:var(--light-gray)}.cabina-actions{margin-left:auto}@media(max-width:640px){.view-header{flex-direction:column;align-items:flex-start;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{display:inline-flex;align-items:center;gap:4px;color:#ec4899;font-weight:500}.cabina-location svg{flex-shrink:0}.cabine .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:min(1080px,96vw)!important;max-width:min(1080px,96vw)!important;max-height:min(90vh,880px)!important;min-width:auto!important}.cabine .modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-xlarge{max-width:1800px!important;max-height:90vh!important;overflow-y:auto!important}.modal-section-light.no-hover:hover,.modal-section-light.no-hover:focus,.modal-section-light.no-hover:active{background:linear-gradient(135deg,#fff,#f9fafb)!important}@media(max-width:768px){.modal-section{padding:24px 28px}.modal-section:has(.color-picker-grid){padding:32px 28px}.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!important}.modal-section .form-grid-2{grid-template-columns:1fr}.modal-section .form-row:has(.color-picker-grid){min-height:auto;padding:16px 0}.modal-section .color-picker-grid{gap:8px}}@media(max-width:768px){.cabine .modal-backdrop,div.modal-backdrop:has(.cabine .modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.cabine .modal-backdrop .modal.modal-large,.cabine .modal-backdrop .modal.modal-xlarge,div.modal-backdrop .modal.modal-large,div.modal-backdrop .modal.modal-xlarge{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-header,.cabine .modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-footer,.cabine .modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}}.cabine .modal-backdrop .modal.modal-xlarge .modal-header,.cabine .modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-header h3,.cabine .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.cabine .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.cabine .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.cabine .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-body,.cabine .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-footer,.cabine .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.cabine .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.cabine .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.cabine .modal-backdrop .modal.modal-xlarge .modal-footer,.cabine .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.cabine .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.cabine .modal-backdrop .modal.modal-xlarge .modal-footer .btn-danger,.cabine .modal-backdrop .modal.modal-large .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}}.operatori{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.subscription-limit-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;margin-bottom:20px;border-radius:var(--border-radius);background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;font-size:.95rem}.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;text-decoration:underline;font-weight:500}.view-content{background:var(--white);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;flex:1;min-height:0;max-height:calc(100vh - 240px)}.empty-state{text-align:center;padding:60px 20px;color:var(--gray)}.empty-state svg{margin-bottom:20px;opacity:.5}.empty-state p{font-size:1rem}.operatori-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;padding-top:12px}.operatore-card{display:flex;gap:12px;align-items:center;padding:14px 16px;background:var(--bg-subtle, #fafafa);border:1px solid var(--light-gray);border-radius:var(--border-radius);width:100%;cursor:pointer;transition:all .2s ease}.operatore-card:hover{background:var(--white);border-color:var(--accent-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.operatore-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:1rem;flex-shrink:0;box-shadow:0 2px 8px #00000026}.operatore-info{flex:1;min-width:0}.operatore-name{font-weight:600;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.inactive-badge{display:inline-flex;align-items:center;padding:2px 8px;background:var(--gray);color:var(--white);font-size:.75rem;font-weight:500;border-radius:var(--border-radius)}.operatore-meta{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.operatore-meta .sep{color:var(--light-gray)}.operatore-meta .rating{display:flex;align-items:center;gap:4px;color:var(--accent-color);font-weight:600}.operatore-actions{margin-left:auto}.operatori .modal-tabs,.operatori .modal-backdrop .modal-tabs,.modal-backdrop .modal .modal-tabs{display:flex!important;border-bottom:2px solid var(--light-gray)!important;background:var(--bg-subtle)!important;padding:0 24px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:var(--light-gray) transparent!important;visibility:visible!important;opacity:1!important;height:auto!important;min-height:48px!important}.operatori .modal-tabs::-webkit-scrollbar,.operatori .modal-backdrop .modal-tabs::-webkit-scrollbar,.modal-backdrop .modal .modal-tabs::-webkit-scrollbar{height:4px!important}.operatori .modal-tabs::-webkit-scrollbar-track,.operatori .modal-backdrop .modal-tabs::-webkit-scrollbar-track,.modal-backdrop .modal .modal-tabs::-webkit-scrollbar-track{background:transparent!important}.operatori .modal-tabs::-webkit-scrollbar-thumb,.operatori .modal-backdrop .modal-tabs::-webkit-scrollbar-thumb,.modal-backdrop .modal .modal-tabs::-webkit-scrollbar-thumb{background:var(--light-gray)!important;border-radius:var(--border-radius)!important}.operatori .modal-tabs::-webkit-scrollbar-thumb:hover,.operatori .modal-backdrop .modal-tabs::-webkit-scrollbar-thumb:hover,.modal-backdrop .modal .modal-tabs::-webkit-scrollbar-thumb:hover{background:var(--gray)!important}.operatori .modal-tab,.operatori .modal-backdrop .modal-tab,.modal-backdrop .modal .modal-tab{padding:12px 20px!important;background:none!important;border:none!important;border-bottom:3px solid transparent!important;color:var(--text-secondary)!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;margin-bottom:-2px!important;white-space:nowrap!important;flex-shrink:0!important;min-width:fit-content!important;visibility:visible!important;opacity:1!important;display:flex!important}.operatori .modal-tab:hover,.operatori .modal-backdrop .modal-tab:hover,.modal-backdrop .modal .modal-tab:hover{color:var(--text-primary)!important;background:#00000005!important}.operatori .modal-tab.active,.operatori .modal-backdrop .modal-tab.active,.modal-backdrop .modal .modal-tab.active{color:var(--accent-color)!important;border-bottom-color:var(--accent-color)!important;background:var(--white)!important}.operatori .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:min(1080px,96vw)!important;max-width:min(1080px,96vw)!important;max-height:min(90vh,880px)!important;min-width:auto!important}.operatori .modal-backdrop .modal.modal-xlarge,.modal-backdrop .modal.modal-xlarge{max-width:1800px!important;max-height:90vh!important;overflow-y:auto!important}.modal-xlarge{max-width:1800px;max-height:90vh;overflow-y:auto}.weekdays{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.weekday{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:var(--white)}.weekday:hover{border-color:var(--accent-color);background:var(--bg-subtle)}.weekday input[type=checkbox]{width:16px;height:16px;cursor:pointer}.weekday input[type=checkbox]:checked+span{font-weight:600;color:var(--accent-color)}.color-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}.color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--text-primary)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.treatments-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;max-height:400px;overflow-y:auto;padding:12px;border:1px solid var(--light-gray);border-radius:var(--border-radius);background:var(--bg-subtle)}.treatment-checkbox{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.treatment-checkbox:hover{border-color:var(--accent-color);background:var(--bg-subtle);transform:translate(2px)}.treatment-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.treatment-checkbox input[type=checkbox]:checked+.treatment-color-dot+.treatment-name{font-weight:600;color:var(--accent-color)}.treatment-color-dot{width:24px;height:24px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0;box-shadow:0 2px 6px #00000026}.treatment-name{flex:1;font-size:.9rem;color:var(--text-primary)}.treatment-duration{font-size:.8rem;color:var(--text-secondary);font-weight:500}.empty-treatments-message{padding:20px;text-align:center;background:var(--bg-subtle);border:1px dashed var(--light-gray);border-radius:var(--border-radius);color:var(--text-secondary)}@media(max-width:640px){.view-header{flex-direction:column;align-items:flex-start;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!important;overflow-y:hidden!important;padding:0 12px!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin;scrollbar-color:var(--light-gray) transparent;flex-wrap:nowrap!important;display:flex!important}.modal-tabs::-webkit-scrollbar{height:6px!important}.modal-tabs::-webkit-scrollbar-track{background:transparent!important}.modal-tabs::-webkit-scrollbar-thumb{background:var(--light-gray)!important;border-radius:var(--border-radius)!important}.modal-tab{white-space:nowrap!important;padding:12px 16px!important;flex-shrink:0!important;min-width:fit-content!important}.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-tabs{padding:0 8px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.modal-tab{padding:10px 12px!important;font-size:.9rem!important;flex-shrink:0!important;min-width:fit-content!important}.modal-xlarge{max-width:100%;max-height:100vh;border-radius:0}.weekdays{grid-template-columns:1fr}}.section-description{color:var(--text-secondary);font-size:.875rem;margin-bottom:20px;line-height:1.5}.locations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.location-checkbox{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;background:var(--white)}.location-checkbox:hover{border-color:var(--theme-primary, #D4817E);background:linear-gradient(135deg,#d4817e14,#d4817e0a);box-shadow:0 4px 12px #d4817e26;transform:translateY(-2px)}.location-checkbox input[type=checkbox]{margin:0;width:18px;height:18px;accent-color:var(--primary-color)}.location-checkbox input[type=checkbox]:checked+.location-info{color:var(--primary-color)}.location-info{flex:1;display:flex;flex-direction:column;gap:4px}.location-name{font-weight:600;font-size:1rem;color:var(--text-color)}.location-address{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.location-checkbox:has(input:checked){border-color:var(--primary-color);background:#ec48990d}.location-checkbox:has(input:checked) .location-name{color:var(--primary-color);font-weight:700}@media(max-width:768px){.locations-grid{grid-template-columns:1fr}}@media(max-width:768px){.operatori .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:min(96vw,960px)!important;max-width:min(96vw,960px)!important;max-height:92vh!important}}@media(max-width:480px){.operatori .modal-backdrop .modal.modal-large,.modal-backdrop .modal.modal-large{width:98vw!important;max-width:98vw!important}}.modal-section{padding:28px 32px;margin:0;border-radius:var(--border-radius);transition:all .3s ease;overflow:hidden;box-sizing:border-box}.modal-section-light{background:linear-gradient(135deg,#fff,#f9fafb)}.modal-section-dark{background:linear-gradient(135deg,var(--gray-50, #f9fafb) 0%,var(--gray-100, #f3f4f6) 100%)}.modal-section-title{font-size:1.25rem;font-weight:600;color:var(--theme-primary, #D4817E);margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid rgba(212,129,126,.2);display:flex;align-items:center;gap:8px}.modal-section .form-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;min-height:45px;flex-direction:row!important}.modal-section .form-row label{font-size:1rem;font-weight:500;color:var(--text-primary, #374151);min-width:160px;text-align:left;margin:0}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{font-size:1rem;height:45px;padding:12px 16px;border:2px solid var(--gray-300, #d1d5db);border-radius:var(--border-radius);transition:all .2s ease;flex:1;background:var(--white);color:var(--text-primary)}.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{outline:none;border-color:var(--theme-primary, #D4817E);box-shadow:0 0 0 3px #d4817e1a}.modal-section .custom-dropdown{flex:1;height:auto!important;padding:0!important;border:none!important;background:transparent!important}.modal-section .form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.modal-section:has(.color-picker-grid){padding:40px}.color-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:10px;width:100%}.color-option{width:50px;height:50px;min-width:50px;min-height:50px;max-width:50px;max-height:50px;border:3px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0;margin:0;flex-shrink:0}.modal-section .form-row:has(.color-picker-grid){align-items:flex-start;min-height:auto;overflow:visible;padding:20px 0}.modal-section .toggle-switch-modern{position:relative;width:56px;height:32px;border-radius:999px;background:var(--border-light, #e5e7eb);cursor:pointer;transition:all .3s ease;flex-shrink:0;outline:none}.modal-section .toggle-switch-modern:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:0 4px 10px #00000026;transition:all .3s ease}.modal-section .toggle-switch-modern.active{background:var(--theme-primary, var(--primary-color, #667eea))}.modal-section .toggle-switch-modern.active:after{transform:translate(24px)}.modal-section .toggle-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.modal-section .toggle-container .toggle-label{flex:1;font-size:.95rem;font-weight:600;color:var(--text-primary, #1f2937)}.modal-section.no-hover:hover,.modal-section.no-hover:focus,.modal-section.no-hover:active{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:hover,.modal-section-dark.no-hover:focus,.modal-section-dark.no-hover:active{background:linear-gradient(135deg,var(--gray-50, #f9fafb) 0%,var(--gray-100, #f3f4f6) 100%)!important}.modal-large .modal-body{overflow-x:hidden!important;padding:0!important}.modal-xlarge .modal-body{overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;position:relative}@media(max-width:768px){.modal-section{padding:24px 28px}.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!important}.modal-section .form-grid-2{grid-template-columns:1fr}.modal-section:has(.color-picker-grid){padding:32px 28px}.modal-section .form-row:has(.color-picker-grid){min-height:auto;padding:16px 0}.modal-section .color-picker-grid{gap:8px}}@media(max-width:480px){.modal-section{padding:20px 24px}.modal-section-title{font-size:1.1rem}}@media(max-width:768px){.operatori .modal-backdrop,div.modal-backdrop:has(.operatori .modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.operatori .modal-backdrop .modal.modal-large,.operatori .modal-backdrop .modal.modal-xlarge,div.modal-backdrop .modal.modal-large,div.modal-backdrop .modal.modal-xlarge{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-header,.operatori .modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-footer,.operatori .modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}}.operatori .modal-backdrop .modal.modal-xlarge .modal-header,.operatori .modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-header h3,.operatori .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.operatori .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.operatori .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.operatori .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-body,.operatori .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-footer,.operatori .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.operatori .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.operatori .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.operatori .modal-backdrop .modal.modal-xlarge .modal-footer,.operatori .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.operatori .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.operatori .modal-backdrop .modal.modal-xlarge .modal-footer .btn-danger,.operatori .modal-backdrop .modal.modal-large .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}}.shift-times-config{margin-top:16px;padding:16px;background:var(--background-light, #f8f9fa);border-radius:8px;border:1px solid var(--border-light, #e5e7eb)}.shift-times-config .form-grid-2{margin-top:0}.shift-times-config .form-row{margin-bottom:12px}.shift-times-config .form-row:last-child{margin-bottom:0}.section-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px;line-height:1.4}.calendario-lavoro{width:100%;max-width:100%;margin:0;display:flex;flex-direction:column;flex:0 0 auto!important;align-self:flex-start!important;height:auto!important;min-height:fit-content!important;max-height:none!important;overflow-x:hidden!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch}@media(max-width:768px){.calendario-lavoro{max-height:none!important;overflow-y:visible!important;overflow-x:hidden!important;box-sizing:border-box!important}.calendario-lavoro *{box-sizing:border-box}.calendario-lavoro .calendario-content,.calendario-lavoro .calendario-grid-wrapper,.calendario-lavoro .calendario-grid,.calendario-lavoro .calendar-weekdays,.calendario-lavoro .calendar-days{overflow-x:hidden!important;max-width:100%!important;width:100%!important}}@media(max-width:768px){.calendario-lavoro{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.view-header{padding:0 15px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;flex-direction:column!important;align-items:stretch!important}.header-actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.navigation-controls{width:100%!important;justify-content:center!important;order:1!important}.current-month{width:100%!important;text-align:center!important;order:2!important;font-size:1.2rem!important}.calendario-content{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.calendario-grid-wrapper{margin:0!important;padding:8px!important;border-radius:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}}@media(max-width:480px){.calendario-lavoro{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.view-header{padding:0 12px!important;margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.calendario-content{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.calendario-grid-wrapper{margin:0!important;padding:8px!important;border-radius:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px;flex-direction:row!important}.header-actions{display:flex;align-items:center;gap:20px}.navigation-controls{display:flex;align-items:center;gap:8px;background:var(--white);padding:6px;border-radius:var(--border-radius);box-shadow:var(--shadow)}.navigation-controls .btn-icon{width:36px;height:36px;border-radius:var(--border-radius);border:2px solid #333333;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.navigation-controls .btn-icon:hover{background:#333;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.navigation-controls .btn-icon svg{width:20px;height:20px;stroke-width:3}.navigation-controls .navigation-arrow{font-size:18px!important;font-weight:700!important;color:#000!important;text-shadow:none!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important}.navigation-controls .navigation-arrow:hover{color:#fff!important;background:#000!important}.turno-block{position:relative}.turno-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:4px}.turno-menu-btn{background:#fffc;border:1px solid rgba(0,0,0,.1);color:var(--text-color);cursor:pointer;padding:4px 6px;border-radius:var(--border-radius);opacity:.8;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:24px;height:20px;font-size:12px}.turno-menu-btn:hover{opacity:1;background:#fff;border-color:#0003;transform:scale(1.05)}.turno-menu-global{position:fixed!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:var(--border-radius)!important;box-shadow:0 10px 25px #0000004d!important;z-index:99999!important;min-width:200px!important;padding:12px 0!important;margin-top:4px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.turno-menu{position:fixed!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:var(--border-radius)!important;box-shadow:0 10px 25px #0000004d!important;z-index:9999!important;min-width:200px!important;padding:12px 0!important;margin-top:4px!important;opacity:1!important;visibility:visible!important}.turno-menu-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px;color:var(--text-color);font-size:.875rem;transition:background-color .2s ease}.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{margin-bottom:24px;padding:16px;background:var(--light-bg);border-radius:var(--border-radius)}.propagation-info p{margin:0 0 12px;color:var(--text-color)}.turno-details{display:flex;flex-direction:column;gap:4px}.turno-details div{font-size:.875rem;color:var(--text-secondary)}.propagation-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.btn-large{padding:12px 16px;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px}.calendario-lavoro .propagation-options .btn-primary.btn-large,.calendario-lavoro .propagation-options .btn-secondary.btn-large,.propagation-options .btn-primary.btn-large,.propagation-options .btn-secondary.btn-large,.modal .propagation-options .btn-primary.btn-large,.modal .propagation-options .btn-secondary.btn-large,.modal-body .propagation-options .btn-primary.btn-large,.modal-body .propagation-options .btn-secondary.btn-large{width:100%!important;min-width:0!important;max-width:100%!important;padding:12px 16px!important;font-size:1rem!important;min-height:45px!important;height:45px!important;line-height:1.5!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;flex-shrink:0!important;flex-grow:0!important;border-width:2px!important;text-align:center!important;margin:0!important}.propagation-options .btn-primary.btn-large svg,.propagation-options .btn-secondary.btn-large svg{width:18px!important;height:18px!important;flex-shrink:0!important}.propagation-modal-backdrop{z-index:25000!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}.propagation-modal-backdrop .propagation-modal,.propagation-modal{z-index:25001!important;position:relative!important}.calendario-lavoro .modal-backdrop:not(.propagation-modal-backdrop),.modal-backdrop:not(.propagation-modal-backdrop){z-index:2000!important}.calendario-lavoro .day-turni-modal,.day-turni-modal{z-index:2001!important;position:relative!important}.calendario-lavoro .navigation-controls .btn-icon svg,.calendario-lavoro .navigation-controls .btn-icon{color:#333!important;stroke:#333!important;fill:none!important}.calendario-lavoro .navigation-controls .btn-icon:hover svg,.calendario-lavoro .navigation-controls .btn-icon:hover{color:#fff!important;stroke:#fff!important}.navigation-controls .btn-secondary{background:var(--light-bg);color:var(--text-color);border:1px solid var(--light-gray);border-radius:var(--border-radius);padding:8px 16px;font-weight:600;font-size:.875rem;transition:all .3s ease;cursor:pointer}.navigation-controls .btn-secondary:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #ec489933}.current-month{font-size:1.5rem;font-weight:700;color:var(--text-color);text-transform:capitalize;min-width:200px;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.2);background:var(--white);padding:8px 16px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;border:1px solid var(--light-gray)}.calendario-content{display:grid;grid-template-columns:525px 1fr;grid-auto-rows:minmax(min-content,auto);gap:20px;flex:0 0 auto!important;align-self:flex-start!important;min-height:fit-content!important;max-height:none!important;height:auto!important;width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box}@media(max-width:768px){.calendario-content{overflow:visible!important;overflow-y:visible!important;min-height:fit-content!important}}.operatori-sidebar{display:flex;flex-direction:column;min-height:0;background:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);max-height:none;overflow:visible}.operatori-sidebar h3{flex-shrink:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--light-gray)}.location-selector{flex-shrink:0;margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--border-radius);border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;overflow:visible;position:relative}.location-selector-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.location-icon{color:var(--primary-color);opacity:.8}.location-selector h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0;border-bottom:none;padding-bottom:0}.custom-dropdown{position:relative;margin-bottom:12px}.custom-dropdown-trigger{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:var(--border-radius);background:#fff;font-size:1rem;font-weight:700;color:#1f2937;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:12px;min-height:45px!important;box-sizing:border-box;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.05)}.custom-dropdown-trigger:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 6px 20px #ec489926,0 4px 12px #00000014,inset 0 1px #ffffffe6}.dropdown-icon{color:var(--primary-color);opacity:.8;flex-shrink:0}.dropdown-text{flex:1;text-align:left;white-space:nowrap}.dropdown-arrow{color:#64748b;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.dropdown-arrow.open{transform:rotate(180deg);color:var(--primary-color)}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--primary-color);border-radius:var(--border-radius);box-shadow:0 20px 40px #0000001a,0 8px 24px #ec489926,0 4px 12px #00000014;z-index:9999;margin-top:4px;overflow:hidden;animation:dropdownSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-search{padding:12px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;display:flex;align-items:center}.dropdown-search svg{position:absolute;left:5px;color:var(--text-secondary);z-index:2;pointer-events:none}.dropdown-search-input{width:100%;padding:10px 14px 10px 40px;border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:.9rem;background:#fff;transition:all .2s ease;position:relative;z-index:1}.dropdown-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.dropdown-options{max-height:320px;overflow-y:auto;padding:8px 0;overflow-x:hidden}.dropdown-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-color);font-weight:500}.dropdown-option:hover{background:linear-gradient(135deg,#ec489914,#ec48990a);color:var(--primary-color);transform:translate(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}.checkmark{color:var(--primary-color);font-weight:700;font-size:1.1rem;flex-shrink:0}.dropdown-no-results{padding:16px;text-align:center;color:#64748b;font-style:italic;font-size:.9rem}.selected-location-info{margin-top:12px}.location-info-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,pink,#ffb6c1);color:#8b4c6b;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;box-shadow:0 4px 12px #ffb6c14d;border:2px solid #FFD1DC;animation:slideInUp .3s ease-out;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;overflow:hidden}.location-info-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.location-info-badge.clickable{cursor:pointer;transition:all .2s ease}.location-info-badge:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffb6c166;background:linear-gradient(135deg,#ffb6c1,#ffa0b4)}.location-info-badge svg{opacity:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:1;position:relative}.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)}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.location-loading{margin-top:12px;text-align:center;color:#64748b;font-size:.85rem;font-style:italic}.location-select-modern:disabled{opacity:.6;cursor:not-allowed;background-color:#f8fafc}.operatori-list-sidebar{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:12px}.operatore-drag-item{display:flex;align-items:center;gap:10px;padding:10px;background:var(--bg-subtle);border-radius:var(--border-radius);border-left:4px solid;cursor:grab;transition:all .2s ease}.operatore-drag-item:active{cursor:grabbing;opacity:.6}.operatore-drag-item:hover{background:var(--white);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.operatore-avatar-small{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:.75rem;flex-shrink:0}.operatore-name-small{font-size:.9rem;font-weight:500;color:var(--text-primary)}.calendario-grid-wrapper{background:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow);width:100%;max-width:100%;overflow-x:hidden;overflow-y:visible;box-sizing:border-box;min-height:fit-content;height:auto;max-height:none!important}.calendario-lavoro .calendario-grid{overflow-y:visible!important;overflow-x:hidden;max-height:none!important;min-height:fit-content;height:auto}@media(max-width:768px){.calendario-grid-wrapper{overflow-y:visible!important;overflow-x:hidden!important;min-height:fit-content!important;height:auto!important;max-height:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.calendario-grid{overflow-y:visible!important;overflow-x:hidden!important;min-height:fit-content!important;height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.calendar-days{overflow-y:visible!important;overflow-x:hidden!important;min-height:fit-content!important;min-height:400px!important;height:auto!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}}@media(max-width:768px){.calendario-grid-wrapper{padding:8px!important;margin:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;box-sizing:border-box!important;overflow-y:visible!important;overflow-x:hidden!important;height:auto!important;min-height:fit-content!important;max-height:none!important}.calendario-grid,.calendar-weekdays,.calendar-days{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr)!important;gap:1px;background:var(--light-gray);margin-bottom:1px;border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;width:100%!important;max-width:100%;box-sizing:border-box}@media(max-width:768px){.calendar-weekdays{gap:2px!important}}.weekday-header{background:var(--accent-color);color:var(--white);text-align:center;padding:12px 8px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.weekday-header{padding:14px 6px;font-size:.85rem;font-weight:700}}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr)!important;gap:1px;background:var(--light-gray);border-radius:0 0 var(--border-radius) var(--border-radius);overflow:hidden;width:100%!important;max-width:100%;box-sizing:border-box;min-height:fit-content}@media(max-width:768px){.calendar-days{gap:2px!important}}.calendar-day{background:var(--white);aspect-ratio:1;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px;position:relative;transition:all .2s ease;box-sizing:border-box!important;flex-shrink:1}.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{content:"CHIUSO";position:absolute;top:4px;right:4px;background:#dc2626;color:#fff;font-size:8px;font-weight:700;padding:2px 4px;border-radius:var(--border-radius);line-height:1}.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{content:"FERIE";position:absolute;top:4px;right:4px;background:#f59e0b;color:#fff;font-size:8px;font-weight:700;padding:2px 4px;border-radius:var(--border-radius);line-height:1}.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{font-weight:600;color:var(--text-primary);font-size:.9rem;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;gap:6px;padding:4px;border-radius:var(--border-radius);transition:all .2s ease;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{background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:700;padding:0;border-radius:50%;min-width:24px;height:24px;text-align:center;display:inline-flex;cursor:pointer;transition:all .2s ease;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.turni-count-badge:hover{background:var(--primary-hover, #b86b68);transform:scale(1.1);box-shadow:0 3px 8px #0000004d}@media(max-width:768px){.turni-count-badge{min-width:28px!important;height:28px!important;font-size:.85rem!important;box-shadow:0 3px 8px #0000004d!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{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:calc(15vh - 40px);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.day-turni::-webkit-scrollbar{width:4px}.day-turni::-webkit-scrollbar-track{background:transparent}.day-turni::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--border-radius)}.day-turni::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.turno-block{padding:6px 8px;border-radius:var(--border-radius);border-left:4px solid;cursor:grab;transition:all .2s ease;font-size:.75rem;color:var(--text-primary);box-shadow:0 2px 4px #00000014;opacity:.85;background-blend-mode:overlay}.turno-block:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.turno-block:active{cursor:grabbing;opacity:.7}.turno-block.provvisorio{opacity:.7;border-style:dashed}.turno-block.annullato{opacity:.5;text-decoration:line-through}.turno-operatore{font-weight:700;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.turno-orario{display:flex;align-items:center;gap:4px;font-weight:500;font-size:.7rem;color:var(--text-secondary)}.turno-cabina{font-size:.65rem;margin-top:2px;font-style:italic;color:var(--text-secondary)}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@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:1200px){.operatori-sidebar .custom-dropdown-trigger .dropdown-text,.operatori-sidebar .location-selector .custom-dropdown-trigger .dropdown-text,.operatori-sidebar .custom-dropdown .custom-dropdown-trigger .dropdown-text{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;flex:0 0 0!important;min-width:0!important;max-width:0!important;opacity:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important}.operatori-sidebar .custom-dropdown-trigger,.operatori-sidebar .location-selector .custom-dropdown-trigger,.operatori-sidebar .custom-dropdown .custom-dropdown-trigger{padding:14px!important;justify-content:center!important;gap:8px!important;min-width:45px!important;width:auto!important}.operatori-sidebar .custom-dropdown-trigger .dropdown-arrow,.operatori-sidebar .location-selector .custom-dropdown-trigger .dropdown-arrow,.operatori-sidebar .custom-dropdown .custom-dropdown-trigger .dropdown-arrow{display:none!important}}@media(max-width:968px){.calendario-content{grid-template-columns:1fr;gap:16px;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.operatori-sidebar{max-height:none;padding:16px}.operatori-sidebar .custom-dropdown-trigger .dropdown-text,.operatori-sidebar .location-selector .custom-dropdown-trigger .dropdown-text,.operatori-sidebar .custom-dropdown .custom-dropdown-trigger .dropdown-text{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;flex:0 0 0!important;min-width:0!important;max-width:0!important;opacity:0!important;font-size:0!important;line-height:0!important;padding:0!important;margin:0!important}.operatori-sidebar .custom-dropdown-trigger,.operatori-sidebar .location-selector .custom-dropdown-trigger,.operatori-sidebar .custom-dropdown .custom-dropdown-trigger{padding:14px!important;justify-content:center!important;gap:8px!important;min-width:45px!important;width:auto!important}.operatori-sidebar .custom-dropdown-trigger .dropdown-arrow,.operatori-sidebar .location-selector .custom-dropdown-trigger .dropdown-arrow,.operatori-sidebar .custom-dropdown .custom-dropdown-trigger .dropdown-arrow{display:none!important}.operatori-list-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px;max-height:none;overflow-x:auto;overflow-y:visible;padding:8px 0;-webkit-overflow-scrolling:touch}.operatore-drag-item{flex:0 0 auto;min-width:140px;padding:12px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a}.operatore-avatar-small{width:40px!important;height:40px!important;font-size:.9rem!important}.operatore-name-small{font-size:1rem!important;font-weight:600!important}.location-selector{padding:16px;margin-bottom:20px}.location-selector-header h3{font-size:1.2rem!important;font-weight:700!important}.custom-dropdown-trigger{padding:16px!important;font-size:1rem!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{flex-direction:column;align-items:flex-start;gap:16px;padding:16px}.view-header h2{font-size:1.5rem!important;font-weight:700!important}.header-actions{width:100%;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.navigation-controls{gap:8px;padding:8px;width:100%;justify-content:center}.navigation-controls .btn-icon{width:44px!important;height:45px!important;font-size:1.2rem!important}.navigation-controls .btn-icon svg{width:18px;height:18px}.current-month{font-size:1.25rem!important;min-width:auto!important;width:100%!important;text-align:center!important;order:2!important}.calendario-grid-wrapper{padding:8px!important;margin:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;box-sizing:border-box!important;overflow-y:visible!important;overflow-x:hidden!important;height:auto!important;min-height:fit-content!important;max-height:none!important}.calendario-grid{width:100%!important;max-width:100%!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;margin:0!important;padding:0!important;box-sizing:border-box!important}.calendar-weekdays,.calendar-days{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:visible!important}.calendar-days{min-height:400px!important}.weekday-header{font-size:.9rem!important;font-weight:700!important;padding:14px 6px!important;min-height:45px!important;display:flex;align-items:center;justify-content:center}.calendar-day{aspect-ratio:1!important;padding:14px 10px!important;display:flex;flex-direction:column;justify-content:flex-start}.day-turni{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important}.day-turni *,.day-turni *:before,.day-turni *:after{display:none!important;visibility:hidden!important;opacity:0!important}.turno-block{display:none!important;border:none!important}.day-number{font-size:1.3rem!important;font-weight:700!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;text-align:center!important;gap:8px!important;padding:8px 4px!important;margin-bottom:12px!important}.calendar-day.today .day-number{font-size:1.5rem!important;font-weight:800!important}.turni-count-badge{display:inline-flex!important;font-size:1rem!important;font-weight:800!important;padding:0!important;margin-top:8px!important;align-items:center!important;justify-content:center!important;min-width:36px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:var(--primary-color)!important;color:#fff!important;box-shadow:0 3px 10px #d4817e80!important;z-index:10!important;position:relative!important;border:2px solid white!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){.header-actions{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.navigation-controls{width:100%!important;justify-content:center!important;order:1!important}.current-month{font-size:1.2rem!important;font-weight:700!important;text-align:center!important;width:100%!important;padding:12px 16px!important;order:2!important}.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{max-height:calc(30vh - 70px)!important;gap:8px!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{min-width:38px!important;width:38px!important;height:38px!important;font-size:1.05rem!important}.location-selector-header{margin-bottom:20px!important}.location-selector-header h3{font-size:1.3rem!important}.custom-dropdown-trigger{padding:18px 20px!important;font-size:1.1rem!important;font-weight:500!important}.dropdown-icon,.dropdown-arrow{width:20px!important;height:20px!important}.location-selector{padding:20px!important;margin-bottom:24px!important}.location-selector-header h3{font-size:1.3rem!important;font-weight:700!important}.location-select-modern{padding:10px 36px 10px 14px;font-size:.9rem}.location-info-badge{font-size:.8rem;padding:6px 10px}.operatore-drag-item{padding:8px}.operatore-avatar-small{width:28px;height:28px;font-size:.7rem}.calendario-grid-wrapper{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;border-radius:0!important;position:relative}.calendario-grid{width:100%!important;max-width:100%!important;margin:0!important;padding:0!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{min-width:34px!important;width:34px!important;height:34px!important;font-size:.95rem!important}.day-turni{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important}.day-turni *,.day-turni *:before,.day-turni *:after{display:none!important;visibility:hidden!important;opacity:0!important}.turno-block{display:none!important;border:none!important}.day-number{font-size:.8rem;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;text-align:center!important;gap:2px!important;padding-top:2px!important}.turni-count-badge{display:inline-flex!important;font-size:.8rem!important;font-weight:700!important;padding:0!important;margin-top:4px!important;align-items:center!important;justify-content:center!important;min-width:28px!important;width:28px!important;height:28px!important;border-radius:50%!important;background:#d4817e!important;color:#fff!important;box-shadow:0 2px 8px #0000004d!important;z-index:10!important;position:relative!important}.turno-block{font-size:.6rem;padding:2px 4px}.turno-operatore{font-size:.6rem}.turno-orario{font-size:.55rem}}.day-turni-modal{max-width:700px;width:90%}@media(max-width:768px){div.modal-backdrop.modal-backdrop,.modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}div.modal-backdrop>div.modal.modal-large.day-turni-modal,.modal-backdrop .modal.modal-large.day-turni-modal,.modal-backdrop div.modal.modal-large.day-turni-modal,div.modal.modal-large.day-turni-modal,.modal.modal-large.day-turni-modal{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header,div.modal-backdrop .modal.modal-large.day-turni-modal .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important}.modal-backdrop .modal.modal-large.day-turni-modal .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:20px!important}}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex;justify-content:space-between;align-items:center}.modal-backdrop .modal.modal-large.day-turni-modal .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px}.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;color:var(--text-primary)!important;box-shadow:none!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{color:var(--text-primary)!important;stroke: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(--border-radius);padding:16px;transition:all .2s ease}.turno-modal-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.turno-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.operatore-avatar-modal{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.turno-modal-info{flex:1;display:flex;flex-direction:column;gap:4px}.turno-modal-operatore{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.turno-modal-orario{display:flex;align-items:center;gap:6px;font-size:.95rem;color:var(--text-secondary);font-weight:500}.turno-modal-stato{flex-shrink:0}.stato-badge{padding:6px 12px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stato-badge.confermato{background:#d1fae5;color:#065f46}.stato-badge.provvisorio{background:#fef3c7;color:#92400e}.stato-badge.annullato{background:#fee2e2;color:#991b1b}.turno-modal-cabina{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary);margin-bottom:8px;padding-left:60px}.turno-modal-note{background:var(--bg-primary);padding:10px 12px;border-radius:var(--border-radius);font-size:.9rem;color:var(--text-secondary);font-style:italic;border-left:3px solid var(--border-medium);margin-top:8px}.turno-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.btn-icon-small{padding:8px 12px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}.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}}@media(max-width:768px){.calendario-lavoro .modal-backdrop,div.modal-backdrop:has(.calendario-lavoro .modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.calendario-lavoro .modal-backdrop .modal.modal-large,.calendario-lavoro .modal-backdrop .modal,div.modal-backdrop .modal.modal-large,div.modal-backdrop .modal{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-header,.calendario-lavoro .modal-backdrop .modal .modal-header,div.modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-footer,.calendario-lavoro .modal-backdrop .modal .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-header,.calendario-lavoro .modal-backdrop .modal .modal-header,.modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-header h3,.calendario-lavoro .modal-backdrop .modal .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.calendario-lavoro .modal-backdrop .modal .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.calendario-lavoro .modal-backdrop .modal .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.calendario-lavoro .modal-backdrop .modal .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-body,.calendario-lavoro .modal-backdrop .modal .modal-body,.modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:20px 24px!important}@media(max-width:768px){.calendario-lavoro .modal-backdrop .modal.modal-large .modal-body,.calendario-lavoro .modal-backdrop .modal .modal-body,.modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal .modal-body{padding:16px 20px!important}}@media(max-width:480px){.calendario-lavoro .modal-backdrop .modal.modal-large .modal-body,.calendario-lavoro .modal-backdrop .modal .modal-body,.modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal .modal-body{padding:12px 16px!important}}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-footer,.calendario-lavoro .modal-backdrop .modal .modal-footer,.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-footer .btn,.calendario-lavoro .modal-backdrop .modal .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.calendario-lavoro .modal-backdrop .modal.modal-large .modal-footer,.calendario-lavoro .modal-backdrop .modal .modal-footer,.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-footer .btn,.calendario-lavoro .modal-backdrop .modal .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.calendario-lavoro .modal-backdrop .modal.modal-large .modal-footer .btn-danger,.calendario-lavoro .modal-backdrop .modal .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}}.operatore-info{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.operatore-name-small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.operatore-edit-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.6;margin-left:8px;flex-shrink:0}.operatore-edit-btn:hover{background:var(--background-light);color:var(--primary-color);opacity:1}.operatore-edit-btn svg{width:14px;height:14px}.ferie-info{margin-bottom:20px;padding:16px;background:var(--background-light, #f8f9fa);border-radius:8px;border:1px solid var(--border-light, #e5e7eb)}.ferie-info p{margin:0 0 12px;color:var(--text-primary);font-size:.95rem;line-height:1.5}.ferie-suggestions-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.ferie-suggestion-card{padding:16px;border:1px solid var(--border-light);border-radius:8px;background:var(--white);transition:all .2s ease}.ferie-suggestion-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.ferie-suggestion-card.alto{border-left:4px solid #ef4444}.ferie-suggestion-card.medio{border-left:4px solid #f59e0b}.ferie-suggestion-card.basso{border-left:4px solid #10b981}.suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.operatore-info{display:flex;align-items:center;gap:12px}.operatore-info .operatore-name{font-weight:600;color:var(--text-primary);font-size:1rem}.suggestion-motivazione{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.impatto-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:4px}.impatto-badge.alto{background:#fef2f2;color:#dc2626}.impatto-badge.medio{background:#fffbeb;color:#d97706}.impatto-badge.basso{background:#f0fdf4;color:#16a34a}.suggestion-details{margin-bottom:12px;padding:12px;background:var(--background-light);border-radius:6px;font-size:.9rem}.suggestion-details div{margin-bottom:4px}.suggestion-details div:last-child{margin-bottom:0}.tipo-badge{display:inline-block;margin-left:8px;padding:2px 6px;border-radius:10px;font-size:.75rem;font-weight:600}.tipo-badge.vacanza{background:#e0f2fe;color:#0277bd}.tipo-badge.riposo{background:#f3e5f5;color:#7b1fa2}.copertura-evitata{color:#16a34a;font-weight:500}.suggestion-actions{display:flex;justify-content:flex-end}.suggestion-actions .btn{min-width:120px;cursor:pointer!important;opacity:1!important;pointer-events:auto!important}.suggestion-actions .btn:hover{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.suggestion-actions .btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.loading-spinner-small{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.ferie-modal{max-width:800px!important;width:95vw!important}.ferie-modal .modal-body{max-height:70vh!important;overflow-y:auto!important}.ferie-modal .ferie-suggestions-list{max-height:400px!important;overflow-y:auto!important}.ferie-modal .suggestion-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.ferie-modal .suggestion-details{width:100%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.ferie-modal .periodo-suggerito,.ferie-modal .giorni-disponibili,.ferie-modal .copertura-evitata{font-size:.85rem!important;white-space:normal!important;word-break:break-word!important;max-width:100%!important}.ferie-modal .modal-footer{flex-wrap:wrap!important;gap:8px!important}.ferie-modal .modal-footer .btn{flex:1 1 auto!important;min-width:120px!important;white-space:nowrap!important}@media(max-width:768px){.ferie-modal{width:98vw!important;max-width:none!important}.ferie-modal .suggestion-actions .btn{width:100%!important;margin-top:8px!important}}@media(max-width:768px){.suggestion-header{flex-direction:column;align-items:flex-start;gap:8px}.impatto-badge{align-self:flex-end}.suggestion-actions .btn{width:100%}}.schedule-controls{display:flex;gap:8px;align-items:center}.schedule-controls .btn{white-space:nowrap;display:flex;align-items:center;gap:6px}.schedule-controls .btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.schedule-controls{flex-direction:column;gap:6px;width:100%}.schedule-controls .btn{width:100%;justify-content:center}}.auto-schedule-info{margin-bottom:20px;padding:16px;background:var(--background-light, #f8f9fa);border-radius:8px;border:1px solid var(--border-light, #e5e7eb)}.auto-schedule-info p{margin:0 0 12px;color:var(--text-primary);font-size:.95rem;line-height:1.5}.selected-location-display{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white);border-radius:6px;border:1px solid var(--border-light)}.selected-location-display svg{color:var(--primary-color);flex-shrink:0}.selected-location-display span{font-weight:500;color:var(--text-primary)}.operator-preferences-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.operator-preference-card{padding:16px;border:1px solid var(--border-light);border-radius:8px;background:var(--white);transition:all .2s ease}.operator-preference-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.operator-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.operatore-avatar-modal{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;flex-shrink:0}.operator-info{flex:1}.operator-name{font-weight:600;color:var(--text-primary);font-size:1rem}.operator-role{color:var(--text-secondary);font-size:.85rem;margin-top:2px}.operator-preferences{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.preference-item{display:flex;flex-direction:column;gap:4px}.preference-item label{font-size:.8rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.preference-item span{font-size:.9rem;color:var(--text-primary);font-weight:500}@media(max-width:768px){.schedule-controls{order:3!important;width:100%!important;justify-content:center!important}.schedule-controls .btn{flex:1 1 auto;justify-content:center}.operator-preferences{grid-template-columns:1fr}.operator-preference-card{padding:12px}.operator-header{gap:10px}.operatore-avatar-modal{width:36px;height:36px;font-size:.8rem}.operator-name{font-size:.95rem}.operator-role{font-size:.8rem}}.ferie-filters{margin-bottom:20px;padding:15px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.filter-row{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap}.date-filters{display:flex;gap:15px;align-items:flex-end}.filter-actions{display:flex;gap:10px;align-items:center}.filter-group{display:flex;flex-direction:column;min-width:140px}.filter-group label{font-size:.85rem;font-weight:500;color:#495057;margin-bottom:6px}.max-days-filter .filter-group label{margin-bottom:8px;font-size:.9rem}.filter-group .form-control{padding:6px 8px;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;background:#fff;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-group .form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.filter-actions .btn{white-space:nowrap;min-width:auto;padding:6px 12px;font-size:.85rem}.max-days-filter{margin-top:15px;padding-top:15px;border-top:1px solid #e9ecef}.max-days-filter .filter-group{max-width:400px}.max-days-filter input{text-align:center;font-weight:500}.field-help{font-size:.75rem;color:#6c757d;margin-top:4px;text-align:center}.giorni-vacanza{font-size:.95rem;font-weight:600;color:#2d5aa0;background:#e7f3ff;padding:4px 8px;border-radius:4px;margin-bottom:4px;display:inline-block}.giorni-disponibili{font-size:.85rem;color:#6c757d;margin-bottom:2px}@media(max-width:768px){.filter-row{flex-direction:column;align-items:stretch;gap:12px}.date-filters{flex-direction:column;gap:12px}.filter-actions{justify-content:center;gap:8px}.filter-group{min-width:auto;width:100%}.filter-actions .btn{flex:1;min-width:0}}.room-schedule-container{display:flex;flex-direction:column;height:100%;background:var(--bg-app)}.room-schedule-content{display:grid;grid-template-columns:280px 1fr;gap:20px;padding:20px;height:calc(100vh - 180px)}.sidebar-operators{background:var(--bg-primary);border-radius:var(--border-radius);padding:20px;border:1px solid var(--border-light);overflow-y:auto}.sidebar-operators h3{margin:0 0 16px;font-size:16px;color:var(--text-primary);font-weight:600}.operators-list{display:flex;flex-direction:column;gap:8px}.operator-item{padding:12px 16px;background:var(--bg-secondary);border:2px dashed var(--border-light);border-radius:var(--border-radius);cursor:grab;transition:all .2s;font-weight:500;color:var(--text-primary)}.operator-item:hover{background:var(--bg-hover);border-color:var(--primary-color);transform:translate(4px)}.operator-item:active{cursor:grabbing;opacity:.7}.calendar-main{display:flex;flex-direction:column;gap:16px}.cabina-selector{display:flex;align-items:center;gap:12px;background:var(--bg-primary);padding:16px 20px;border-radius:var(--border-radius);border:1px solid var(--border-light)}.cabina-selector label{font-weight:600;color:var(--text-primary);white-space:nowrap}.cabina-selector>div{flex:1}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;background:var(--bg-primary);padding:20px;border-radius:var(--border-radius);border:1px solid var(--border-light)}.weekday-header{text-align:center;font-weight:700;font-size:14px;color:var(--text-secondary);padding:12px;text-transform:uppercase;letter-spacing:.5px}.calendar-day{min-height:100px;padding:8px;background:var(--bg-secondary);border:2px dashed transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .2s;position:relative}.calendar-day.empty{background:transparent;cursor:default}.calendar-day:not(.empty):hover{border-color:var(--primary-color);background:var(--bg-hover)}.calendar-day.today{border:2px solid var(--primary-color);background:#667eea0d}.day-number{font-weight:600;font-size:14px;color:var(--text-primary);margin-bottom:8px}.day-turni{display:flex;flex-direction:column;gap:4px}.turno-badge{background:var(--primary-color);color:#fff;padding:6px 8px;border-radius:var(--border-radius);font-size:11px;line-height:1.3;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:2px}.turno-badge:hover{background:var(--primary-hover);transform:scale(1.05);box-shadow:0 2px 8px #0003}.turno-badge span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.turno-hours{font-size:10px;opacity:.9;font-weight:600}.navigation-controls{display:flex;align-items:center;gap:16px}.navigation-controls button{padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.navigation-controls button:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.current-month{margin:0;font-size:18px;font-weight:600;color:var(--text-primary);text-transform:capitalize;min-width:200px;text-align:center}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}@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{min-height:80px;font-size:12px}}.settings{width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border-radius:var(--border-radius)!important}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--bg-primary);border-bottom:3px solid var(--primary-color);margin-bottom:0;box-shadow:var(--shadow-md)}.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{display:flex;gap:12px;align-items:center}.header-actions .btn{background:var(--primary-color);color:var(--bg-primary);border:none;padding:10px 24px;font-weight:500;font-size:.95rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all .2s ease}.header-actions .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--primary-hover)}.settings .header-actions .btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-light)}.settings .header-actions .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.logo-upload-container{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-color);border-radius:var(--border-radius);border:2px dashed var(--light-gray);transition:all .3s ease}.logo-upload-container:hover{border-color:var(--primary-color);background:var(--bg-subtle)}.logo-preview{display:flex;justify-content:center;align-items:center;padding:20px}.logo-preview img{max-width:200px;max-height:200px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;object-fit:contain;border:3px solid var(--primary-color)}.logo-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.logo-upload-btn{cursor:pointer;display:inline-block;padding:12px 24px;background:var(--primary-color);color:var(--bg-primary);border-radius:var(--border-radius);font-weight:600;transition:all .3s ease;border:none;text-align:center}.logo-upload-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #ec48994d}.form-hint{color:var(--gray);font-size:.875rem;text-align:center;margin-top:8px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--tech-bg-card, var(--bg-primary, #ffffff));border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 40px!important;border-bottom:1px solid var(--border-light);background:transparent}.modal-header h3{margin:0;color:var(--text-title)!important;font-size:1.75rem!important;font-weight:300!important;letter-spacing:-.02em!important}.btn-close{background:none;border:none;font-size:2rem;color:var(--gray);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.btn-close:hover{background:var(--light-gray);color:var(--text-color)}.modal-body{padding:24px;color:var(--text-color)}.modal-body p{margin:0;font-size:1rem;line-height:1.6}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px 40px!important;border-top:1px solid var(--border-light);background:transparent}.settings-content{background:var(--bg-secondary);padding:24px;flex:1;min-height:0;overflow-y:auto}.quick-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--bg-primary);border-radius:var(--border-radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .2s ease;border-left:4px solid var(--primary-color)}.stat-icon{font-size:2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-light);border-radius:var(--border-radius);color:var(--primary-color);flex-shrink:0}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.stat-value{font-size:1.2rem;color:var(--text-primary);font-weight:600;line-height:1.2}.settings-mini-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;margin-bottom:16px;background:var(--bg-primary);padding:12px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);position:sticky;top:0;z-index:5}.mini-nav-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--border-radius);border:1px solid transparent;background:var(--bg-secondary);color:var(--text-secondary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.mini-nav-item:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f114;transform:translateY(-1px)}.mini-nav-item.active{background:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.mini-nav-icon{font-size:1.15rem;display:flex;align-items:center}.mini-nav-label{white-space:nowrap}@media(max-width:1024px){.settings-mini-nav{overflow-x:auto;flex-wrap:nowrap;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{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-top:30px}.settings-card{background:var(--bg-primary);border-radius:var(--border-radius);overflow:visible;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all .2s ease}.settings-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(hover:none)and (pointer:coarse){.settings-card:hover,.stat-card:hover{transform:none}}.settings-card.full-width{width:100%;padding:0;background:transparent;box-shadow:none;border:none}.settings-card.full-width:hover{transform:none}.card-header{background:var(--bg-subtle);padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--primary-color)}.card-icon{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);border-radius:var(--border-radius);color:var(--bg-primary);flex-shrink:0}.card-title h3{margin:0 0 4px;font-size:1.2rem;font-weight:500;color:var(--text-primary)}.card-title p{margin:0;font-size:.9rem;color:var(--text-secondary);font-weight:400}.card-content{padding:16px 20px}.form-group label{display:block;font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:8px}.modern-input{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);transition:all .3s ease;box-sizing:border-box}.modern-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#fefefe}.modern-input::placeholder{color:#9ca3af;font-weight:400}.toggle-container{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f1f5f9}.toggle-label{flex:1}.toggle-label h4{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary)}.toggle-label p{margin:0;font-size:.85rem;color:#6b7280;line-height:1.4}.notification-control-row{display:flex;flex-wrap:wrap;gap:16px;padding:12px 0 4px;border-bottom:1px solid #f1f5f9;margin-bottom:12px}.channel-select{min-width:220px;max-width:260px;display:flex;flex-direction:column;gap:6px}.channel-select label{font-weight:600;font-size:.9rem;color:var(--text-primary)}.modern-textarea.disabled{opacity:.6;cursor:not-allowed}.toggle-switch{position:relative;width:56px;height:32px;background:var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:28px;height:28px;background:var(--bg-primary);border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #0003}.modern-select{width:100%;padding:14px 48px 14px 16px;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%236b7280"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/></svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:20px}.modern-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-textarea{width:100%;padding:14px 16px;border:2px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);font-size:1rem;font-weight:500;color:var(--text-primary);font-family:inherit;line-height:1.5;resize:vertical;min-height:100px;transition:all .3s ease}.modern-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.modern-textarea::placeholder{color:#9ca3af}.form-hint{display:block;margin-top:6px;font-size:.875rem;color:#6b7280;font-style:italic}.restore-default-btn{margin-top:10px;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:var(--bg-primary);border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.restore-default-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.restore-default-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea4d}.language-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.language-option{padding:16px;border:2px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;text-align:center;font-weight:600;color:var(--text-primary)}.language-option.active{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.language-option:hover{border-color:#d1d5db;background:#f9fafb}.success-message{position:fixed!important;top:80px!important;right:24px!important;left:auto!important;bottom:auto!important;width:auto!important;height:auto!important;max-width:400px!important;min-width:250px!important;background:var(--success-color)!important;color:var(--bg-primary)!important;padding:14px 24px!important;border-radius:var(--border-radius)!important;box-shadow:var(--shadow-lg)!important;font-weight:500;font-size:.95rem;z-index:10000!important;display:flex!important;align-items:center;justify-content:center;gap:10px;animation:slideInRight .4s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media(min-width:1600px){.settings-content{padding:32px 40px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}}@media(max-width:1400px){.settings-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}}@media(max-width:1200px){.settings-content{padding:24px 30px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}}@media(max-width:768px){.settings-header{padding:18px 20px;flex-direction:column;gap:16px;text-align:center}.settings-header h2{font-size:2.2rem}.header-actions{width:100%}.header-actions .btn{padding:10px 16px!important;font-size:.875rem!important;white-space:nowrap}.settings-content{padding:20px 18px}.quick-stats{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr;gap:24px}.header-actions{width:100%;justify-content:center}}.backup-card{grid-column:1 / -1;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.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{width:100%;padding:16px;background:#ef4444;color:var(--bg-primary);border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 24px #ef44444d}.theme-selector{width:100%}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:16px}.theme-option{border:2px solid var(--border-light);border-radius:var(--border-radius);padding:16px;cursor:pointer;transition:all var(--transition-fast);background:var(--bg-primary)}.theme-option:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-option.active{border-color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-md)}.theme-preview{display:flex;gap:4px;margin-bottom:12px;height:40px;border-radius:var(--border-radius);overflow:hidden}.theme-color{flex:1;height:100%}.theme-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:4px}.theme-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}@media(max-width:768px){.theme-grid{grid-template-columns:1fr;gap:12px}}@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{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--light-gray);border-radius:var(--border-radius);border:2px solid var(--border-light)}.font-size-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.font-size-value{font-size:2rem;font-weight:600;color:var(--primary-color)}.font-size-slider,.font-size-slider label{display:flex;flex-direction:column;gap:8px}.slider-label{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.font-slider{width:100%;height:6px;border-radius:var(--border-radius);background:var(--light-gray);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.font-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;transition:var(--transition)}.font-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px var(--primary-light)}.font-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary-color);cursor:pointer;border:none;transition:var(--transition)}.font-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px var(--primary-light)}.font-size-presets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.preset-btn{padding:9px 30px!important;border:2px solid var(--border-light);border-radius:var(--border-radius);background:var(--white);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);min-height:45px!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;line-height:1.4!important}.preset-btn:hover{border-color:var(--primary-color);background:var(--primary-light)}.preset-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:var(--white)}.font-size-preview{padding:20px;background:var(--white);border:2px solid var(--border-light);border-radius:var(--border-radius);min-height:80px;display:flex;align-items:center;justify-content:center}.font-size-preview p{margin:0;color:var(--text-primary);line-height:1.6;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{padding:10px 14px;font-size:.8125rem}}.business-type-changed-banner{display:flex;flex-direction:column;gap:12px;padding:16px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #FF9800;border-radius:var(--border-radius);margin-top:16px}.business-type-changed-banner .banner-header{display:flex;align-items:flex-start;gap:12px}.business-type-changed-banner .banner-icon{font-size:2rem;flex-shrink:0}.business-type-changed-banner .banner-content{flex:1;min-width:0}.business-type-changed-banner strong{display:block;color:#e65100;font-size:1.1rem;margin-bottom:4px}.business-type-changed-banner p{margin:0;color:#5d4037;font-size:.95rem;word-wrap:break-word}.business-type-changed-banner .btn{width:100%;white-space:nowrap;justify-content:center}.business-type-readonly{margin-bottom:16px;padding:12px 14px;border-radius:var(--border-radius);background:#e8c8c21f;border:1px dashed rgba(232,200,194,.45);color:var(--text-secondary);font-size:.95rem}.business-type-readonly strong{color:var(--text-primary)}.business-type-features{margin-top:24px;padding-top:24px;border-top:2px solid var(--border-light)}.business-type-features h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.feature-badge{padding:8px 12px;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;border-radius:var(--border-radius);font-size:.85rem;font-weight:500;text-align:center;text-transform:capitalize;box-shadow:0 2px 8px #0000001a}@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{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.theme-card{border:3px solid var(--border-light);border-radius:var(--border-radius);overflow:hidden;cursor:pointer;transition:all .3s ease;background:#fff}.theme-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026;border-color:var(--primary-color)}.theme-card.active{border-color:var(--primary-color);border-width:3px;box-shadow:0 8px 24px #0003}.theme-preview{height:100px;display:flex;align-items:center;justify-content:center;position:relative}.theme-icon{font-size:3rem;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.theme-info{padding:12px 16px;background:#fff}.theme-name{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.theme-desc{font-size:.85rem;color:var(--text-secondary)}.theme-active-badge{position:absolute;top:8px;right:8px;background:var(--success-color);color:#fff;padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #00000026}.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{height:120px;display:flex;align-items:stretch;justify-content:stretch;position:relative;overflow:hidden}.theme-preview-content{width:100%;display:flex;flex-direction:column}.theme-preview-header{height:30px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;flex-shrink:0}.theme-preview-body{flex:1;display:flex;align-items:center;justify-content:center;padding:8px}.theme-preview-card{width:100%;height:40px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:500;border-radius:var(--border-radius)}@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;gap:32px;padding:24px;flex:1;min-height:0}.settings-sidebar{width:280px;background:var(--bg-primary);border-radius:var(--border-radius);padding:24px 20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;flex-direction:column;gap:24px}.sidebar-header h1{margin:0;font-size:1.6rem;color:var(--text-title)}.sidebar-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--border-radius);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .2s ease}.sidebar-item svg{color:var(--text-secondary)}.sidebar-item:hover{border-color:var(--primary-color);color:var(--primary-color);background:#6366f114;transform:translateY(-1px)}.sidebar-item.active{background:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.sidebar-item.active svg{color:var(--bg-primary)}.settings-main{flex:1;display:flex;flex-direction:column;gap:24px;min-width:0}.settings-main-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:var(--bg-primary);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.settings-main-header .main-title h2{margin:0;font-size:1.6rem;color:var(--text-title)}.settings-main-header .main-title p{margin:6px 0 0;color:var(--text-secondary);font-size:.95rem}.settings-section-content{display:flex;flex-direction:column;gap:24px;min-height:0}.section-stack{display:flex;flex-direction:column;gap:20px}.theme-banner{padding:12px 16px;border-radius:var(--border-radius);font-size:.9rem;margin-bottom:16px}.theme-banner.warning{background:#fff3e0;color:#e65100}.theme-banner.info{background:#e3f2fd;color:#1565c0}.font-family-control{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.font-family-label{display:block;font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:4px}.font-family-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:12px}.font-family-selector{display:flex;flex-wrap:wrap;gap:10px}.font-family-option{padding:10px 18px;border-radius:var(--border-radius);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .2s ease}.font-family-option:hover{border-color:var(--primary-color);background:var(--primary-light)}.font-family-option.active{border-color:var(--primary-color);background:var(--primary-light);color:var(--primary-color);font-weight:500}.font-controls-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.font-control{background:var(--bg-secondary);border-radius:var(--border-radius);padding:16px;border:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px}.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{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.settings-layout{gap:20px}.settings-main{gap:16px}}.settings .section-stack>*:last-child{margin-bottom:0}.duplicate-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:4px}.duplicate-card{border:1px solid rgba(99,102,241,.18);background:linear-gradient(135deg,#fffffffa,#ece9febf);box-shadow:0 22px 45px #4f46e51f}.duplicate-card .card-header{align-items:center}.duplicate-card .btn{margin-left:auto}.duplicate-table{margin-top:16px;border-radius:var(--border-radius);overflow:hidden;border:1px solid rgba(148,163,184,.2)}.duplicate-table__head,.duplicate-table__row{display:grid;grid-template-columns:80px 80px minmax(0,1fr) 140px;align-items:center;gap:12px}.mobile-layout .settings-main-header{flex-direction:column;align-items:stretch}.mobile-layout .settings-main-header>.btn{width:100%}@media(hover:none)and (pointer:coarse){.settings-main-header{flex-direction:column;align-items:stretch}.settings-main-header>.btn{width:100%}}.duplicate-table__head{background:#4f46e514;padding:12px 16px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#312e81;font-weight:600}.duplicate-table__row{padding:12px 16px;background:#ffffffe6;border-top:1px solid rgba(148,163,184,.18)}.duplicate-table__row:nth-child(2n){background:#f1f5f999}.duplicate-table__cell{display:flex;align-items:center;gap:8px}.duplicate-table__details{flex-direction:column;align-items:flex-start;gap:6px}.duplicate-table__details strong{font-size:15px;color:#1e293b}.duplicate-table__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#475569}.duplicate-date{font-size:13px;font-weight:600;color:#4338ca}.empty-duplicates{text-align:center;padding:32px;background:#dcfce799;border:1px solid rgba(34,197,94,.3)}.empty-duplicates h4{margin:0 0 8px;color:#166534}.empty-duplicates p{margin:0;color:#14532d}@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}}.backup-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.backup-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.backup-card .card-icon{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border-radius:12px;color:#fff}.backup-card .card-title h3{color:var(--text-title);font-size:1.25rem;font-weight:600;margin:0 0 4px}.backup-card .card-title p{color:var(--text-secondary);font-size:.875rem;margin:0}.backup-actions{display:flex;gap:12px;flex-wrap:wrap}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.integration-section{background:var(--white);border-radius:var(--border-radius);padding:32px;margin-bottom:24px;box-shadow:var(--shadow)}.integration-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid var(--light-gray)}.integration-title{display:flex;gap:16px;align-items:flex-start}.integration-title svg{color:var(--primary-color);flex-shrink:0}.integration-title h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.integration-title p{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.status-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;font-weight:600}.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{border-color:var(--primary-color);background:linear-gradient(135deg,#d4817e0d,#d4817e1a)}.option-badge{position:absolute;top:-12px;right:24px;background:var(--primary-color);color:var(--white);padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.option-card h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.option-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.option-features{list-style:none;padding:0;margin:16px 0 24px}.option-features li{padding:8px 0;color:var(--text-primary);font-size:.95rem}.option-divider{display:flex;align-items:center;text-align:center;color:var(--text-secondary);margin:8px 0}.option-divider:before,.option-divider:after{content:"";flex:1;border-bottom:1px solid var(--light-gray)}.option-divider span{padding:0 16px;font-weight:600;text-transform:uppercase;font-size:.85rem}.manual-config-form,.email-config-form{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px;margin-top:20px}.manual-config-form h4,.email-config-form h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:.95rem;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a}.form-group textarea{resize:vertical;font-family:Monaco,Courier New,monospace;font-size:.85rem}.help-text{display:block;font-size:.85rem;color:var(--text-secondary);margin-top:6px;line-height:1.4}.help-text a{color:var(--primary-color);text-decoration:none;font-weight:600}.help-text a:hover{text-decoration:underline}.provider-info{margin-top:8px;padding:12px;background:#d4817e0d;border-left:3px solid var(--primary-color);border-radius:var(--border-radius)}.provider-info p{margin:0;font-size:.9rem;color:var(--text-primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--light-gray)}.whatsapp-connected,.email-connected{display:flex;flex-direction:column;gap:24px}.connection-info{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1.05rem;color:var(--text-primary);font-weight:500;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.verified-badge{display:inline-flex;align-items:center;gap:4px;background:#22c55e1a;color:#22c55e;padding:4px 10px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600}.quality-badge{padding:6px 14px;border-radius:var(--border-radius);font-size:.85rem;font-weight:700;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{font-size:.85rem;color:var(--text-secondary);font-weight:400}.provider-badge{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);padding:6px 14px;border-radius:var(--border-radius);font-weight:600}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:var(--border-radius)}.toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.slider{background-color:var(--primary-color)}.toggle-switch input:checked+.slider:before{transform:translate(24px)}.usage-bar{width:100%;height:8px;background:var(--light-gray);border-radius:var(--border-radius);overflow:hidden;margin-top:6px}.info-item.status-info{grid-column:span 2;max-width:70%;border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:18px;background:var(--white)}.toggle-container-compact{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.toggle-container-compact .toggle-label{flex:1}.toggle-container-compact .toggle-label h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.toggle-container-compact .toggle-label p{margin:4px 0 0;font-size:.9rem;color:var(--text-secondary)}.toggle-switch-modern{position:relative;width:56px;height:32px;border-radius:999px;background:var(--light-gray);cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-switch-modern:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--white);box-shadow:0 4px 10px #00000026;transition:all .3s ease}.status-pill{margin-top:12px;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-weight:600;font-size:.9rem;background:#ef44441f;color:var(--danger-color, #ef4444)}.status-pill.active{background:#667eea1f;background:color-mix(in srgb,var(--primary-color, #667eea) 15%,transparent);color:var(--primary-color, #667eea)}.integration-actions{display:flex;gap:12px;flex-wrap:wrap}.btn-large{padding:14px 28px;font-size:1.05rem;font-weight:600}.mobile-layout .integration-actions{flex-direction:column}.mobile-layout .integration-actions button{width:100%}.mobile-layout .form-actions{flex-direction:column}.mobile-layout .form-actions button{width:100%}@media(hover:none)and (pointer:coarse){.integration-actions{flex-direction:column}.integration-actions button{width:100%}.form-actions{flex-direction:column}.form-actions button{width:100%}}.usage-stats{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.usage-stats h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-box-small{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:16px;text-align:center}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.setup-guide{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:28px;margin-top:24px}.setup-guide h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.setup-steps{counter-reset:step-counter;list-style:none;padding:0}.setup-steps li{counter-increment:step-counter;position:relative;padding-left:50px;margin-bottom:24px}.setup-steps li:before{content:counter(step-counter);position:absolute;left:0;top:0;width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.setup-steps li strong{display:block;color:var(--text-primary);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{color:var(--primary-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px}.setup-steps li a:hover{text-decoration:underline}.info-box{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:var(--border-radius);padding:16px;margin-top:24px;display:flex;gap:12px}.info-box svg{color:#3b82f6;flex-shrink:0}.info-box strong{display:block;color:var(--text-primary);margin-bottom:4px}.info-box p{color:var(--text-secondary);line-height:1.5;margin:0;font-size:.95rem}.tips-section{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.tips-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.tips-section ul{list-style:none;padding:0}.tips-section li{padding:12px 0;border-bottom:1px solid var(--light-gray)}.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{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.provider-guide-card{background:var(--bg-subtle);border-radius:var(--border-radius);padding:20px;margin-bottom:16px}.provider-guide-card h5{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.provider-guide-card ul{list-style:disc;padding-left:24px;margin:0}.provider-guide-card li{color:var(--text-secondary);line-height:1.8;margin-bottom:6px}.provider-guide-card a{color:var(--primary-color);text-decoration:none;font-weight:600}.provider-guide-card a:hover{text-decoration:underline}.loading-spinner{width:48px;height:48px;border:4px solid var(--light-gray);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;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{width:28px;height:28px;font-size:.85rem}}.module-locked-message{display:flex;gap:20px;padding:32px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:var(--border-radius);border:2px dashed #dee2e6;margin-top:24px}.module-locked-message svg{color:#6c757d;flex-shrink:0;margin-top:4px}.module-locked-message h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.module-locked-message p{font-size:.95rem;color:var(--text-secondary);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-loading,.payment-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;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{text-align:center;padding:20px;background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 232, 200, 194),.1),rgba(var(--accent-color-rgb, 214, 199, 185),.05));border-radius:var(--border-radius);border:2px solid var(--primary-color)}.payment-amount h3{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--text-secondary)}.amount-value{margin:0;font-size:2rem;font-weight:700;color:var(--primary-color)}.card-element-container{display:flex;flex-direction:column;gap:8px}.card-element-container label{font-weight:600;color:var(--text-primary);font-size:.95rem}.card-element-wrapper{padding:16px;border:2px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);transition:border-color .2s ease}.card-element-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb, 232, 200, 194),.25)}.payment-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius);color:#dc2626;font-size:.9rem}.payment-actions{display:flex;flex-direction:column;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--primary-color-rgb, 232, 200, 194),.35)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-medium)}.payment-security{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius);font-size:.85rem;color:var(--text-secondary)}.payment-security svg{color:#22c55e}.paypal-checkout-container,.bank-transfer-checkout{padding:24px;display:flex;flex-direction:column;gap:24px}.bank-transfer-info{display:flex;flex-direction:column;gap:20px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:var(--border-radius)}.info-box svg{color:#ca8a04;flex-shrink:0;margin-top:2px}.info-box p{margin:0;font-size:.9rem;color:var(--text-primary);line-height:1.5}.bank-details{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:24px}.bank-details h4{margin:0 0 20px;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.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,rgba(var(--primary-color-rgb, 232, 200, 194),.1),rgba(var(--accent-color-rgb, 214, 199, 185),.05));padding:16px;border-radius:var(--border-radius);border:2px solid var(--primary-color)}.bank-detail-item label{font-weight:600;color:var(--text-primary);font-size:.95rem}.bank-detail-value{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--border-radius);border:1px solid var(--border-light)}.bank-detail-value span{flex:1;font-size:1rem;color:var(--text-primary);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(--text-primary);font-size:1.05rem;background:var(--bg-primary);border:1px solid var(--border-light);padding:6px 10px;border-radius:10px;box-shadow:0 1px 2px #0000000d}.bank-detail-item.highlight .bank-detail-value{background:var(--bg-primary);border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-light))}.copy-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.copy-btn:hover{color:var(--primary-color)}.copy-btn svg{width:18px;height:18px}.bank-instructions{background:var(--bg-subtle);padding:20px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.bank-instructions h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-primary)}.bank-instructions ol{margin:0;padding-left:20px;color:var(--text-secondary);font-size:.9rem;line-height:1.8}.bank-instructions li{margin-bottom:8px}.payment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.payment-modal-content{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid var(--border-light)}.payment-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.modal-close-btn{background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.payment-modal-body{padding:0;flex:1;overflow-y:auto}@media(max-width:768px){.stripe-checkout-container,.paypal-checkout-container,.bank-transfer-checkout{padding:16px}.bank-detail-value{flex-direction:column;align-items:flex-start}.copy-btn{align-self:flex-end}}.subscription-section{display:flex;flex-direction:column;gap:24px}.subscription-loading,.subscription-error{text-align:center;padding:60px 20px}.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{display:flex;justify-content:space-between;align-items:flex-start;padding:28px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white)}.plan-info{display:flex;gap:16px;align-items:flex-start}.plan-icon{flex-shrink:0}.plan-header h3{font-size:1.5rem;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:12px}.trial-badge{background:#fff3;padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase}.plan-subtitle{font-size:.95rem;opacity:.9}.expiry-info{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.9rem;opacity:.85}.expiry-info svg{flex-shrink:0}.expiry-date{font-weight:500}.expiry-days{margin-left:8px;padding:2px 8px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;background:#22c55e33;color:#4ade80}.expiry-days.alert{background:#fbbf2433;color:#fbbf24}.expiry-days.warning{background:#ef444433;color:#f87171}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;font-weight:600}.status-badge.active{background:#fff3;color:var(--white)}.status-badge.inactive{background:#ef444433;color:#ef4444}.usage-section{padding:24px 28px;border-bottom:1px solid var(--light-gray)}.usage-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.usage-item{margin-bottom:16px}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-counter{font-weight:600;color:var(--text-primary)}.usage-bar{height:10px;background:var(--light-gray);border-radius:var(--border-radius);overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transition:width .3s ease}.usage-fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}.unlimited-badge{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);color:#22c55e;padding:16px 20px;border-radius:var(--border-radius);text-align:center;font-weight:600;font-size:1.05rem}.features-section{padding:24px 28px;border-bottom:1px solid var(--light-gray)}.features-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.features-grid-sub{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-item{padding:10px 14px;border-radius:var(--border-radius);font-size:.9rem;font-weight:500}.feature-item.enabled{background:#22c55e1a;color:#22c55e}.feature-item.disabled{background:var(--bg-subtle);color:var(--text-secondary);opacity:.6}.limits-section{padding:24px 28px;border-bottom:1px solid var(--light-gray)}.limits-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.limits-list{display:flex;flex-direction:column;gap:12px}.limit-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-subtle);border-radius:var(--border-radius)}.limit-item span{color:var(--text-secondary)}.limit-item strong{color:var(--primary-color);font-weight:600}.subscription-actions{padding:24px 28px;display:flex;gap:12px}.trial-warning{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:2px solid #fbbf24;border-radius:var(--border-radius);padding:20px 24px;display:flex;gap:16px;align-items:flex-start}.trial-warning svg{color:#fbbf24;flex-shrink:0}.trial-warning strong{display:block;color:var(--text-primary);margin-bottom:4px;font-size:1.05rem}.trial-warning p{color:var(--text-secondary);margin:0;font-size:.95rem}.trial-warning .btn{margin-left:auto;flex-shrink:0}.plans-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.plan-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:24px;transition:all .3s ease;position:relative}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.plan-card.featured{border-color:var(--primary-color);border-width:3px}.plan-card.current{background:var(--bg-subtle);opacity:.7}.featured-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);padding:6px 16px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700;text-transform:uppercase}.plan-card-header{text-align:center;margin-bottom:24px}.plan-card-header h4{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.price-amount{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.price-period{font-size:1rem;color:var(--text-secondary)}.price-equivalent{font-size:.85rem;color:var(--text-secondary);font-weight:400;display:block;margin-top:4px}.plan-features-list{list-style:none;padding:0;margin-bottom:24px}.plan-features-list li{padding:10px 0;color:var(--text-primary);border-bottom:1px solid var(--light-gray);font-size:.9rem}.plan-features-list li:last-child{border-bottom:none}.promoter-code-section{margin:24px 0;padding:20px;background:var(--bg-subtle);border-radius:var(--border-radius);border:2px dashed var(--light-gray)}.promoter-code-section label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:.95rem}.promoter-code-input{display:flex;flex-direction:column;gap:8px}.promoter-code-input input{padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-family:Courier New,monospace;transition:border-color .2s ease}.promoter-code-input input:focus{outline:none;border-color:var(--primary-color)}.promoter-code-input input.error{border-color:#ef4444}.promoter-code-valid{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius);color:#22c55e;font-size:.9rem;font-weight:600}.promoter-code-error{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius);color:#ef4444;font-size:.9rem}.upgrade-note{background:var(--bg-subtle);padding:16px 20px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.upgrade-note p{margin:0;font-size:.9rem;color:var(--text-secondary)}.billing-period-selector{margin-bottom:32px;padding:20px;background:var(--bg-subtle);border-radius:var(--border-radius);border:2px solid var(--light-gray)}.billing-period-selector label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:1rem}.billing-toggle{display:flex;gap:12px;background:var(--white);padding:4px;border-radius:var(--border-radius);border:2px solid var(--light-gray)}.billing-btn{flex:1;padding:12px 24px;border:none;background:transparent;color:var(--text-secondary);font-weight:600;font-size:.95rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.billing-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.billing-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:var(--white);box-shadow:0 2px 8px #0000001a}.discount-badge{background:#fff3;padding:2px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700;text-transform:uppercase}@media(max-width:1024px){.plans-comparison{grid-template-columns:1fr;max-width:500px;margin:0 auto 24px}.features-grid-sub{grid-template-columns:1fr}}.renewal-info{background:var(--bg-subtle);padding:16px 20px;border-radius:var(--border-radius);margin-bottom:24px}.renewal-info p{margin:8px 0;color:var(--text-secondary);font-size:.95rem}.renewal-info strong{color:var(--text-primary);font-weight:600}.renewal-options{margin-bottom:24px}.renewal-options label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:1rem}.renewal-type-selector{display:flex;gap:12px;margin-bottom:24px}.renewal-type-btn{flex:1;padding:14px 24px;border:2px solid var(--light-gray);background:var(--white);color:var(--text-secondary);font-weight:600;font-size:.95rem;border-radius:var(--border-radius)!important;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.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));color:var(--white);border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.months-selector{margin-top:20px}.months-selector label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:12px;font-size:.95rem}.months-input{width:100%;padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;text-align:center;margin-bottom:16px;transition:border-color .2s ease}.months-input:focus{outline:none;border-color:var(--primary-color)}.quick-months{display:flex;gap:8px;justify-content:center}.quick-btn{padding:8px 16px;border:2px solid var(--light-gray);background:var(--white);color:var(--text-secondary);font-weight:600;font-size:.9rem;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.quick-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--bg-subtle)}.yearly-info{background:var(--bg-subtle);padding:20px;border-radius:var(--border-radius);margin-top:20px}.yearly-info p{margin:8px 0;color:var(--text-secondary);font-size:.95rem}.yearly-info strong{color:var(--primary-color);font-weight:600}.discount-info{background:#22c55e1a;color:#22c55e;padding:12px 16px;border-radius:var(--border-radius);margin-top:12px;font-weight:500}.renewal-preview{background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 0, 0, 0),.1),rgba(var(--accent-color-rgb, 0, 0, 0),.05));padding:20px;border-radius:var(--border-radius);border:2px solid var(--primary-color);margin-top:24px;text-align:center}.renewal-preview h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.new-expiry-date{font-size:1.3rem;font-weight:700;color:var(--primary-color);margin:0}.renewal-note{background:var(--bg-subtle);padding:16px 20px;border-radius:var(--border-radius);border-left:4px solid var(--primary-color);margin-bottom:24px}.renewal-note p{margin:0;font-size:.9rem;color:var(--text-secondary)}.payment-method-selection{margin-top:24px;padding-top:24px;border-top:2px solid var(--border-light)}.payment-method-selection label{display:block;font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:16px}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.payment-method-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;position:relative;text-align:center}.payment-method-card:hover{border-color:var(--primary-color);background:var(--bg-subtle);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.payment-method-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(var(--primary-color-rgb, 232, 200, 194),.1),rgba(var(--accent-color-rgb, 214, 199, 185),.05));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{font-weight:600;font-size:.95rem;color:var(--text-primary)}.payment-method-card .check-icon{position:absolute;top:8px;right:8px;color:var(--primary-color);background:var(--white);border-radius:50%;padding:2px}.payment-method-warning{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--border-radius);margin-top:24px}.payment-method-warning svg{color:#dc2626;flex-shrink:0}.payment-method-warning p{margin:0;font-size:.9rem;color:#dc2626}.modal-actions{display:flex;gap:12px}.modal-actions .btn-block{flex:1}.mobile-layout .subscription-actions{flex-direction:column}.mobile-layout .subscription-actions .btn{width:100%}.mobile-layout .modal-actions{flex-direction:column}@media(hover:none)and (pointer:coarse){.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}.modal-actions{flex-direction:column}}@media(max-width:768px){.plan-header{flex-direction:column;gap:16px}.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{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.subscription-section .modal-content{background:var(--bg-primary, #ffffff);border-radius:var(--border-radius, 12px);box-shadow:0 20px 60px #0000004d;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.subscription-section .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light, #e5e7eb);background:linear-gradient(135deg,var(--primary-color, #D4817E) 0%,var(--accent-color, #E8A5A5) 100%)!important;color:var(--white, #ffffff)!important}.subscription-section .modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--white, #ffffff)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)}.subscription-section .modal-close-btn{background:#0003!important;border:2px solid rgba(255,255,255,.3)!important;color:var(--white, #ffffff)!important;width:36px;height:36px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.subscription-section .modal-close-btn:hover{background:#0000004d!important;border-color:#ffffff80!important;transform:scale(1.05)}.subscription-section .modal-body{padding:24px;overflow-y:auto;flex:1}.subscription-plan-info{padding:16px 0}.plan-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--border-radius);color:#fff;font-weight:600;font-size:1rem;margin-bottom:20px}.plan-details{display:flex;flex-direction:column;gap:16px}.promoter-discount-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#22c55e1a,#22c55e26);border:1px solid rgba(34,197,94,.3);border-radius:var(--border-radius);font-size:.85rem;font-weight:600;color:#22c55e;margin-bottom:12px}.promoter-discount-badge .promoter-name{font-weight:400;opacity:.8}.plan-price{display:flex;flex-direction:column;gap:8px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.price-original,.price-discounted{display:flex;align-items:baseline;gap:8px}.price-amount{font-size:2rem;font-weight:700;color:var(--accent-color, #D97706)}.price-amount.original{font-size:1.25rem;color:#94a3b8;text-decoration:line-through;opacity:.7}.price-amount.discounted{font-size:2rem;color:#22c55e}.discount-amount{font-size:.9rem;font-weight:600;color:#22c55e;background:#22c55e1a;padding:4px 8px;border-radius:var(--border-radius)}.price-period{font-size:.9rem;color:#64748b}.plan-features{display:flex;flex-direction:column;gap:12px}.feature-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.feature-label{font-weight:500;color:#374151}.feature-value{font-weight:600;color:#1f2937}.feature-check{color:#10b981}.feature-cross{color:#ef4444}.addon-modules{margin-top:8px;padding-top:16px;border-top:1px solid #e5e7eb}.addon-modules h4{font-size:.95rem;font-weight:600;margin-bottom:12px;color:#374151}.addon-modules ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.addon-modules li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#4b5563}.addon-check{color:#10b981;flex-shrink:0}.plan-period{padding-top:12px;border-top:1px solid #e5e7eb;font-size:.85rem;color:#6b7280;text-align:center}.plan-expiry{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;margin-top:12px;background:linear-gradient(135deg,#3b82f60d,#3b82f61a);border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius)}.plan-expiry svg{flex-shrink:0;color:#3b82f6;margin-top:2px}.expiry-details{display:flex;flex-direction:column;gap:4px;flex:1}.expiry-label{font-size:.8rem;color:#6b7280;font-weight:500}.expiry-date-value{font-size:.95rem;font-weight:600;color:#1f2937}.expiry-days-badge{display:inline-block;padding:4px 10px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;background:#22c55e26;color:#16a34a;margin-top:4px;width:fit-content}.expiry-days-badge.alert{background:#fbbf2426;color:#ca8a04}.expiry-days-badge.warning{background:#ef444426;color:#dc2626}.no-subscription{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;color:#6b7280}.no-subscription p{margin:0;font-size:.95rem}.loading-spinner-small{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:var(--accent-color, #D97706);border-radius:50%;animation:spin .6s linear infinite;margin:0 auto 12px}.rich-text-editor-container{border:1px solid #ddd;border-radius:var(--border-radius);background:#fff;overflow:hidden;display:flex;flex-direction:column}.rich-text-editor-toolbar{display:flex;align-items:center;gap:4px;padding:8px;background:#f8f9fa;border-bottom:1px solid #ddd;flex-wrap:wrap}.toolbar-select{padding:4px 8px;border:1px solid #ddd;background:#fff;border-radius:var(--border-radius);cursor:pointer;font-size:13px;color:#495057;margin-right:4px}.toolbar-select:hover{border-color:#d97706}.toolbar-divider{width:1px;height:24px;background:#ddd;margin:0 4px}.rich-text-editor-toolbar button{padding:6px 10px;border:1px solid #ddd;background:#fff;border-radius:var(--border-radius);cursor:pointer;font-size:14px;color:#495057;transition:all .2s;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.rich-text-editor-toolbar button:hover{background:#e9ecef;border-color:#d97706;color:#d97706}.rich-text-editor-toolbar button.active{background:#d97706;color:#fff;border-color:#d97706}.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{padding:4px 8px;background:#f8f9fa;border-bottom:1px solid #ddd;text-align:right}.toolbar-collapsed button{background:none;border:none;cursor:pointer;font-size:14px;color:#495057;padding:4px 8px}.toolbar-collapsed button:hover{color:#d97706}.rich-text-editor-content{flex:1;min-height:200px;padding:12px;overflow-y:auto;outline:none;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;color:#333}.rich-text-editor-content:empty:before{content:attr(data-placeholder);color:#999;font-style:italic}.rich-text-editor-footer{padding:8px 12px;font-size:.85em;color:#666;background:#f8f9fa;border-top:1px solid #ddd}.rich-text-editor-resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;background:linear-gradient(135deg,transparent 0%,transparent 40%,#ccc 40%,#ccc 50%,transparent 50%,transparent 90%,#ccc 90%);cursor:nwse-resize;z-index:10;border-bottom-right-radius:4px}.rich-text-editor-resize-handle:hover{background:linear-gradient(135deg,transparent 0%,transparent 40%,#D97706 40%,#D97706 50%,transparent 50%,transparent 90%,#D97706 90%)}.rich-text-editor-container{resize:none}.consent-templates-section{padding:0}.section-header{margin-bottom:24px}.section-header h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 8px}.section-header p{color:#718096;margin:0}.consent-templates-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.templates-list{display:flex;flex-direction:column;gap:16px}.add-template-btn{display:flex;align-items:center;gap:8px}.consent-templates-card .add-template-btn{margin-left:auto;white-space:nowrap}.mobile-layout .consent-templates-card .add-template-btn{width:100%;justify-content:center}@media(hover:none)and (pointer:coarse){.consent-templates-card .add-template-btn{width:100%;justify-content:center}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#718096;background:#f7fafc;border-radius:var(--border-radius);border:2px dashed #cbd5e0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:16px;justify-items:center}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:20px;transition:all .2s;width:100%;max-width:720px;box-sizing:border-box}.template-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#cbd5e0}.template-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.template-card-title{display:flex;align-items:center;gap:8px;flex:1}.template-card-title h4{font-size:1.1rem;font-weight:600;color:#2d3748;margin:0}.default-badge{padding:2px 8px;background:#c6f6d5;color:#22543d;border-radius:var(--border-radius);font-size:.75rem;font-weight:600}.template-card-actions{display:flex;gap:8px}.btn-icon{background:transparent;border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;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{display:flex;gap:16px;font-size:.85rem;color:#a0aec0}.consent-template-modal .modal-body{padding:0!important}@media(min-width:769px){.consent-template-modal{max-width:1800px!important}}.consent-template-modal .form-group{margin-bottom:0;padding:24px 32px!important;border-bottom:1px solid #e2e8f0}.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{display:block;font-weight:600;color:#4a5568;margin-bottom:8px}.consent-template-modal .form-group label input[type=checkbox]{margin-right:8px}.consent-template-modal .modern-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:.95rem;transition:border-color .2s}.consent-template-modal .modern-input:focus{outline:none;border-color:var(--primary-color, #667eea);box-shadow:0 0 0 3px #667eea1a}.form-error{background:#fed7d7;color:#742a2a;padding:12px 16px;border-radius:var(--border-radius);margin-bottom:16px}.form-success{background:#c6f6d5;color:#22543d;padding:12px 16px;border-radius:var(--border-radius);margin-bottom:16px}.consent-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0}.questions-editor{display:flex;flex-direction:column;gap:12px;margin-top:12px}.question-item{border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:12px;background:#f9fafb}.question-display{display:flex;flex-direction:column;gap:8px}.question-display-header{display:flex;justify-content:space-between;align-items:center}.question-type-badge{padding:4px 8px;background:#dbeafe;color:#1e40af;border-radius:var(--border-radius);font-size:.75rem;font-weight:600}.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{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;width:100%;box-sizing:border-box}.question-editor-row>*{box-sizing:border-box}.question-key-input{flex:1;min-width:150px;max-width:calc(100% - 130px)}.question-type-select{width:100px;flex-shrink:0;min-width:100px;max-width:100px;padding:8px 10px!important;font-size:.85rem!important}.question-text-input{width:100%;margin-top:8px}.new-question-form{border:2px dashed #cbd5e0;border-radius:var(--border-radius);padding:12px;background:#f7fafc}.new-question-row{display:flex;gap:8px;align-items:center;margin-bottom:8px;flex-wrap:nowrap;width:100%;box-sizing:border-box}.new-question-row>*{box-sizing:border-box}.new-question-row .question-key-input{flex:1;min-width:150px;max-width:calc(100% - 210px)}.new-question-row .question-type-select{width:100px;flex-shrink:0;min-width:100px;max-width:100px;padding:8px 10px!important;font-size:.85rem!important}.new-question-row button{flex-shrink:0;white-space:nowrap}.new-question-form .question-text-input{margin-top:0}.payment-configuration{padding:24px 32px;max-width:1400px;margin:0 auto}.payment-config-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.payment-config-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--bg-subtle, #f3f4f6);border-top-color:var(--primary-color, #E8C8C2);border-radius:50%;animation:spin .8s linear infinite}.payment-config-alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:var(--border-radius, 8px);margin-bottom:24px;font-size:.95rem}.payment-config-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.payment-config-alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.payment-gateways{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.gateway-card{background:var(--tech-bg-card, var(--bg-secondary, #f5f5f5));border:2px solid var(--tech-border-light, var(--border-light, #e5e7eb));border-radius:var(--border-radius);padding:20px;transition:all .2s ease;box-shadow:var(--tech-shadow-sm, var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05)));color:var(--tech-text-primary, var(--text-primary, #1f2937))}.gateway-card:hover{box-shadow:var(--tech-shadow-md, var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)));transform:translateY(-2px);border-color:var(--tech-accent-primary, var(--primary-color, #d4817e))}.gateway-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light, #e5e7eb)}.gateway-info{display:flex;align-items:center;gap:12px;flex:1}.gateway-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color, #E8C8C2),var(--secondary-color, #D6C7B9));border-radius:var(--border-radius);color:#fff;flex-shrink:0}.gateway-card-header h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--tech-text-primary, var(--text-primary, #1f2937));display:block}.gateway-card-header p{margin:0;font-size:.85rem;color:var(--tech-text-secondary, var(--text-secondary, #6b7280));display:block}.gateway-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;margin-left:auto}.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 label{font-weight:600;color:var(--text-primary, #1f2937);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--border-light, #d1d5db);border-radius:var(--border-radius-sm, 6px);font-size:.95rem;transition:border-color .2s ease;background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #E8C8C2);box-shadow:0 0 0 3px #e8c8c240}.form-group textarea{resize:vertical;font-family:inherit}.secret-input-wrapper{position:relative;display:flex;align-items:center}.secret-input-wrapper input{padding-right:40px;flex:1}.toggle-secret-btn{position:absolute;right:8px;background:none;border:none;padding:8px;cursor:pointer;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-secret-btn:hover{color:var(--primary-color, #E8C8C2)}.checkbox-group{flex-direction:row;align-items:center;padding:14px 16px;background:var(--bg-secondary, #f8f9fa);border-radius:var(--border-radius-sm, 6px);border:1px solid var(--border-light, #e5e7eb);min-height:48px}.checkbox-label{display:flex;align-items:center;gap:28px;cursor:pointer;font-weight:500;color:var(--text-primary, #1f2937);width:100%;margin:0;line-height:1.5;background:none!important;transition:none;user-select:none;-webkit-user-select:none}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color, #E8C8C2);flex-shrink:0;margin:0;vertical-align:middle;align-self:center}.checkbox-label span{color:var(--text-color);font-size:1rem;font-weight:500;padding:10px}.form-actions{margin-top:8px;padding-top:20px;border-top:1px solid var(--border-light, #e5e7eb)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius, 8px);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color, #E8C8C2),var(--secondary-color, #D6C7B9));color:var(--white, #fff)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e8c8c259}.btn-primary:disabled{opacity:.6;cursor:not-allowed;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{flex-direction:column;align-items:flex-start}.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: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-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-top:0!important;margin-bottom:0!important}.retouches{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%}.view-header h2{font-size:2rem;font-weight:300;color:var(--text-title);margin:0}.retouches-search{margin-bottom:24px}.retouches-search .search-box{position:relative;display:flex;align-items:center;max-width:400px;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.retouches-search .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.retouches-search .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.retouches-search .search-box input:focus{outline:none}.retouches-search .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.retouches-search .clear-search:hover{background:var(--gray)}.retouches-tabs{display:flex;gap:0;margin-bottom:24px;background:var(--light-gray);border-radius:var(--border-radius);padding:4px;max-width:400px;box-shadow:inset 0 1px 3px #0000001a}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;background:transparent;color:#6b7280;font-size:.95rem;font-weight:600;line-height:1.2;border-radius:calc(var(--border-radius) - 4px);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;min-height:48px;overflow:hidden}.tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s}.tab-button:hover:before{left:100%}.tab-button.active{background:#fff;color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-1px);font-weight:700}.tab-button:hover:not(.active){background:#ec489914;color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #ec48991a}.tab-badge{background:linear-gradient(135deg,#f44336,#e53935);color:#fff;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:var(--border-radius);min-width:22px;text-align:center;box-shadow:0 2px 4px #f443364d;border:1px solid rgba(255,255,255,.2)}.view-content{background:var(--white);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-height:calc(100vh - 240px);overflow-y:auto}.retouches-content{flex:1;display:flex;flex-direction:column;min-height:0}.retouches-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;flex:1;min-height:0;overflow-y:auto;padding-top:12px;margin-left:5px}.retouch-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;padding:16px;height:fit-content}.retouch-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.retouch-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:2;align-items:flex-end}.retouch-badge{padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;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{background:linear-gradient(135deg,#d4817e14,#ff6b6b14);border-radius:var(--border-radius);padding:16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start}.customer-name-centered{display:flex;align-items:center;justify-content:center;gap:8px;flex:1}.customer-name-centered span{font-size:1.4rem;font-weight:700;color:var(--text-color)}.customer-icon{color:var(--primary-color)}.customer-phone{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#666;margin-top:4px}.customer-phone svg{color:var(--primary-color);opacity:.8}.info-button{background:none;border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.info-button:hover{background:var(--primary-color);color:#fff;transform:scale(1.1)}.treatment-location-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px;background:linear-gradient(135deg,#ec489908,#3b82f608);border-radius:var(--border-radius);border:1px solid rgba(236,72,153,.1)}.treatment-info,.location-info{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-primary);font-weight:500}.treatment-info svg{color:var(--primary-color)}.location-info svg{color:#10b981}.retouch-divider{height:1px;background:var(--light-gray);margin:16px 0}.treatment-info{margin-bottom:16px;padding:0 8px}.treatment-name{font-size:14px;font-weight:600;color:var(--text-color);margin:0;display:flex;align-items:center;gap:6px}.treatment-details{display:flex;flex-direction:column;gap:8px}.treatment-icon{color:var(--primary-color)}.last-treatment,.treatment-location{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#666;margin-bottom:8px}.treatment-location svg{color:var(--primary-color);opacity:.7}.days-since{font-size:.875rem;font-weight:600;color:var(--primary-color)}.retouch-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px}.book-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.book-button:hover{background:#c06b5e;transform:translateY(-1px)}.restore-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:#4caf50;color:#fff;border:none;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.restore-button:hover{background:#45a049;transform:translateY(-1px)}.status-buttons{display:flex;flex-direction:column;gap:8px}.status-buttons{display:flex;gap:6px}.status-button{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;border:2px solid transparent;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.status-button.not-needed{background:transparent;color:#4caf50;border-color:#4caf50;border:2px solid #4CAF50}.status-button.not-needed:hover{background:#4caf50;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.status-button.refused{background:transparent;color:#f44336;border-color:#f44336;border:2px solid #f44336}.status-button.refused:hover{background:#f44336;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f443364d}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.empty-state p{font-size:1.125rem;color:#666;margin:0}.retouches-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.retouches-loading p{font-size:1rem;color:#666}@media(max-width:768px){.retouches-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:640px){.view-header{flex-direction:column;align-items:flex-start;gap:15px}.view-header h2{font-size:1.5rem}.view-content{padding:20px}.search-container,.retouches-tabs{max-width:100%}.retouch-header{padding:12px;margin-bottom:12px}.customer-name-centered{margin-bottom:0}.treatment-location-info{padding:8px;margin-bottom:8px}.retouch-actions{margin-top:12px}.status-buttons{flex-direction:row;gap:8px}.status-button{flex: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:14px;display:flex;align-items:center;gap:6px}.tab-button{padding:10px 16px;font-size:.875rem}.book-button,.restore-button{padding:8px 10px;font-size:.75rem}.status-button{padding:6px 8px;font-size:.7rem}.retouch-card{padding:12px}.info-button{width:24px;height:24px;padding:4px}}.retouches-history-section{margin-top:40px;border-top:1px solid var(--border-light);padding-top:30px}.history-header{display:flex;justify-content:center;margin-bottom:20px}.history-toggle-button{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:500;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);padding:24px}.history-content h3{font-size:1.4rem;font-weight:600;color:var(--text-title);margin:0 0 20px;text-align:center}.no-history{text-align:center;padding:40px 20px;color:var(--text-secondary)}.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);padding:16px;transition:all .2s ease}.history-item:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--primary-light)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-customer-info{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-title)}.history-customer-info svg{color:var(--primary)}.history-date{font-size:.85rem;color:var(--text-secondary);font-weight:500}.history-item-details{display:flex;gap:20px;margin-bottom:12px;flex-wrap:wrap}.history-treatment,.history-location{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary)}.history-treatment svg{color:var(--accent)}.history-location svg{color:var(--secondary)}.history-decision{margin-bottom:8px}.decision-not-needed{display:flex;align-items:center;gap:6px;color:var(--success);font-weight:500}.decision-not-needed svg{background-color:var(--success-light);border-radius:50%;padding:2px}.decision-refused{display:flex;align-items:center;gap:6px;color:var(--danger);font-weight:500}.decision-refused svg{background-color:var(--danger-light);border-radius:50%;padding:2px}.history-notes{background-color:var(--background-secondary);padding:8px 12px;border-radius:var(--border-radius);font-size:.85rem;color:var(--text-secondary);font-style:italic}@media(max-width:640px){.retouches-history-section{margin-top:30px;padding-top:20px}.history-content{padding:16px}.history-item{padding:12px}.history-item-header{flex-direction:column;align-items:flex-start;gap:8px}.history-item-details{flex-direction:column;gap:8px}}.main-tab-selector{display:flex;margin-bottom:30px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--border-radius);padding:6px;box-shadow:0 4px 12px #00000014;border:1px solid rgba(148,163,184,.1)}.main-tab-button{flex:1;padding:16px 24px;border:none;background:transparent;font-size:1.1rem;font-weight:600;color:#6b7280;cursor:pointer;border-radius:calc(var(--border-radius) - 2px);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.main-tab-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(236,72,153,.08),rgba(168,85,247,.08),transparent);transition:left .6s ease-out}.main-tab-button:hover:before{left:100%}.main-tab-button:hover:not(.active){color:var(--primary-color);background:#ec489914;transform:translateY(-1px);box-shadow:0 2px 8px #ec48991a}.main-tab-button.active{background:#fff;color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-1px);font-weight:700}.main-tab-button.active:before{display:none}.main-tab-button.active:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026;background:#fff;color:var(--primary-color);font-weight:700}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.reports{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;border-radius:var(--border-radius)!important}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-direction:row!important}.view-content{padding:0;display:flex;flex-direction:column;flex:1;min-height:0;max-height:calc(100vh - 240px)}.date-range-selector{background:transparent;border-radius:var(--border-radius);padding:24px;display:flex;gap:24px;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 8px 24px color-mix(in srgb,var(--accent-color) 20%,transparent)}.date-input-group{display:flex;align-items:center;gap:12px;background:transparent;padding:12px 20px;border-radius:var(--border-radius);box-shadow:0 4px 12px color-mix(in srgb,var(--accent-color) 15%,transparent);transition:all .3s ease}.date-input-group:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent-color) 25%,transparent)}.date-input-group label{display:flex;align-items:center;gap:8px;color:var(--text-title);font-weight:600;font-size:.95rem}.date-input-group input[type=date]{border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:10px 40px 10px 14px;font-size:.95rem;color:var(--text-color);background:var(--white);transition:all .3s ease;font-family:inherit;cursor:pointer;min-width:180px;position:relative}.date-input-group input[type=date]:hover{border-color:var(--accent-color);box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color) 10%,transparent)}.date-input-group input[type=date]:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent);background:var(--white)}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%238b5f7b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C%2Frect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C%2Fline%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C%2Fline%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C%2Fline%3E%3C%2Fsvg%3E");background-size:18px 18px;background-repeat:no-repeat;background-position:center;padding:8px;margin-left:4px;border-radius:var(--border-radius);transition:all .3s ease;opacity:.7}.date-input-group input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:color-mix(in srgb,var(--accent-color) 10%,transparent);transform:scale(1.1)}.date-input-group input[type=date]::-webkit-calendar-picker-indicator:active{transform:scale(.95)}.date-input-group input[type=date]::-moz-calendar-picker-indicator{cursor:pointer;padding:4px;border-radius:var(--border-radius);transition:all .3s ease}.date-input-group input[type=date]::-moz-calendar-picker-indicator:hover{background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.date-input-group input[type=date]::-webkit-datetime-edit{color:var(--text-color);font-weight:500}.date-input-group input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}.date-input-group input[type=date]::-webkit-datetime-edit-text{color:var(--text-secondary);padding:0 4px}.date-input-group input[type=date]::-webkit-datetime-edit-month-field,.date-input-group input[type=date]::-webkit-datetime-edit-day-field,.date-input-group input[type=date]::-webkit-datetime-edit-year-field{color:var(--text-color);padding:0 2px}.date-input-group input[type=date]::-webkit-datetime-edit-month-field:focus,.date-input-group input[type=date]::-webkit-datetime-edit-day-field:focus,.date-input-group input[type=date]::-webkit-datetime-edit-year-field:focus{background-color:color-mix(in srgb,var(--accent-color) 15%,transparent);color:var(--accent-color);border-radius:var(--border-radius);outline:none}.date-input-group input[type=date]::-webkit-calendar-picker-indicator{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.date-input-group input[type=date]:before{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;pointer-events:none}.date-input-group input[type=date]:focus::-webkit-calendar-picker-indicator{background-color:color-mix(in srgb,var(--accent-color) 20%,transparent);border-radius:var(--border-radius)}.date-input-group input[type=date]:invalid{color:var(--text-secondary)}.date-input-group input[type=date]:valid{color:var(--text-color);font-weight:500}.date-input-group{position:relative}.date-input-group input[type=date]:focus:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;z-index:9998;pointer-events:none;opacity:0;animation:fadeIn .2s ease forwards}@keyframes fadeIn{to{opacity:1}}.date-input-group input[type=date]{box-shadow:0 2px 4px #0000000d}.date-input-group input[type=date]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent),0 4px 12px #0000001a;transform:translateY(-1px)}.date-input-group input[type=date]:not(:valid)::-webkit-datetime-edit{color:var(--text-secondary);opacity:.6}.react-datepicker-popper>div{background:transparent!important;z-index:999999!important}.react-datepicker-popper:before{display:none!important}.react-datepicker__portal{z-index:999999!important}.react-datepicker{background:#fff!important;background-color:#fff!important;z-index:999999!important;position:relative!important;isolation:isolate!important;overflow:hidden!important;will-change:transform!important}.chart-section{z-index:1!important}.chart-section svg,.chart-section canvas{z-index:1!important;position:relative}.react-datepicker__month-container{background:#fff!important;background-color:#fff!important;z-index:999999!important;position:relative!important;isolation:isolate!important}.react-datepicker__month,.react-datepicker__day-names,.react-datepicker__week{background:#fff!important;background-color:#fff!important;position:relative!important;z-index:999999!important}.react-datepicker__triangle{z-index:999999!important;position:absolute!important}.react-datepicker__triangle:before{z-index:999999!important;position:absolute!important}.react-datepicker__triangle:after{z-index:999999!important;position:absolute!important}.custom-datepicker-input{border:2px solid var(--light-gray)!important;border-radius:var(--border-radius)!important;padding:10px 40px 10px 14px!important;font-size:.95rem!important;color:var(--text-color)!important;background:var(--white)!important;transition:all .3s ease!important;font-family:inherit!important;cursor:pointer!important;min-width:180px!important;width:100%!important;box-shadow:0 2px 4px #0000000d!important}.custom-datepicker-input:hover{border-color:var(--accent-color)!important;box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color) 10%,transparent)!important}.custom-datepicker-input:focus{outline:none!important;border-color:var(--accent-color)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-color) 10%,transparent),0 4px 12px #0000001a!important;transform:translateY(-1px)!important}.react-datepicker__month-wrapper,.react-datepicker__week{background:#fff!important;background-color:#fff!important}.react-datepicker__day-names{background:transparent!important}.react-datepicker-popper{z-index:9999!important}.react-datepicker-popper .react-datepicker{background:#fff!important;background-color:#fff!important}.react-datepicker__header{background:linear-gradient(135deg,var(--accent-color),var(--ancient-pink))!important;border-bottom:none!important;border-radius:var(--border-radius) 8px 0 0!important;padding:12px 0!important}.react-datepicker__current-month{color:#fff!important;font-weight:600!important;font-size:1rem!important;margin-bottom:8px!important}.react-datepicker__navigation{top:12px!important}.react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important}.react-datepicker__navigation:hover *:before{border-color:#fffc!important}.react-datepicker__day-names{margin-bottom:4px!important}.react-datepicker__day-name{color:#fff!important;font-weight:600!important;font-size:.85rem!important;width:2.5rem!important;line-height:2.5rem!important;margin:.166rem!important}.react-datepicker__day{color:var(--text-color)!important;border-radius:var(--border-radius)!important;width:2.5rem!important;line-height:2.5rem!important;margin:.166rem!important;transition:all .2s ease!important;font-weight:500!important}.react-datepicker__month-dropdown-container,.react-datepicker__year-dropdown-container{margin:0 4px!important}.react-datepicker__month-dropdown,.react-datepicker__year-dropdown{background:var(--white)!important;border:2px solid var(--light-gray)!important;border-radius:var(--border-radius)!important;box-shadow:0 4px 12px #0000001a!important;padding:8px!important}.react-datepicker__month-option,.react-datepicker__year-option{padding:8px 12px!important;border-radius:var(--border-radius)!important;transition:all .2s ease!important;color:var(--text-color)!important}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background-color:color-mix(in srgb,var(--accent-color) 15%,transparent)!important;color:var(--accent-color)!important}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important}.react-datepicker__today-button{background:var(--bg-secondary)!important;color:var(--accent-color)!important;border-top:1px solid var(--light-gray)!important;border-radius:0 0 8px 8px!important;padding:8px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important}.react-datepicker__today-button:hover{background:color-mix(in srgb,var(--accent-color) 10%,transparent)!important}.react-datepicker__triangle{display:none!important;visibility:hidden!important}.react-datepicker__triangle:before{display:none!important;visibility:hidden!important}.react-datepicker__triangle:after{display:none!important;visibility:hidden!important}.react-datepicker-popper{z-index:999999!important;position:absolute!important;isolation:isolate!important}.react-datepicker-popper[data-placement]{z-index:999999!important}.react-datepicker__time-container{border-left:1px solid var(--light-gray)!important}.react-datepicker__time-list-item{color:var(--text-color)!important;transition:all .2s ease!important}.react-datepicker__time-list-item:hover{background-color:color-mix(in srgb,var(--accent-color) 20%,transparent)!important;color:var(--accent-color)!important}.react-datepicker__time-list-item--selected{background-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important}.chart-section{background:linear-gradient(135deg,var(--white) 0%,rgba(255,255,255,.95) 100%);border-radius:var(--border-radius);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-sm);border:2px solid #3b82f6;position:relative;z-index:1;isolation:isolate}.chart-section svg,.chart-section canvas{position:relative;z-index:1!important;pointer-events:none}.react-datepicker-popper[data-placement]~.chart-section,.reports:has(.react-datepicker-popper[data-placement]) .chart-section{opacity:.3;pointer-events:none}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-header h3{color:var(--text-title);font-size:1.4rem;font-weight:600;margin:0}.chart-toggle{display:flex;gap:8px;background:var(--bg-color);padding:4px;border-radius:var(--border-radius)}.chart-toggle button{padding:10px 20px;border:none;background:transparent;color:var(--gray);border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;display:flex;align-items:center;gap:6px}.chart-toggle button:hover{background:#ff69b41a;color:var(--accent-color)}.chart-toggle button.active{background:linear-gradient(135deg,var(--accent-color),var(--ancient-pink));color:var(--white);box-shadow:0 4px 12px #ff69b44d}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--border-radius);padding:32px 28px;box-shadow:var(--shadow-sm);transition:all .3s ease;cursor:pointer;position:relative;overflow:visible;border:2px solid #ef4444;min-height:220px;display:flex;flex-direction:column}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0000001f;border-color:currentColor}.stat-card.clickable{cursor:pointer}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#ff69b41a,#ffb6c11a);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all .3s ease}.stat-card:hover .stat-icon{transform:scale(1.1)}.stat-card h4{color:#111827;font-size:1.05rem;font-weight:800;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px;line-height:1.4}.stat-value{color:#111827;font-size:2.2rem;font-weight:800;margin:auto 0 20px;line-height:1.2;word-wrap:break-word}.stat-detail-btn{display:flex;align-items:center;gap:6px;justify-content:center;width:100%;padding:10px;border:2px solid var(--light-gray);background:transparent;color:var(--gray);border-radius:var(--border-radius);cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease}.stat-card:hover .stat-detail-btn{border-color:currentColor;color:currentColor;background:#ff69b40d}.report-section{background:var(--white);border-radius:var(--border-radius);padding:28px;margin-bottom:24px;box-shadow:var(--shadow-sm);border:2px solid #10b981}.report-section h3{color:var(--text-title);font-size:1.4rem;font-weight:600;margin:0 0 20px;padding-bottom:16px;border-bottom:2px solid var(--bg-color)}.breakdown-list{display:flex;flex-direction:column;gap:12px}.breakdown-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#ff69b408,#ffb6c108);border-radius:var(--border-radius);border:1px solid rgba(255,105,180,.1);transition:all .3s ease}.breakdown-item:hover{transform:translate(4px);background:linear-gradient(135deg,#ff69b414,#ffb6c114);box-shadow:0 4px 12px #ff69b426}.breakdown-name{flex:1;color:var(--text-title);font-weight:600;font-size:1rem}.breakdown-count{color:var(--gray);font-size:.9rem;padding:6px 12px;background:#ff69b41a;border-radius:var(--border-radius);font-weight:500}.breakdown-revenue{color:var(--accent-color);font-weight:700;font-size:1.1rem;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{display:grid;grid-template-columns:140px 1fr 1fr 100px;gap:16px;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#ff69b408,#ffb6c108);border-radius:var(--border-radius);border:1px solid rgba(255,105,180,.1);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-weight:700;font-size:1.1rem;text-align:right}.loading-state{text-align:center;padding:60px 20px;color:var(--gray);font-size:1.1rem}.modal-footer p{color:var(--gray);font-size:.95rem;font-weight:600;margin:0}.empty-state{text-align:center;padding:40px 20px;color:var(--gray);font-style:italic}.export-section{margin-bottom:32px;padding:0 12px}.export-section h4{color:var(--text-title);font-size:1.2rem;font-weight:600;margin:0 0 20px;padding:0 0 12px;border-bottom:2px solid var(--bg-color)}.export-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:0 12px}.export-buttons{display:flex;gap:16px;flex-wrap:wrap;padding:0 12px}.btn-export{flex:1;min-width:180px;padding:16px 24px;font-size:1rem;font-weight:600;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;border:none;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00000026}.btn-export:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.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{grid-template-columns:120px 1fr 1fr 90px;gap:12px}.export-options{grid-template-columns:1fr}}@media(max-width:640px){.view-header{flex-direction:column;align-items:flex-start;gap:16px}.view-header h2{font-size:1.6rem}.date-range-selector{flex-direction:column;padding:20px}.date-input-group{width:100%}.stats-grid{grid-template-columns:1fr}.appointment-detail-item{grid-template-columns:1fr;gap:8px}.appointment-amount{text-align:left}.chart-header{flex-direction:column;align-items:flex-start;gap:16px}.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{flex-direction:column;align-items:flex-start;gap:8px}.breakdown-revenue{width:100%;text-align:left}}.reports-intro{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:16px 20px;border-radius:var(--border-radius);border-left:4px solid var(--accent-color);margin-bottom:24px;color:var(--text-secondary);font-size:.95rem}.reports-categories{display:flex;flex-direction:column;gap:24px}.report-category{background:var(--white);border:2px solid #e5e7eb;border-radius:var(--border-radius);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{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.category-icon{color:var(--accent-color);flex-shrink:0;margin-top:4px}.report-category-premium .category-icon{color:#f59e0b}.category-header h4{font-size:1.3rem;font-weight:700;color:var(--text-title);margin:0 0 4px}.category-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.report-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.report-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f9fafb;border-radius:var(--border-radius);transition:all .2s ease;cursor:pointer;border:2px solid transparent}.report-item:hover{background:#f3f4f6;border-color:var(--accent-color);transform:translate(4px)}.report-item svg{color:var(--accent-color);flex-shrink:0}.report-item.premium svg{color:#f59e0b}.report-item span:first-of-type{flex:1;color:var(--text-primary);font-weight:500}.report-item.coming-soon:hover{transform:none;border-color:transparent}.badge-coming{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;padding:6px 14px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #1e40af33}.badge-premium{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f;padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #f59e0b33}.reports-footer{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--border-radius);border-left:4px solid #f59e0b}.reports-footer p{margin:0;color:#78350f;font-size:.95rem}.reports-footer strong{font-weight:700}@media(max-width:768px){.modal-reports-list{width:98vw;max-height:95vh}.category-header{flex-direction:column;gap:12px}.report-item{padding:12px}.badge-coming,.badge-premium{font-size:.7rem;padding:3px 8px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.modal-overlay.modal-reports-list{align-items:center;justify-content:center}.modal-content{background:var(--white);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn .3s ease;width:90%;max-width:2400px;margin:0}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:28px 40px!important;border-bottom:1px solid var(--border-light);background:transparent}.modal-header h3{margin:0;font-size:1.75rem!important;font-weight:300!important;color:var(--text-title)!important;letter-spacing:-.02em!important;display:flex;align-items:center;gap:12px;flex:1}.reports .modal-backdrop .modal.modal-reports-list .modal-header,.modal-backdrop .modal.modal-large.modal-reports-list .modal-header{position:sticky;top:0;z-index:6;flex-shrink:0;min-height:60px;padding:16px 20px!important;border-bottom:1px solid var(--border-light);background:var(--white)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.reports .modal-backdrop .modal.modal-reports-list .modal-header h3,.modal-backdrop .modal.modal-large.modal-reports-list .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important}.reports .modal-backdrop .modal.modal-reports-list .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large.modal-reports-list .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.reports .modal-backdrop .modal.modal-reports-list .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large.modal-reports-list .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important}.reports .modal-backdrop .modal.modal-reports-list .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large.modal-reports-list .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;width:18px!important;height:18px!important}.modal-body{padding:32px;max-height:calc(90vh - 120px);overflow-y:auto;min-height:400px}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:var(--border-radius)}.modal-body::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:var(--border-radius)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--ancient-pink)}.modal-reports-list{width:90%;max-width:2400px;margin:0;position:relative}.modal-overlay.modal-reports-list{background:var(--white);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;position:relative;animation:modalSlideIn .3s ease;width:90%;max-width:2400px;margin:0 auto;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;align-self:center}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border-light);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;border-radius:var(--border-radius);width:36px;height:36px;font-size:20px;line-height:1;flex-shrink:0;margin-left:auto}.report-content{padding:20px 0}.stat-card-large{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;border-radius:var(--border-radius);text-align:center;margin:20px 0;box-shadow:0 10px 30px #667eea4d}.stat-card-large h3{margin:0 0 20px;font-size:1.5rem;font-weight:600}.stat-value-large{font-size:3rem;font-weight:700;margin:20px 0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.stats-grid .stat-card{background:var(--white);border:2px solid #f3f4f6;border-radius:var(--border-radius);padding:24px;text-align:center;transition:all .3s ease}.stats-grid .stat-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.stats-grid .stat-card h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-color)}.stats-grid .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--accent-color)}.data-table{background:var(--white);border-radius:var(--border-radius);overflow:hidden;margin:20px 0;box-shadow:0 4px 15px #0000001a}.data-table table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:16px;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid #e2e8f0}.data-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:var(--text-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.report-placeholder{text-align:center;padding:60px 20px;color:var(--text-color)}.report-placeholder h3{margin-bottom:16px;color:var(--text-title)}.report-item{cursor:pointer;transition:all .3s ease}.report-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.report-item.coming-soon{cursor:not-allowed;opacity:.7}.report-item.coming-soon:hover{transform:none;box-shadow:none}.report-status{display:flex;align-items:center;gap:8px}.report-status .btn{padding:8px 16px;font-size:.9rem}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-value-large{font-size:2rem}.data-table{overflow-x:auto}.data-table table{min-width:600px}}.report-export-bar{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:var(--border-radius);border:1px solid #e2e8f0}.report-export-bar .btn{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem}.export-options{background:var(--white);border-radius:var(--border-radius);padding:24px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.export-options h4{margin:0 0 20px;color:var(--text-title);font-size:1.1rem}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:var(--text-color)}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-color)}.pdf-options{background:var(--white);border-radius:var(--border-radius);padding:24px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.pdf-options h4{margin:0 0 20px;color:var(--text-title);font-size:1.1rem}.pdf-templates{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.template-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--border-radius);padding:20px;text-align:center;transition:all .3s ease}.template-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.template-card h5{margin:0 0 8px;color:var(--text-title);font-size:1.1rem}.template-card p{margin:0 0 16px;color:var(--text-color);font-size:.9rem}.template-card .btn{display:flex;align-items:center;gap:6px;margin:0 auto;padding:8px 16px;font-size:.85rem}.report-item{background:var(--white);border:2px solid #e2e8f0;border-radius:var(--border-radius);padding:20px;margin-bottom:16px;transition:all .3s ease;cursor:pointer}.report-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.report-item.coming-soon{opacity:.7;cursor:not-allowed}.report-item.coming-soon:hover{transform:none;box-shadow:none;border-color:#e2e8f0}.report-info{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.report-info>svg{color:var(--accent-color);margin-top:4px;flex-shrink:0}.report-info h5{margin:0 0 8px;color:var(--text-title);font-size:1.1rem;font-weight:600}.report-info p{margin:0;color:var(--text-color);font-size:.9rem;line-height:1.4}.report-status{display:flex;justify-content:flex-end;align-items:center}.badge-coming{background:#fef3c7;color:#92400e;padding:6px 12px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-premium{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #667eea4d}@media(max-width:768px){.report-export-bar{flex-direction:column;gap:8px}.checkbox-group,.pdf-templates{grid-template-columns:1fr}.template-card{padding:16px}}.profit-margins-report,.cash-flow-report,.cost-analysis-report,.roi-analysis-report,.demand-forecasting-report,.client-churn-report,.optimal-pricing-report,.api-integration-report{background:var(--white);border-radius:var(--border-radius);padding:24px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.profit-margins-report h3,.cash-flow-report h3,.cost-analysis-report h3,.roi-analysis-report h3,.demand-forecasting-report h3,.client-churn-report h3,.optimal-pricing-report h3,.api-integration-report h3{margin:0 0 20px;color:var(--text-title);font-size:1.3rem;font-weight:600}.integration-options{background:var(--white);border-radius:var(--border-radius);padding:24px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.integration-options h4{margin:0 0 20px;color:var(--text-title);font-size:1.1rem}.api-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.api-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:var(--border-radius);padding:20px;transition:all .3s ease}.api-item:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.api-item h5{margin:0 0 12px;color:var(--text-title);font-size:1.1rem;display:flex;align-items:center;gap:8px}.api-item p{margin:0 0 8px;color:var(--text-color);font-size:.9rem}.api-item .btn{margin-top:12px;padding:8px 16px;font-size:.85rem}.chart-container{background:var(--white);border-radius:var(--border-radius);padding:20px;margin:20px 0;box-shadow:0 4px 15px #0000001a}.data-table{background:var(--white);border-radius:var(--border-radius);padding:20px;margin:20px 0;box-shadow:0 4px 15px #0000001a;overflow-x:auto}.data-table table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0}.data-table th{background:#f8fafc;font-weight:600;color:var(--text-title);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.data-table td{color:var(--text-color)}.data-table tr:hover{background:#f8fafc}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:20px 0}.stat-card{background:var(--white);border:2px solid #e2e8f0;border-radius:var(--border-radius);padding:20px;text-align:center;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.stat-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.stat-card h4{margin:0 0 12px;color:var(--text-title);font-size:1rem;font-weight:600}.stat-card .stat-value{font-size:1.8rem;font-weight:700;color:var(--accent-color);margin-bottom:8px}.stat-card p{margin:0;color:var(--text-color);font-size:.85rem}@media(max-width:768px){.api-list{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.5rem}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:8px 12px}}.expenses{width:100%;max-width:none;margin:0;display:flex;flex-direction:column}.modal-section{padding:28px 40px;margin:0;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;overflow:visible!important}.modal-section-light{background:var(--white)}.modal-section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0 0 8px;padding-bottom:12px;border-bottom:2px solid var(--theme-primary, #D4817E);display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.modal-section .form-row{display:flex;align-items:center;gap:16px;margin-bottom:20px;min-height:48px;flex-direction:row!important}.modal-section .form-row label{font-size:1rem!important;font-weight:600!important;color:var(--text-primary, #1f2937)!important;min-width:160px;text-align:left;margin:0!important;padding:0!important;line-height:1.5!important;flex-shrink:0}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{font-size:1rem!important;height:45px!important;padding:12px 16px!important;border:2px solid var(--border-light, #e5e7eb)!important;border-radius:var(--border-radius)!important;background:var(--white)!important;color:var(--text-primary, #1f2937)!important;flex:1;transition:all .2s ease!important}.modal-section .form-row input:focus,.modal-section .form-row select:focus,.modal-section .form-row textarea:focus{border-color:var(--theme-primary, #D4817E)!important;box-shadow:0 0 0 3px #d4817e1a!important;outline:none!important}.modal-section .form-row textarea{height:auto!important;min-height:80px!important;resize:vertical}@media(max-width:768px){.modal-section{padding:24px 28px;margin:0}.modal-section-title{font-size:1.05rem}.modal-section .form-row{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin-bottom:16px!important;min-height:auto!important}.modal-section .form-row label{min-width:auto!important;margin-bottom:0!important;font-size:.95rem!important}.modal-section .form-row input,.modal-section .form-row select,.modal-section .form-row textarea{height:40px!important;font-size:.95rem!important;padding:10px 14px!important}}.expenses-filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.expenses-filters .search-box{position:relative;flex:1;min-width:250px;display:flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.expenses-filters .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.expenses-filters .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.expenses-filters .search-box input:focus{outline:none}.expenses-filters .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.expenses-filters .clear-search:hover{background:var(--gray)}.filter-group select,.filter-group input{padding:12px;height:45px;min-height:45px;border:1px solid var(--light-gray);border-radius:var(--border-radius);font-size:.95rem;background:var(--white);transition:border-color .2s ease;min-width:150px;box-sizing:border-box}.expenses-filters .filter-group .custom-dropdown,.expenses-filters .filter-group .custom-dropdown-trigger,.expenses-filters .filter-group .custom-dropdown.small .custom-dropdown-trigger{height:45px!important;min-height:45px!important}.expenses .custom-dropdown,.expenses-filters .custom-dropdown{margin-bottom:0!important}.expenses-filters .filter-group .react-datepicker-wrapper{flex:1;display:flex;align-items:center;min-width:150px}.expenses-filters .filter-group .custom-datepicker-input{border:none!important;border-radius:var(--border-radius)!important;padding:0!important;font-size:.95rem!important;color:var(--text-color)!important;background:transparent!important;transition:all .3s ease!important;font-family:inherit!important;cursor:pointer!important;min-width:150px!important;width:100%!important;height:45px!important;box-shadow:none!important}.expenses-filters .filter-group .custom-datepicker-input:hover{background:transparent!important}.expenses-filters .filter-group .custom-datepicker-input:focus{outline:none!important;background:transparent!important;box-shadow:none!important}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.expenses-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--border-radius);padding:28px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;border:2px solid #f59e0b;animation:slideInUp .6s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:before{content:none}.stat-card:nth-child(1) .stat-icon{background:#ef44441a;color:#dc2626}.stat-card:nth-child(1):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)}.stat-label{font-size:.95rem;font-weight:800;margin-bottom:8px;opacity:1;text-transform:uppercase;letter-spacing:.5px}.expenses-list{display:flex;flex-direction:column;gap:16px}.expense-card{background:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.expense-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.expense-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.expense-content{flex:1;min-width:0}.expense-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.expense-description{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0;flex:1;min-width:0}.expense-amount{color:#111827;font-size:1.25rem;font-weight:700;flex-shrink:0}.expense-meta{display:flex;gap:16px;margin-bottom:8px;flex-wrap:wrap}.expense-category{background:var(--light-bg);color:var(--text-color);padding:4px 12px;border-radius:var(--border-radius);font-size:.875rem;font-weight:500}.expense-date{color:var(--gray);font-size:.875rem;font-weight:500}.expense-notes{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:8px 12px;background:var(--light-bg);border-radius:var(--border-radius);color:var(--gray);font-size:.875rem;line-height:1.4}.expense-notes svg{flex-shrink:0;margin-top:2px}.expense-actions{display:flex;gap:8px;flex-shrink:0}.expenses .expense-item .btn-icon,.expenses .expense-actions .btn-icon{width:36px;height:36px;border-radius:50%;border:none;background:var(--light-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.expenses .expense-item .btn-icon:hover,.expenses .expense-actions .btn-icon:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}.expenses .expense-item .btn-icon.btn-danger:hover,.expenses .expense-actions .btn-icon.btn-danger:hover{background:var(--danger-color)}.empty-state p{color:var(--gray);font-size:1rem;margin:0 0 24px}@media(max-width:768px){.expenses{padding:16px}.expenses-filters{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.filter-group select,.filter-group input{min-width:auto;width:100%}.expenses-stats{grid-template-columns:1fr}.expense-header{flex-direction:column;align-items:flex-start;gap:8px}.expense-meta{flex-direction:column;gap:8px}.expenses .modal-backdrop,div.modal-backdrop:has(.expenses .modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.expenses .modal-backdrop .modal.modal-large,.expenses .modal-backdrop .modal.modal-xlarge,div.modal-backdrop .modal.modal-large,div.modal-backdrop .modal.modal-xlarge{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header,.expenses .modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer,.expenses .modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header h3,.expenses .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.expenses .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.expenses .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.expenses .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-body,.expenses .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer,.expenses .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.expenses .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer,.expenses .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.expenses .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}}.expenses .modal-backdrop .modal.modal-xlarge .modal-header,.expenses .modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header h3,.expenses .modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.expenses .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.expenses .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.expenses .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-body,.expenses .modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer,.expenses .modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.expenses .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.expenses .modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.stat-card:hover .stat-icon{animation:pulse 1s ease-in-out infinite}.simple-calendar{background:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e5e7eb;width:100%;margin:0 auto}.calendar-layout{display:grid;grid-template-columns:400px 1fr;gap:32px;align-items:start}.calendar-column{display:flex;flex-direction:column;gap:16px}.timeslots-column{display:flex;flex-direction:column;min-height:400px}.simple-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e7eb}.simple-header h2{margin:0;font-size:1.4rem;font-weight:600;color:#1f2937}.simple-nav-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:var(--border-radius);padding:8px;cursor:pointer;transition:all .2s ease;color:#6b7280}.simple-nav-btn:hover{background:#e5e7eb;color:#374151}.simple-calendar-grid{margin-bottom:20px}.simple-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.simple-weekday{text-align:center;font-weight:600;color:#6b7280;padding:8px 4px;font-size:.9rem;background:#f9fafb;border-radius:var(--border-radius)}.simple-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.simple-day{aspect-ratio:1;border:1px solid #e5e7eb;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:#fff;font-weight:500;color:#374151;font-size:.9rem}.simple-day:hover{border-color:#6366f1;background:#f8fafc}.simple-day.selected{border:3px solid var(--theme-primary, #D4817E)!important;background:linear-gradient(135deg,#d4817e26,#d4817e0d);color:var(--theme-primary, #D4817E);font-weight:700;box-shadow:0 0 0 3px #d4817e33,0 4px 12px #d4817e40;transform:scale(1.05);z-index:10}.simple-day.available{border-color:#10b981;background:#f0fdf4;color:#059669}.simple-day.unavailable{border-color:#ef4444;background:#fef2f2;color:#dc2626}.simple-day.partially-available{border-color:#f59e0b;background:#fef3c7;color:#d97706}.simple-day.other-month{opacity:.3;cursor:not-allowed;background:#f9fafb;color:#9ca3af}.simple-day.past{opacity:.5;cursor:not-allowed;background:#f9fafb;color:#9ca3af;border-color:#d1d5db}.simple-time-slots{background:#f8fafc;border-radius:var(--border-radius);padding:20px;border:1px solid #e5e7eb;height:100%}.simple-time-slots h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:#1f2937}.time-slots-description{margin:0 0 12px;font-size:.9rem;color:#6b7280;font-style:italic}.no-selection-message{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:var(--border-radius);padding:16px;margin-bottom:20px;text-align:center}.no-selection-message p{margin:0;font-size:.9rem;color:#0369a1;font-weight:500}.simple-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px}.simple-slot{background:#fff;border:1px solid #e5e7eb;border-radius:var(--border-radius);padding:10px 6px;cursor:pointer;transition:all .2s ease;text-align:center;font-weight:500;color:#374151;font-size:.85rem}.simple-slot:hover{border-color:#6366f1;background:#f8fafc}.simple-slot.available{border-color:#10b981;background:#f0fdf4;color:#059669}.simple-slot.unavailable{border-color:#ef4444;background:#fef2f2;color:#dc2626}.simple-slot.in-selection{border:2px solid #6366f1!important;background:linear-gradient(135deg,#6366f133,#6366f11a)!important;color:#4f46e5!important;font-weight:700;z-index:5}.simple-legend{display:flex;gap:16px;justify-content:center;padding-top:12px;border-top:1px solid #e5e7eb;font-size:.9rem;color:#6b7280}@media(max-width:1024px){.calendar-layout{grid-template-columns:350px 1fr;gap:24px}}@media(max-width:768px){.calendar-layout{grid-template-columns:1fr;gap:20px}.simple-calendar{padding:16px;max-width:100%}.simple-header h2{font-size:1.2rem}.simple-slots-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.simple-legend{flex-direction:column;gap:8px;align-items:center}.timeslots-column{min-height:auto}}.simple-day.in-selection{border:2px solid #6366f1!important;background:linear-gradient(135deg,#6366f133,#6366f11a)!important;color:#4f46e5!important;font-weight:700;z-index:5}.bulk-availability-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.bulk-availability-modal{background:#fff;border-radius:var(--border-radius);padding:24px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:90%;z-index:1001}.bulk-availability-modal h3{margin:0 0 12px;font-size:1.3rem;font-weight:600;color:#1f2937}.bulk-availability-modal p{margin:0 0 20px;color:#6b7280;font-size:.95rem}.bulk-modal-actions{display:flex;flex-direction:column;gap:12px}.bulk-modal-actions .btn{padding:12px 20px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:1rem}.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);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.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);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.bulk-modal-actions .btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.bulk-modal-actions .btn-secondary:hover{background:#e5e7eb}.subscription-required-banner{display:flex;align-items:flex-start;gap:20px;padding:24px;background:linear-gradient(135deg,#fff7ed,#ffedd5);border:2px solid #fb923c;border-radius:var(--border-radius);margin:24px;box-shadow:0 4px 6px #0000000d;position:relative}.banner-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--border-radius);color:#fff}.banner-content{flex:1}.banner-content h3{margin:0 0 8px;font-size:1.25rem;font-weight:700;color:#9a3412}.banner-content p{margin:8px 0;color:#7c2d12;line-height:1.6}.banner-plan-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px!important}.banner-plan-info strong{color:#c2410c;font-weight:700}.current-plan-badge{display:inline-block;padding:4px 12px;background:#fb923c33;border:1px solid #fb923c;border-radius:var(--border-radius);font-size:.875rem;color:#9a3412;font-weight:600}.banner-addon-info{margin-top:12px!important;padding:12px;background:#fff9;border-radius:var(--border-radius);border-left:3px solid #f59e0b}.banner-actions{margin-top:16px}.btn-upgrade{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #d977064d}.btn-upgrade:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 8px #d9770666}.btn-upgrade:active{transform:translateY(0);box-shadow:0 2px 4px #d977064d}.banner-close-icon{flex-shrink:0;color:#f59e0b;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;padding:20px;margin:16px}.banner-icon{width:48px;height:48px}.banner-icon svg{width:24px;height:24px}.banner-content h3{font-size:1.1rem}.banner-plan-info{flex-direction:column;align-items:flex-start}.btn-upgrade{width:100%;justify-content:center}.banner-close-icon{position:absolute;top:16px;right:16px}}.booking{width:100%;max-width:none;margin:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:100%}.view-header h2{color:var(--text-title);font-size:2rem;font-weight:300;margin:0}.header-actions{display:flex;gap:12px}.header-actions .btn{display:flex;align-items:center;gap:8px}.view-content{background:var(--white);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;max-height:calc(100vh - 240px)}.view-subtitle{color:var(--text-secondary);font-size:1rem;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--light-gray)}.booking-content{display:flex;flex-direction:column;gap:24px}.status-card{margin-bottom:32px}.status-toggle{display:flex;align-items:center;gap:24px;padding:24px;background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:24px}.booking .toggle-switch{position:relative;display:inline-block;width:72px;height:40px;flex-shrink:0;background:transparent!important}.booking .toggle-switch:after{display:none!important}.booking .toggle-switch input{opacity:0;width:0;height:0}.booking .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:var(--border-radius)}.booking .toggle-slider:before{position:absolute;content:"";height:32px;width:32px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0003}.booking .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#10b981,#059669)}.booking .toggle-switch input:checked+.toggle-slider:before{transform:translate(32px)}.status-label{flex:1}.status-badge{display:inline-block;padding:6px 16px;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;margin-bottom:8px}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-label p{color:var(--gray);margin:0;font-size:.95rem}.booking-url-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:var(--border-radius);padding:24px;border:2px solid #fbbf24}.booking-url-section label{display:block;font-weight:600;color:#92400e;margin-bottom:12px;font-size:1rem}.url-input-group{display:flex;gap:8px;margin-bottom:8px}.url-input{flex:1;padding:12px 16px;border:2px solid #fbbf24;border-radius:var(--border-radius);font-size:1rem;background:#fff;color:var(--text-color);font-weight:500}.url-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #fbbf2433}.success-text{color:#065f46;font-weight:600;display:block;margin-top:8px}.booking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.booking-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:all .3s ease}.booking-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:16px;padding:24px;border-bottom:2px solid var(--light-gray);background:linear-gradient(135deg,#ec48990d,#f973160d)}.card-header svg,.card-icon{color:var(--primary-color);font-size:2rem;flex-shrink:0}.card-header h3{margin:0 0 4px;color:var(--text-color);font-size:1.3rem;font-weight:700}.card-header p{margin:0;color:var(--gray);font-size:.9rem}.card-content{padding:24px}.form-group{margin-bottom:24px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-weight:600;color:var(--text-color);margin-bottom:8px;font-size:.95rem}.form-group small{display:block;color:var(--gray);font-size:.85rem;margin-top:6px}.modern-input{width:100%;padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:all .3s ease;background:var(--white);color:var(--text-color)}.modern-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.modern-textarea{width:100%;padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:var(--white);color:var(--text-color)}.modern-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.color-picker-group{display:flex;gap:12px;align-items:center}.color-picker{width:60px;height:60px;border:2px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.color-picker:hover{border-color:var(--primary-color);transform:scale(1.05)}.color-input{flex:1;padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;font-family:monospace;background:var(--white);color:var(--text-color)}.color-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.checkbox-group{display:flex;flex-direction:column;gap:16px}.required-fields-list{display:flex;flex-direction:column;gap:0;width:100%;background:var(--bg-subtle);border-radius:var(--border-radius);padding:8px}.required-field-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px;border-radius:var(--border-radius);transition:all .2s ease}.required-field-row:hover{background:#fff9}.required-field-row:not(:last-child){margin-bottom:8px}.required-field-row .toggle-label h4{margin:0}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;border-radius:var(--border-radius);transition:all .2s ease}.checkbox-label:hover{background:var(--bg-subtle)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-label span{font-size:1rem;color:var(--text-color);font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.loading-container p{color:var(--gray);font-size:1.1rem}.success-message{position:fixed;bottom:32px;right:32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:16px 24px;border-radius:var(--border-radius);box-shadow:0 8px 24px #10b98166;font-weight:600;font-size:1rem;z-index:1000;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:1024px){.booking-grid{grid-template-columns:1fr}}@media(max-width:768px){.view-header{flex-direction:column;align-items:flex-start;gap:16px}.view-header h2{font-size:1.5rem}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%;justify-content:center}.view-content{padding:20px}.booking-content{gap:20px}.status-toggle{flex-direction:column;align-items:flex-start;gap:16px}.booking-grid{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.checkbox-group{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;padding:12px!important;margin:0!important}.checkbox-label span{flex:1!important;min-width:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.5!important;font-size:.9rem!important;display:block!important}.checkbox-label input[type=checkbox]{flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;margin-right:12px!important;margin-top:2px!important}.booking-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important}.card-header{padding:16px!important;flex-wrap:wrap!important}.card-header h3{font-size:1.1rem!important}.card-header p{font-size:.85rem!important}.card-content{padding:16px!important}.form-group{margin-bottom:16px!important}.modern-input,.modern-textarea{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:.95rem!important}.color-picker-group{flex-wrap:wrap!important;gap:8px!important}.color-picker{width:50px!important;height:50px!important}.color-input{min-width:0!important;flex:1 1 auto!important}}@media(max-width:480px){.booking-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:0!important;margin:0!important}.booking-card{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;border-radius:var(--border-radius)!important}.view-content{padding:16px!important;overflow-x:hidden!important}.card-header{padding:12px 16px!important;gap:12px!important}.card-header svg,.card-icon{font-size:1.5rem!important}.card-header h3{font-size:1rem!important;line-height:1.3!important}.card-header p{font-size:.8rem!important;line-height:1.3!important}.card-content{padding:12px 16px!important}.form-group label{font-size:.9rem!important}.modern-input,.modern-textarea{padding:10px 12px!important;font-size:.9rem!important}.checkbox-group{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:flex-start!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;padding:12px!important;margin:0!important;flex-wrap:nowrap!important}.checkbox-label span{flex:1!important;min-width:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;line-height:1.5!important;font-size:.9rem!important;display:block!important}.checkbox-label input[type=checkbox]{flex-shrink:0!important;width:20px!important;height:20px!important;min-width:20px!important;margin-right:12px!important;margin-top:2px!important}}.availability-card{margin-top:24px}.availability-form{margin-bottom:24px;padding:20px;background:var(--bg-subtle);border-radius:var(--border-radius)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.form-group label{font-weight:600;color:var(--text-primary);font-size:.875rem}.form-group input,.form-group select{padding:10px 12px;border:2px solid var(--border-color);border-radius:var(--border-radius);background:var(--white);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.checkbox-label{flex-direction:row!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.availability-rules{margin-top:24px}.availability-rules h4{margin-bottom:16px;color:var(--text-primary);font-size:1.125rem;font-weight:600}.empty-state{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem;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{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--white);border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all .2s ease}.rule-item.active{border-color:var(--success-color);background:linear-gradient(135deg,#10b9810d,#0596690d)}.rule-item.inactive{border-color:var(--border-color);opacity:.7}.rule-info{flex:1;display:flex;flex-direction:column;gap:4px}.rule-type{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary);font-size:.875rem}.rule-details{font-weight:500;color:var(--text-secondary);font-size:.875rem}.rule-description{color:var(--text-secondary);font-size:.8rem;font-style:italic}.rule-actions{display:flex;align-items:center;gap:12px}.btn-danger{background:var(--danger-color);color:#fff;border:none;padding:8px 12px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{padding:6px 10px;font-size:.75rem}@media(max-width:768px){.form-row{grid-template-columns:1fr}.rule-item{flex-direction:column;align-items:flex-start;gap:12px}.rule-actions{align-self:flex-end}}.availability-section{border:2px solid var(--theme-primary, #D4817E);background:linear-gradient(to bottom,rgba(212,129,126,.05) 0%,var(--white) 20%)}.availability-section .card-header{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;margin:0;line-height:1.4}.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{width:100%;max-width:none;margin:0}.reminder-modal{width:1200px!important;max-width:1200px!important}.reminders .view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-direction:row!important}.reminders .view-header h2{color:var(--text-title);font-size:2rem;font-weight:300}@media(min-width:641px){.reminders .view-header{flex-direction:row!important;align-items:center!important}}@media(max-width:640px){.reminders .view-header{flex-direction:column;align-items:flex-start;gap:15px}.reminders .view-header h2{font-size:1.5rem}}.reminders-search{margin-bottom:24px}.reminders-search .search-box{position:relative;display:flex;align-items:center;max-width:400px;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.reminders-search .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.reminders-search .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.reminders-search .search-box input:focus{outline:none}.reminders-search .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.reminders-search .clear-search:hover{background:var(--gray)}.reminders .header-actions{flex:1!important;display:flex!important;gap:12px!important;align-items:center!important;align-self:flex-start!important;justify-content:flex-end!important;margin-top:0!important}.reminders .header-actions .btn,.reminders .header-actions .btn-primary,.reminders .header-actions .btn.btn-primary{min-height:45px!important;padding:9px 24px!important;height:45px!important;font-size:1rem!important;flex:1!important;max-width:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;line-height:1.5!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.reminders .badge{background:#fff;color:var(--warning-color);padding:2px 8px;border-radius:var(--border-radius);font-size:.85rem;font-weight:700;min-width:24px;text-align:center;margin-left:6px}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.reminder-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.reminder-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);opacity:0;transition:opacity .3s ease}.reminder-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.reminder-card:hover:before{opacity:1}.reminder-card.unviewed{border-color:var(--warning-color);background:var(--bg-primary);box-shadow:0 2px 8px #f39c1226}.reminder-card.unviewed:before{background:var(--warning-color);opacity:1;width:6px}.reminder-content{flex:1}.reminder-body{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.5;margin-bottom:8px;word-wrap:break-word}.reminder-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.reminder-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border-light)}.btn-icon{padding:8px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.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{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{opacity:.3}.empty-state p{font-size:1.2rem;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .2s ease}.modal-content{background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);max-width:1200px;width:95%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.unviewed-modal{max-width:1400px!important;width:98%!important}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-bottom:1px solid var(--border-light);background:transparent}.modal-header h2{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:300;color:var(--text-title);margin:0;letter-spacing:-.02em}.modal-close{background:var(--bg-tertiary);border:1px solid var(--border-light);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;border-radius:var(--border-radius);width:36px;height:36px}.modal-close:hover{background:var(--error-color);border-color:var(--error-color);color:#fff;transform:scale(1.05)}.modal-body{padding:32px 40px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.form-group{margin-bottom:28px}.form-group label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group textarea,.form-group input[type=date],.form-group input[type=time]{width:100%;padding:14px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.form-group textarea:focus,.form-group input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #d4817e14}.form-group textarea{resize:vertical;min-height:120px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:16px}}.notification-warning{background:#f39c121a;border:1px solid var(--warning-color);border-radius:var(--border-radius);padding:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--text-primary);margin-top:16px}.notification-warning button{padding:6px 12px;background:var(--warning-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.notification-warning button:hover{background:#f39c12;transform:scale(1.05)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px 40px;border-top:1px solid var(--border-light);background:transparent}.btn-cancel,.btn-save{padding:12px 28px;border-radius:var(--border-radius);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-cancel{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-light)}.btn-cancel:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.btn-save{background:var(--primary-color);color:#fff}.btn-save:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-save:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary);border-color:var(--border-light);color:var(--text-secondary)}.unviewed-reminders-grid{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(--border-radius);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 8px #f39c121f;position:relative;overflow:hidden}.unviewed-reminder-card:before{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:var(--warning-color)}.btn-mark-viewed{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--success-color);color:#fff;border:none;border-radius:var(--border-radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.btn-mark-viewed:hover{background:#059669;transform:scale(1.02)}.btn-delete-small{padding:8px;background:var(--error-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-delete-small:hover{background:#c62828;transform:scale(1.1)}.loading{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}@media(max-width:768px){.reminders .header-actions{width:100%;flex-direction:column}.reminders .btn{width:100%;justify-content:center}.reminders-grid,.form-row{grid-template-columns:1fr}.modal-content{width:95%}.modal-header h2{font-size:1.2rem}.reminder-modal .modal-section .form-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:100%!important;grid-template-columns:1fr!important;margin:0!important;padding:0!important}.reminder-modal .modal-section .form-row label{width:100%!important;max-width:100%!important;margin-bottom:0!important;flex-shrink:0!important}.reminder-modal .modal-section .form-row textarea{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:150px!important;resize:vertical!important;padding:14px 16px!important;margin:0!important;flex:1 1 auto!important;align-self:stretch!important}.reminder-modal .modal-section{padding:24px 20px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;overflow:visible!important}.reminder-modal .modal-body{padding:20px 16px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.reminder-modal{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}.support-tickets-container{display:flex;flex-direction:column;height:100%;background:var(--bg-app)}.support-tickets-container .header-actions{flex:1!important;display:flex!important;gap:12px!important;align-items:center!important;align-self:flex-start!important;justify-content:flex-end!important;margin-top:0!important}.support-tickets-container .header-actions .btn,.support-tickets-container .header-actions .btn-primary,.support-tickets-container .header-actions .btn.btn-primary{min-height:45px!important;padding:9px 24px!important;height:45px!important;font-size:1rem!important;flex:1!important;max-width:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;line-height:1.5!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}.support-content{display:grid;grid-template-columns:400px 1fr;gap:20px;height:calc(100vh - 180px);padding:20px;overflow:hidden}.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:var(--border-radius);padding:16px;cursor:pointer;transition:all .2s}.ticket-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.ticket-card.active{border-color:var(--primary-color);background:var(--bg-secondary)}.ticket-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-status{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:4px 12px;border-radius:var(--border-radius);color:#fff;letter-spacing:.5px}.ticket-priority{font-size:.85rem;font-weight:600;text-transform:capitalize}.ticket-title{font-size:1rem;font-weight:600;margin:0 0 8px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticket-category{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px}.ticket-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-secondary);padding-top:12px;border-top:1px solid var(--border-light)}.ticket-date,.ticket-messages{display:flex;align-items:center;gap:6px}.ticket-detail{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);overflow:hidden}.ticket-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--bg-secondary) 0%,transparent 100%)}.ticket-detail-header h2{margin:0 0 8px;font-size:1.5rem;color:var(--text-primary)}.ticket-meta{display:flex;gap:16px;font-size:.9rem;color:var(--text-secondary)}.meta-item{display:flex;align-items:center;gap:6px}.ticket-actions{display:flex;gap:12px}.ticket-detail-close-btn,.ticket-detail-top-header{display:none}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;gap:16px;min-height:0}.message{display:flex;flex-direction:column;gap:8px;max-width:85%;animation:messageAppear .3s ease-out}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-initial{max-width:100%;background:var(--bg-secondary);border:1px solid var(--info-color);border-radius:var(--border-radius);padding:16px}.message-client{align-self:flex-end;align-items:flex-end;border:none!important;border-left:none!important}.message-client .message-header{background:transparent!important}.message-support{align-self:flex-start;align-items:flex-start}.message-header{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem;background:transparent}.message-header strong{color:var(--text-primary);font-weight:600}.message-date{color:var(--text-secondary);font-size:.75rem}.message-content{background:var(--bg-primary);padding:12px 16px;border-radius:var(--border-radius);color:var(--text-primary);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.message-client .message-content{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px}.message-support .message-content{background:#f3f4f6;color:var(--text-primary);border-bottom-left-radius:4px}.message-initial .message-content{background:transparent;padding:0}.message-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:12px}.message-attachment-image{width:100%;max-width:200px;height:auto;border-radius:var(--border-radius);border:1px solid var(--border-light);cursor:pointer;transition:all .2s}.message-attachment-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003;border-color:var(--primary-color)}.message-input-container{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-light);background:var(--bg-app);align-items:center}.message-input-container textarea{flex:1;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-family:inherit;font-size:.95rem;resize:vertical;min-height:45px;height:45px;max-height:45px;transition:border-color .2s;line-height:1.4;display:flex;align-items:center}.message-input-container textarea:focus{outline:none;border-color:var(--primary-color)}.btn-send{align-self:center;min-width:100px;height:45px;min-height:45px;max-height:45px;display:inline-flex;align-items:center;justify-content:center}.ticket-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:40px}.ticket-detail-empty svg{color:var(--text-secondary);margin-bottom:16px}.ticket-detail-empty h3{margin:0 0 8px;color:var(--text-primary)}.ticket-detail-empty p{margin:0;font-size:.95rem}.empty-state p{margin:0;font-size:.95rem}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.1rem;color:var(--text-secondary)}.file-upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;margin-top:8px}.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{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-app);border:1px solid var(--border-light);border-radius:var(--border-radius);transition:all .2s}.file-preview-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.file-preview-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--border-light)}.file-preview-info{flex:1;display:flex;flex-direction:column;gap:4px}.file-name{font-size:.9rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:.8rem;color:var(--text-secondary)}.file-remove-btn{padding:6px;background:#fee2e2;color:#dc2626;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.file-remove-btn:hover{background:#fecaca;transform:scale(1.1)}.support-tickets-container .modal-backdrop .modal.modal-large .modal-header{display:flex;justify-content:space-between;align-items:center;padding:28px 40px;border-bottom:1px solid var(--border-light);background:transparent}.support-tickets-container .modal-backdrop .modal.modal-large .modal-header h3{display:flex;align-items:center;gap:12px;font-size:1.75rem;font-weight:300;color:var(--text-title);margin:0;letter-spacing:-.02em}.support-tickets-container .modal-backdrop .modal.modal-large .modal-body{padding:32px 40px!important;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.support-tickets-container .modal-backdrop .modal.modal-large .modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:24px 40px;border-top:1px solid var(--border-light);background:transparent}.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group{margin-bottom:28px}.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group input,.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:1rem;font-family:inherit;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group input:focus,.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group textarea:focus{outline:none;border-color:var(--primary-color);background:var(--bg-primary);box-shadow:0 0 0 3px #d4817e14}.support-tickets-container .modal-backdrop .modal.modal-large .modal-body .form-group textarea{resize:vertical;min-height:120px;line-height:1.5}@media(max-width:968px){.support-content{grid-template-columns:1fr;height:auto}.ticket-detail{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.ticket-detail-top-header{position:absolute!important;top:calc(80px + env(safe-area-inset-top,0px))!important;left:0!important;right:0!important;z-index:10002!important;height:45px!important;min-height:45px!important;max-height:45px!important;padding:4px 20px!important;background:transparent!important;border-bottom:none!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;pointer-events:none!important}.ticket-detail-top-header .ticket-detail-close-btn{pointer-events:auto!important}.ticket-detail-header{position:relative!important;z-index:10001!important;padding:60px 20px 16px!important;border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%)!important;color:#fff;flex-shrink:0;margin-top:0!important}.ticket-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);z-index:0}.ticket-detail-header>*{position:relative;z-index:1}.ticket-detail-header h2{color:#fff!important;margin-bottom:12px}.ticket-detail-header .ticket-meta{color:#ffffffe6}.ticket-detail-header .ticket-actions{position:absolute;top:16px;right:20px;z-index:2}.ticket-detail-close-btn{background:#0000001a!important;border:2px solid var(--border-light)!important;color:var(--text-primary)!important;width:40px!important;height:40px!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;flex-shrink:0!important}.ticket-detail-close-btn:hover{background:#00000026!important;border-color:var(--primary-color)!important;color:var(--primary-color)!important}.messages-container{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;-webkit-overflow-scrolling:touch!important}.message-input-container{align-items:center!important;padding:16px 20px!important;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;position:sticky!important;bottom:0!important;background:var(--bg-app)!important;z-index:1000!important;border-top:1px solid var(--border-light)!important;display:flex!important;flex-direction:row!important}.message-input-container textarea{min-height:45px!important;height:45px!important;max-height:45px!important;padding:10px 16px!important;line-height:1.4!important;resize:none!important;flex:1!important;width:100%!important;margin-right:2px!important;display:flex!important;align-items:center!important}.btn-send,.message-input-container .btn-send,.message-input-container button.btn-send,.message-input-container .btn.btn-primary.btn-send,.message-input-container button.btn.btn-primary.btn-send{height:24px!important;min-height:24px!important;max-height:24px!important;width:24px!important;min-width:24px!important;max-width:24px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;align-self:center!important;flex-shrink:0!important;background:transparent!important;background-color:transparent!important;border:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important;outline:none!important;box-shadow:none!important;font-size:0!important;border-radius:0!important;vertical-align:middle!important}.btn-send:hover:not(:disabled),.message-input-container .btn-send:hover:not(:disabled){background:transparent!important;background-color:transparent!important;border:none!important;transform:scale(1.1)!important}.btn-send:disabled,.message-input-container .btn-send:disabled{opacity:.4!important;cursor:not-allowed!important;background:transparent!important}.btn-send svg,.message-input-container .btn-send svg{margin:0!important;padding:0!important;flex-shrink:0!important;font-size:18px!important;width:18px!important;height:18px!important;color:var(--primary-color)!important}.btn-send:disabled svg,.message-input-container .btn-send:disabled svg{color:var(--text-secondary)!important}.btn-send>*:not(svg),.message-input-container .btn-send>*:not(svg){display:none!important}.btn-send:before,.btn-send:after,.message-input-container .btn-send:before,.message-input-container .btn-send:after{content:none!important;display:none!important}.message{max-width:90%}.file-preview-thumbnail{width:50px;height:50px}.uploaded-files-preview{gap:8px}}.support-admin-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app);overflow:visible}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;color:var(--text-secondary)}.admin-loading .spin{animation:spin 1s linear infinite}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 12px #0000001a}.admin-header-left h1{margin:0;font-size:24px;font-weight:700}.admin-header-left p{margin:4px 0 0;font-size:14px;opacity:.9}.tech-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border-radius:var(--border-radius);font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:var(--primary-color);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:24px 32px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.stat-card{padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all .2s}.stat-card:hover{transform:translateY(-2px);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;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.admin-controls{display:flex;gap:16px;padding:20px 32px;background:var(--bg-primary);border-bottom:1px solid var(--border-light);flex-wrap:wrap}.search-box{position:relative;display:flex;align-items:center;flex:1;min-width:250px;width:100%;height:45px;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white, var(--bg-secondary));transition:all .2s;box-sizing:border-box}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c21a}.search-box svg{position:absolute;left:12px;color:var(--text-secondary, var(--gray));z-index:2;pointer-events:none}.admin-controls .search-box input[type=text],.search-box input[type=text],.admin-controls .search-box input,.search-box input{width:100%;padding:10px 40px!important;border:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important;border-radius:0!important;font-size:.95rem!important;height:45px!important;min-height:45px!important;position:relative;z-index:1;background-color:transparent!important;outline:none!important;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-controls .search-box input[type=text]:focus,.search-box input[type=text]:focus,.admin-controls .search-box input:focus,.search-box input:focus,.admin-controls .search-box input:focus-visible,.search-box input:focus-visible{outline:none!important;border:none!important;border-width:0!important;border-style:none!important;border-color:transparent!important;box-shadow:none!important}.clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.clear-search:hover{background:var(--gray)}.filter-section{display:flex;gap:16px;align-items:center;flex-wrap:wrap;height:45px}.filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.priority-filter-container{display:flex;align-items:center;gap:8px;height:45px;line-height:45px}.priority-filter-label{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;display:flex;align-items:center;height:45px;line-height:45px;margin:0;padding:0}.admin-controls .priority-filter-container .custom-dropdown,.priority-filter-container .custom-dropdown{height:45px!important;min-height:45px!important;max-height:45px!important;display:flex!important;align-items:center!important;vertical-align:middle!important;margin:0!important;padding:0!important;width:auto!important}.admin-controls .priority-filter-container .custom-dropdown-trigger,.priority-filter-container .custom-dropdown-trigger{height:45px!important;min-height:45px!important;max-height:45px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;line-height:45px!important;vertical-align:middle!important;padding:0 12px!important;box-sizing:border-box!important;margin:0!important;border:2px solid #e2e8f0!important;width:100%!important}.filter-buttons button{padding:10px 20px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.filter-buttons button:hover{background:var(--bg-hover);border-color:var(--primary-color)}.filter-buttons button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-content{display:grid;grid-template-columns:450px 1fr;gap:24px;padding:24px 32px;height:calc(100vh - 350px);overflow:visible}.tickets-list-admin{display:flex;flex-direction:column;gap:12px;overflow-y:visible;padding-right:8px;max-height:none}.ticket-card-admin{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:16px;cursor:pointer;transition:all .2s}.ticket-card-admin:hover{border-color:var(--primary-color);transform:translate(4px);box-shadow:0 4px 12px #0000001a}.ticket-card-admin.active{border-color:var(--primary-color);background:var(--bg-secondary);box-shadow:0 4px 16px #667eea33}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-card-left{display:flex;gap:8px;flex-wrap:wrap}.ticket-stato-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--border-radius);font-size:12px;font-weight:600;text-transform:capitalize}.ticket-priorita-badge{font-size:12px;font-weight:700;text-transform:uppercase;padding:4px 12px;border-radius:var(--border-radius);background:#0000000d}.ticket-id{font-size:13px;font-weight:600;color:var(--text-secondary);font-family:Courier New,monospace}.ticket-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ticket-card-description{font-size:14px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.ticket-card-company-info{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px;padding:12px;background:var(--bg-secondary);border-radius:var(--border-radius);border-left:3px solid var(--accent-color, var(--primary-color))}.ticket-card-company-info span{font-size:12px;color:var(--text-primary);font-weight:500}.ticket-company-name,.ticket-license-number,.ticket-operator-name{display:flex;align-items:center;gap:6px}.ticket-license-number{color:var(--text-primary);font-weight:500}.ticket-license-number span{font-family:Courier New,monospace;font-weight:700;font-size:13px;color:var(--accent-color, #667eea);background:#667eea4d;padding:4px 10px;border-radius:var(--border-radius);letter-spacing:.5px;border:1px solid rgba(102,126,234,.5)}.ticket-operator-name,.ticket-operator-name span{color:var(--text-primary);font-weight:600}.ticket-card-footer{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);padding-top:12px;border-top:1px solid var(--border-light)}.ticket-time,.ticket-messages,.ticket-assigned{display:flex;align-items:center;gap:6px}.ticket-detail-admin{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);overflow:visible;height:100%}.ticket-detail-header-actions{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);gap:12px;flex-wrap:wrap}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{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}.ticket-header-left>*{display:flex;align-items:center;height:40px}.priority-dropdown-container,.assign-dropdown-container{height:40px;display:flex;align-items:center;position:relative}.btn-assign-header,.btn-resolve-header{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;height:40px;line-height:40px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap;vertical-align:middle;box-sizing:border-box}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:var(--success-color, #10B981);color:#fff;border-color:var(--success-color, #10B981)}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:var(--success-color-dark, #059669);border-color:var(--success-color-dark, #059669)}.btn-close-ticket{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid var(--border-light);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}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:var(--error-color-light, rgba(239, 68, 68, .1));border-color:var(--error-color, #EF4444);color:var(--error-color, #EF4444)}.ticket-detail-admin-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px;background:linear-gradient(135deg,var(--bg-secondary) 0%,transparent 100%);border-bottom:1px solid var(--border-light)}.ticket-detail-meta{display:flex;gap:12px;align-items:center;margin-bottom:12px}.ticket-detail-id{font-family:Courier New,monospace;font-weight:600;color:var(--text-secondary)}.ticket-detail-stato{padding:4px 12px;border-radius:var(--border-radius);font-size:12px;font-weight:600;color:#fff;text-transform:capitalize}.ticket-detail-admin-header h2{margin:0 0 16px;font-size:20px;color:var(--text-primary)}.ticket-detail-company-info{display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius);border-left:3px solid var(--accent-color, var(--primary-color))}.ticket-info-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.ticket-info-row strong{color:var(--text-secondary);font-weight:600;min-width:140px}.ticket-info-row:has(strong:contains("Codice Licenza")){color:var(--accent-color, var(--primary-color))}.ticket-info-license{color:var(--text-primary)}.ticket-info-license strong{color:var(--accent-color, var(--primary-color));font-weight:700}.license-number-value{font-family:Courier New,monospace;font-weight:700;font-size:15px;color:var(--accent-color, #667eea);background:#667eea4d;padding:6px 12px;border-radius:var(--border-radius);letter-spacing:1px;display:inline-block;margin-left:4px;border:1px solid rgba(102,126,234,.5)}.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{display:flex;gap:12px;position:relative;align-items:center;flex-wrap:wrap}.priority-dropdown-container{display:flex;align-items:center;gap:8px;height:40px}.priority-dropdown-container .custom-dropdown{height:40px!important;min-height:45px!important;max-height:40px!important;display:inline-flex!important;align-items:center!important;width:auto!important;margin:0!important;vertical-align:middle!important}.priority-dropdown-container .custom-dropdown-trigger{height:40px!important;min-height:45px!important;max-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;padding:0 12px!important;box-sizing:border-box!important;line-height:40px!important;margin:0!important;vertical-align:middle!important;width:100%!important}.priority-label{font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap}.assign-dropdown-container{position:relative}.assign-dropdown{position:absolute;top:100%;left:0;margin-top:8px;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;z-index:1000;min-width:280px;max-height:400px;overflow-y:auto}.assign-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light);font-weight:600;color:var(--text-primary)}.assign-current-info{padding:10px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);font-size:13px;color:var(--text-secondary)}.assign-current-info strong{color:var(--text-primary);font-weight:600}.assign-search-container{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);position:relative}.assign-search-container svg{color:var(--text-secondary);flex-shrink:0}.assign-search-input{flex:1;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);padding:8px 12px;font-size:14px;color:var(--text-primary);outline:none;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{position:absolute;right:24px;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all .2s}.assign-search-clear:hover{background:var(--bg-hover);color:var(--text-primary)}.assign-no-results{padding:20px;text-align:center;color:var(--text-secondary);font-size:14px;font-style:italic}.assign-dropdown-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);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{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border:none;border-radius:var(--border-radius);cursor:pointer;text-align:left;transition:all .2s;margin-bottom:4px}.assign-option:hover{background:var(--bg-hover);transform:translate(4px)}.assign-option:last-child{margin-bottom:0}.assign-option svg{color:var(--accent-color, var(--primary-color));flex-shrink:0}.assign-option-name{font-weight:600;color:var(--text-primary);font-size:14px}.assign-option-email{font-size:12px;color:var(--text-secondary);margin-top:2px}.assign-option-current{background:#667eea1a;border:1px solid rgba(102,126,234,.3)}.assign-option-current:hover{background:#667eea26}.assign-current-badge{margin-left:auto;padding:4px 8px;background:var(--accent-color, var(--primary-color));color:#fff;border-radius:var(--border-radius);font-size:11px;font-weight:600}.btn-assign,.btn-resolve{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s}.btn-assign{background:#8b5cf6;color:#fff}.btn-resolve{background:#10b981;color:#fff}.btn-assign:hover,.btn-resolve:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ticket-status-buttons{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--border-light);overflow-x:visible;flex-wrap:wrap;min-height:auto}.ticket-status-buttons button{padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s;white-space:nowrap}.ticket-status-buttons button:hover{background:var(--bg-hover)}.ticket-status-buttons button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.messages-container-admin{flex:1;overflow:visible;padding:24px;display:flex;flex-direction:column;gap:16px;min-height:auto;max-height:none}.message-admin{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:var(--border-radius);animation:slideIn .3s ease-out}@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{background:transparent;border:none}.message-client .message-header{background:transparent}.message-support{background:#eff6ff;border-left:4px solid #10B981}.message-internal{background:#fef3c7;border-left:4px solid #F59E0B}.message-admin .message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-admin .message-header strong{font-size:14px;color:var(--text-primary)}.message-date{font-size:12px;color:var(--text-secondary)}.message-admin .message-content{font-size:15px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.message-input-admin{padding:20px 24px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.internal-note-toggle{margin-bottom:12px;display:flex;align-items:center}.internal-note-toggle .toggle-label-inline{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer;gap:12px}.internal-note-toggle .toggle-label-text{font-size:14px;font-weight:600;color:var(--text-primary);flex:1}.internal-note-toggle .toggle-switch-modern{position:relative;width:56px;height:32px;border-radius:999px;background:var(--border-light);cursor:pointer;transition:all .3s ease;flex-shrink:0;outline:none}.internal-note-toggle .toggle-switch-modern:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--bg-primary);border-radius:50%;box-shadow:0 4px 10px #00000026;transition:all .3s ease}.internal-note-toggle .toggle-switch-modern.active{background:var(--theme-primary, var(--primary-color, #667eea))}.internal-note-toggle .toggle-switch-modern.active:after{transform:translate(24px)}.message-input-admin textarea{width:100%;padding:12px 16px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-family:inherit;font-size:15px;resize:vertical;margin-bottom:12px;transition:border-color .2s;background:var(--bg-primary);color:var(--text-primary)}.message-input-admin textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}.btn-send-admin{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s;margin-left:auto}.btn-send-admin:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-send-admin:disabled{opacity:.5;cursor:not-allowed}.ticket-detail-admin-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:40px}.ticket-detail-admin-empty svg{color:var(--text-tertiary);margin-bottom:16px;opacity:.5}.ticket-detail-admin-empty h3{margin:0 0 8px;color:var(--text-primary)}.ticket-detail-admin-empty p{margin:0;font-size:15px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary)}.empty-state svg{color:var(--text-tertiary);margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;color:var(--text-primary)}.empty-state p{margin:0;font-size:15px}@media(max-width:1200px){.admin-content{grid-template-columns:1fr;height:auto}.ticket-detail-admin{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-radius:0}}@media(max-width:768px){.admin-header{flex-direction:column;align-items:flex-start;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{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:24px;min-height:540px}.crm-messaging__sidebar{background:#fff;border-radius:var(--border-radius);box-shadow:0 18px 40px #0f172a1f;padding:20px;display:flex;flex-direction:column;gap:18px}.crm-messaging__sidebar-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;color:#0f172a}.crm-messaging__sidebar-header p{margin:6px 0 0;color:#475569;font-size:14px;line-height:1.4}.crm-messaging__controls{display:flex;flex-direction:column;gap:12px}.crm-messaging__search{border-radius:var(--border-radius);border:1px solid rgba(148,163,184,.35);padding:10px 14px;display:flex;align-items:center;gap:10px;background:#f8fafccc}.crm-messaging__search svg{color:#6366f1}.crm-messaging__search input{border:none;outline:none;background:transparent;flex:1;font-size:14px;color:#0f172a}.crm-messaging__filter{border:none;border-radius:var(--border-radius);padding:10px 14px;display:inline-flex;align-items:center;gap:8px;background:#0f172a0f;color:#0f172a;font-weight:600;cursor:pointer;transition:all .18s ease}.crm-messaging__filter svg{opacity:.7}.crm-messaging__filter.is-active{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;box-shadow:0 14px 32px #6366f147}.crm-messaging__thread-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 260px);padding-right:4px}.crm-thread{border:none;border-radius:var(--border-radius);padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;background:#f8fafcd9;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;text-align:left}.crm-thread:hover{transform:translateY(-2px);box-shadow:0 14px 32px #0f172a1f;background:#fff}.crm-thread.is-active{background:linear-gradient(135deg,#6366f12e,#ec48992e);border:1px solid rgba(99,102,241,.35)}.crm-thread__avatar{width:42px;height:42px;border-radius:var(--border-radius);background:#6366f12e;display:grid;place-items:center;font-weight:700;color:#4338ca;font-size:14px;overflow:hidden}.crm-thread__avatar img{width:100%;height:100%;object-fit:cover}.crm-thread__content{display:grid;gap:6px}.crm-thread__top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.crm-thread__name{font-weight:600;color:#0f172a;font-size:15px}.crm-thread__time{font-size:12px;color:#64748b}.crm-thread__meta{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#64748b}.crm-thread__phone{font-variant-numeric:tabular-nums}.crm-thread__status{text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#6366f1}.crm-thread__preview{margin:0;font-size:13px;color:#475569;line-height:1.4;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-thread__badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;font-weight:700;font-size:12px;padding:0 8px}.crm-messaging__conversation{background:#fff;border-radius:var(--border-radius);box-shadow:0 18px 40px #0f172a1f;padding:24px;display:flex;flex-direction:column;gap:18px;position:relative}.crm-conversation__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.25)}.crm-conversation__identity{display:flex;align-items:center;gap:16px}.crm-conversation__identity h4{margin:0;font-size:17px;color:#0f172a}.crm-conversation__details{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#475569}.status-pill{padding:4px 10px;border-radius:999px;background:#6366f126;color:#4338ca;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.crm-conversation__timeline{flex:1;display:flex;flex-direction:column;gap:14px;overflow-y:auto;max-height:calc(100vh - 320px);padding-right:6px}.crm-chat-bubble{max-width:72%;padding:12px 16px;border-radius:var(--border-radius);display:grid;gap:8px;position:relative;box-shadow:0 12px 28px #0f172a1f}.crm-chat-bubble--staff{margin-left:auto;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;border-radius:var(--border-radius) 18px 6px 18px}.crm-chat-bubble--customer{margin-right:auto;background:#f8fafcf2;border:1px solid rgba(148,163,184,.25);color:#0f172a;border-radius:var(--border-radius) 18px 18px 6px}.crm-chat-bubble__text{margin:0;font-size:14px;line-height:1.5}.crm-chat-bubble__meta{display:flex;align-items:center;gap:10px;font-size:12px;opacity:.8}.crm-chat-bubble__status{display:flex;align-items:center}.crm-conversation__composer{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.25)}.crm-conversation__composer input{border:1px solid rgba(148,163,184,.35);border-radius:var(--border-radius);padding:14px 16px;font-size:15px;outline:none;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{border:none;border-radius:var(--border-radius);background:linear-gradient(135deg,#22d3ee,#34d399);color:#0f172a;font-weight:700;padding:14px 18px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.crm-conversation__composer button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.crm-conversation__composer button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 42px #22d3ee52}.crm-messaging__placeholder{border-radius:var(--border-radius);background:#f8fafce6;border:1px dashed rgba(148,163,184,.35);padding:18px;font-size:14px;color:#475569;text-align:center}.crm-messaging__empty{display:grid;place-items:center;text-align:center;gap:16px;color:#475569;padding:60px 20px}.crm-messaging__empty h3{margin:0;color:#0f172a}.crm-messaging__empty p{margin:0;max-width:360px;line-height:1.5}.crm-messaging__error{position:absolute;bottom:24px;left:24px;right:24px;padding:12px 14px;background:#f8717126;border:1px solid rgba(248,113,113,.35);color:#b91c1c;border-radius:var(--border-radius);font-size:14px}.crm-spinner{animation:crm-spin .8s linear infinite}@keyframes crm-spin{to{transform:rotate(360deg)}}@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-direction:column;height:100%;width:100%}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.view-header h2{color:var(--text-title);font-size:2rem;font-weight:300}.crm-tabs{display:flex!important;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-light);overflow-x:auto;visibility:visible!important;opacity:1!important;min-height:47px!important;height:auto!important;flex-shrink:0!important}.crm-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:47px!important;height:auto!important;box-sizing:border-box!important}.crm-tab:hover{color:var(--primary-color);background:var(--bg-hover)}.crm-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-subtle);border-radius:var(--border-radius)!important}.crm-content{flex:1;overflow-y:auto;padding:20px;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:none!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;min-height:0}.view-content{flex:1;overflow-y:auto;padding:20px;background:transparent!important;border-radius:0!important;box-shadow:none!important;border:none!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;min-height:0;box-sizing:border-box;max-width:100%;width:100%}.crm-overview{display:flex;flex-direction:column;gap:32px;width:100%;max-width:100%;box-sizing:border-box}.crm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:var(--white);border-radius:var(--border-radius);padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-sm);border:2px solid var(--light-gray);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.stat-icon{width:64px;height:64px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:8px}.stat-label{font-size:.95rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.crm-quick-actions{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.crm-quick-actions h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-weight:500}.action-card:hover{border-color:var(--primary-color);background:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-card svg{stroke-width:2}.crm-contacts{display:flex;flex-direction:column;gap:20px}.crm-filters{display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;justify-content:space-between;border-radius:var(--border-radius)}.search-box{position:relative;flex:1;min-width:300px;display:flex;align-items:center;border:2px solid var(--light-gray);border-radius:var(--border-radius)!important;background-color:var(--white);transition:border-color .2s ease;overflow:hidden}@media(min-width:768px)and (max-width:1024px){.search-box,.crm-filters .custom-dropdown,.crm-filters-right .custom-dropdown{min-width:0!important;max-width:100%!important}.crm-filters-right .btn{min-width:0!important;white-space:normal!important}}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--gray);pointer-events:none;z-index:2}.search-box input{width:100%;height:45px;padding:0 12px 0 46px;border:none;border-radius:var(--border-radius)!important;font-size:.95rem;transition:border-color .2s ease;position:relative;z-index:1;background-color:transparent;outline:none}.search-box input:focus{outline:none}.crm-filters-right{display:flex;gap:12px;align-items:center;flex-wrap:nowrap;border-radius:var(--border-radius)}.crm-filters-right .btn{white-space:nowrap;padding:0 20px;min-width:fit-content;height:45px;display:flex;align-items:center;gap:8px}.crm-filters .custom-dropdown,.crm-filters-right .custom-dropdown{min-width:160px;max-width:200px;height:45px!important;border-radius:var(--border-radius)!important}.crm-filters .custom-dropdown .custom-dropdown-trigger,.crm-filters-right .custom-dropdown .custom-dropdown-trigger,.crm-filters .custom-dropdown .dropdown-selected,.crm-filters-right .custom-dropdown .dropdown-selected{height:45px!important;padding:0 14px;display:flex;align-items:center;border-radius:var(--border-radius)!important}.crm-filters select{padding:12px 16px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:.95rem;background:var(--white);color:var(--text-primary);cursor:pointer;transition:border-color .2s ease}.crm-filters select:focus{outline:none;border-color:var(--primary-color)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.customer-card-crm{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.customer-card-crm:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.customer-header-crm{display:flex;gap:16px;align-items:center}.customer-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--light-gray)}.customer-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem}.customer-info{flex:1;min-width:0}.customer-name-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.customer-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointments-count-badge{display:inline-flex;align-items:center;gap:4px;background:#3b82f61a;color:#3b82f6;padding:4px 10px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;cursor:help;transition:all .2s ease;flex-shrink:0}.appointments-count-badge:hover{background:#3b82f633;transform:scale(1.05)}.customer-badges{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.3px}.badge-new{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.badge-active{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.badge-dormant{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-lost{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.badge-vip{background:linear-gradient(135deg,#ffd89b,#f59e0b);color:var(--white);border:none}.badge-premium{background:#a855f71a;color:#a855f7;border:1px solid rgba(168,85,247,.3)}.badge-standard{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.customer-stats-crm{display:flex;flex-wrap:wrap;gap:12px;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius)}.stat-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary);font-weight:500}.stat-item svg{color:var(--accent-color)}.customer-contact-crm{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--light-gray)}.contact-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.contact-item svg{color:var(--primary-color);flex-shrink:0}.customer-actions-crm{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--light-gray)}.btn-icon{background:var(--bg-subtle);border:1px solid var(--light-gray);padding:8px;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color);transform:scale(1.05)}.btn-action{width:36px;height:36px;border:2px solid;border-radius:var(--border-radius);background:var(--white)!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.btn-action svg{width:20px;height:20px;stroke-width:2.5;stroke:currentColor}.btn-action:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-action:active{transform:translateY(0)}.crm-segments{display:flex;flex-direction:column;gap:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:1.3rem;font-weight:600;color:var(--text-primary)}.segments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.segment-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.segment-count{background:var(--accent-color);color:var(--white);padding:4px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600}.segment-description{color:var(--text-secondary);font-size:.9rem;margin-bottom:16px;line-height:1.5}.segment-actions{display:flex;gap:6px;justify-content:flex-end}.btn-sm{padding:6px 12px;font-size:.85rem;border-radius:var(--border-radius);border:1px solid var(--light-gray);background:var(--white);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-weight:500}.btn-sm:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.crm-communications{display:flex;flex-direction:column;gap:20px}.communication-filters{display:flex;gap:8px}.filter-btn{padding:8px 16px;border:2px solid var(--light-gray);background:var(--white);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.9rem;color:var(--text-secondary)}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.filter-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.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);padding:16px;display:flex;gap:16px;transition:all .2s ease}.communication-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.comm-icon{width:40px;height:40px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-content{flex:1;display:flex;flex-direction:column;gap:8px}.comm-header{display:flex;justify-content:space-between;align-items:center}.comm-type{font-weight:600;color:var(--text-primary);font-size:.95rem}.comm-time{font-size:.85rem;color:var(--text-secondary)}.comm-subject{font-size:.9rem;color:var(--text-secondary);font-weight:500}.comm-status{display:flex;gap:8px}.status-badge{padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;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-campaigns,.crm-automations,.crm-analytics,.loyalty-manager,.crm-analytics-dashboard{display:flex;flex-direction:column;gap:20px;overflow:visible;min-height:100%}.campaigns-list,.automations-list{min-height:300px}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;overflow:visible}.analytics-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;overflow:visible}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px;overflow:visible}.insights-section{margin-top:32px;overflow:visible}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;overflow:visible}.insight-card{background:var(--white);border-left:4px solid;border-radius:var(--border-radius);padding:20px;display:flex;gap:16px;align-items:flex-start;box-shadow:var(--shadow-sm)}.insight-card.warning{border-color:#fbbf24;background:#fbbf240d}.insight-card.success{border-color:#22c55e;background:#22c55e0d}.insight-card.info{border-color:#3b82f6;background:#3b82f60d}.insight-card strong{display:block;font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.insight-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.kpi-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:24px;display:flex;gap:20px;align-items:center;transition:all .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.kpi-icon{width:64px;height:64px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.kpi-content{flex:1}.kpi-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:8px}.kpi-label{font-size:.95rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.kpi-trend{display:flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600}.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);padding:24px;overflow:visible}.chart-card h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--text-secondary);opacity:.5}.empty-state{text-align:center;padding:80px 20px;color:var(--gray)}.empty-state svg{margin-bottom:20px;opacity:.3}.empty-state h3{font-size:1.5rem;margin-bottom:10px;color:var(--text-color)}.empty-state p{font-size:1rem;margin-bottom:20px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--light-gray);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.crm{overflow:visible!important;max-height:none!important;flex:none!important;padding-bottom:290px!important}.crm-content{padding:16px;padding-bottom:120px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.crm-tabs{gap:4px;flex-shrink:0}.crm-tab{padding:10px 14px;font-size:.85rem}.crm-tab svg{width:16px;height:16px}.crm-stats-grid{grid-template-columns:1fr;gap:14px}.stat-card{padding:16px}.stat-icon{width:48px;height:48px}.stat-value{font-size:1.8rem}.stat-label{font-size:.85rem}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.action-card{padding:16px;font-size:.85rem}.customers-grid{grid-template-columns:1fr}.customer-card-crm{padding:16px}.crm-filters{flex-direction:column;width:100%;gap:12px;border-radius:var(--border-radius)}.crm-filters-right{width:100%;flex-direction:column;gap:12px}.search-box{width:100%;min-width:100%}.crm-filters .custom-dropdown,.crm-filters-right .custom-dropdown,.crm-filters select,.crm-filters .btn,.crm-filters-right .btn{width:100%;min-width:100%;max-width:100%}.analytics-grid{grid-template-columns:1fr}.chart-card{padding:16px}.crm-content{max-height:calc(100vh - 313px)}.segments-grid{grid-template-columns:1fr;gap:16px}.segment-card{padding:16px}.segment-header{flex-wrap:wrap;gap:8px}.segment-header h4{font-size:1rem;flex:1;min-width:0}.segment-count{font-size:.8rem;padding:3px 10px}.segment-description{font-size:.85rem;margin-bottom:12px}.segment-actions,.campaign-actions{gap:8px;flex-wrap:wrap}.btn-icon-small{width:40px!important;height:40px!important;padding:8px!important;min-width:40px;min-height:40px}.btn-icon-small svg{width:18px!important;height:18px!important}.customer-actions-crm{gap:10px;flex-wrap:wrap}.btn-icon{width:40px!important;height:40px!important;padding:8px!important;min-width:40px;min-height:40px}.btn-icon svg{width:18px!important;height:18px!important}.campaign-info{flex-direction:column!important;gap:8px!important;font-size:.85rem}.campaign-info>div{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.section-header h3{font-size:1.1rem}.section-header .btn{width:100%;min-width:100%;max-width:100%;justify-content:center;height:45px;padding:0 20px;display:flex;align-items:center;gap:8px}}.loyalty-manager{display:flex;flex-direction:column;gap:20px;overflow:visible;min-height:100%}.loyalty-tabs{display:flex;gap:8px;border-bottom:2px solid var(--light-gray);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.loyalty-tabs .tab{background:transparent;border:none;padding:12px 20px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;white-space:nowrap}.loyalty-tabs .tab:hover{color:var(--primary-color);background:#d4817e0d}.loyalty-tabs .tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.loyalty-content{overflow:visible;min-height:100%}.loyalty-overview{display:flex;flex-direction:column;gap:24px;overflow:visible}.loyalty-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.loyalty-program-setup{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px}.loyalty-program-setup h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.program-settings{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.setting-item{display:flex;flex-direction:column;gap:8px}.setting-item label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.setting-item input{padding:10px 12px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:.95rem}.loyalty-transactions{overflow:visible}.transactions-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.transactions-table th{background:var(--bg-subtle);padding:12px;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;border-bottom:2px solid var(--light-gray)}.transactions-table td{padding:12px;border-bottom:1px solid var(--light-gray);font-size:.9rem}.type-badge{display:inline-block;padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;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{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.voucher-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:24px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.voucher-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.voucher-card.used{opacity:.6;background:var(--bg-subtle)}.voucher-code{font-family:monospace;font-size:1.3rem;font-weight:700;color:var(--primary-color);letter-spacing:2px;text-align:center;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius)}.voucher-details{text-align:center}.voucher-value{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:8px}.voucher-customer{font-size:.9rem;color:var(--text-primary);font-weight:500;margin-bottom:6px}.voucher-expiry{font-size:.85rem;color:var(--text-secondary)}.voucher-status{padding:6px 14px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;text-transform:uppercase;text-align:center}.voucher-status.active{background:#22c55e1a;color:#22c55e}.voucher-status.used{background:#6b72801a;color:#6b7280}.loyalty-rewards{overflow:visible}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.reward-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:24px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;transition:all .2s ease}.reward-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.reward-icon{width:64px;height:64px;background:linear-gradient(135deg,#ffd89b,#f59e0b);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center}.reward-card h5{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.reward-cost{display:flex;align-items:center;gap:6px;color:var(--accent-color);font-weight:600}.chart-wide{grid-column:1 / -1}@media(max-width:480px){.crm-content{padding:12px}.crm-tab{padding:8px 10px;font-size:.8rem}.crm-tab span{display:none}.stat-value{font-size:1.5rem}.quick-actions-grid{grid-template-columns:1fr}.customer-avatar{width:48px;height: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{width:12px;height:12px}.loyalty-stats-grid,.kpi-grid,.analytics-charts-grid,.program-settings,.vouchers-grid,.rewards-grid,.insights-grid{grid-template-columns:1fr}.loyalty-manager,.crm-analytics-dashboard{padding-bottom:100px!important}.loyalty-content{padding-bottom:60px}.transactions-table{font-size:.85rem}.transactions-table th,.transactions-table td{padding:10px 8px;font-size:.85rem}.vouchers-grid{gap:14px}.voucher-card{padding:16px}.voucher-code{font-size:1.1rem}.voucher-value{font-size:1.6rem}.btn-icon-small,.btn-icon{width:44px!important;height:45px!important;padding:10px!important}.segment-card{padding:14px}.segment-header h4{font-size:.95rem}.campaign-info{font-size:.8rem}}.customer-profile-modal{max-width:1200px!important;width:95%!important}.profile-tabs{display:flex;border-bottom:2px solid var(--light-gray);gap:4px;padding:0 24px;background:var(--bg-subtle)}.profile-tab{background:transparent;border:none;padding:14px 20px;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-secondary);font-weight:500;border-bottom:3px solid transparent;transition:all .2s ease}.profile-tab:hover{color:var(--primary-color);background:#d4817e0d}.profile-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.profile-info-tab,.profile-history-tab,.profile-communications-tab,.profile-loyalty-tab{padding:24px}.profile-header-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;background:linear-gradient(135deg,#d4817e0d,#e8a5a50d);border-radius:var(--border-radius);margin-bottom:24px}.profile-avatar-large{width:120px;height:120px;border-radius:50%;overflow:hidden;border:4px solid var(--white);box-shadow:var(--shadow-md);position:relative}.avatar-placeholder-large{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700}.avatar-upload-btn{position:absolute;bottom:0;right:0;background:var(--accent-color);color:var(--white);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow)}.profile-badges{display:flex;gap:8px;flex-wrap:wrap}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tag-chip{padding:6px 14px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;color:var(--white);display:inline-flex;align-items:center;gap:6px}.btn-add-tag{padding:6px 12px;background:var(--bg-subtle);border:2px dashed var(--light-gray);border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:4px;transition:all .2s ease}.btn-add-tag:hover{border-color:var(--primary-color);color:var(--primary-color);background:#d4817e0d}.profile-form{display:flex;flex-direction:column;gap:24px}.form-section{background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);padding:24px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:.95rem;transition:border-color .2s ease}.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;gap:24px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:var(--text-primary)}.stats-grid-modal{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-box{background:var(--bg-subtle);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.stat-box svg{color:var(--accent-color)}.stat-box .stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary)}.stat-box .stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.treatments-timeline{display:flex;flex-direction:column;gap:16px}.treatment-history-item{display:flex;gap:20px;padding:16px;background:var(--bg-subtle);border-radius:var(--border-radius);border-left:4px solid var(--accent-color)}.treatment-date{font-size:.85rem;font-weight:600;color:var(--text-secondary);min-width:100px}.treatment-details h5{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.operator-name{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.treatment-meta{display:flex;gap:12px;align-items:center;margin-bottom:8px}.treatment-meta .price{font-weight:700;color:var(--accent-color)}.rating-stars{display:flex;gap:2px}.feedback-text{font-size:.9rem;color:var(--text-secondary);font-style:italic;margin-top:8px;padding:12px;background:var(--white);border-radius:var(--border-radius)}.communications-list-modal{display:flex;flex-direction:column;gap:12px}.comm-item-modal{display:flex;gap:16px;padding:16px;background:var(--bg-subtle);border-radius:var(--border-radius);border:1px solid var(--light-gray)}.comm-icon-badge{width:40px;height:40px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-details{flex:1}.comm-type-label{font-weight:600;color:var(--text-primary);margin-bottom:4px}.comm-time{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.comm-preview{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.status-pill{display:inline-block;padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase}.profile-loyalty-tab{display:flex;flex-direction:column;gap:24px}.loyalty-summary{background:linear-gradient(135deg,#ffd89b,#f59e0b);border-radius:var(--border-radius);padding:40px;display:flex;flex-direction:column;align-items:center;gap:24px;color:var(--white)}.loyalty-points-display{text-align:center}.loyalty-points-display svg{color:var(--white);margin-bottom:16px}.points-value{font-size:4rem;font-weight:700;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{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.empty-state-small{text-align:center;padding:60px 20px;color:var(--gray)}.empty-state-small svg{opacity:.3;margin-bottom:16px}.empty-state-small p{font-size:1rem;color:var(--text-secondary)}.tag-management{display:flex;flex-direction:column;gap:20px}.tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.tag-card{background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);padding:20px;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.tag-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tag-info{display:flex;gap:16px;align-items:center;flex:1}.tag-color-preview{width:40px;height:40px;border-radius:var(--border-radius);flex-shrink:0}.tag-info h4{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.tag-info p{font-size:.85rem;color:var(--text-secondary)}.tag-actions{display:flex;gap:6px}.btn-icon-small{width:32px;height:32px;padding:6px;background:var(--bg-subtle);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon-small:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.color-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.color-option{width:40px;height:40px;border-radius:var(--border-radius);border:3px solid transparent;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:var(--white);box-shadow:0 0 0 2px var(--primary-color)}div.modal-backdrop .modal.segment-builder form.modal-body,div.modal-backdrop .modal.segment-builder .modal-body,.modal-content.segment-builder .modal-body,.modal-content.segment-builder form.modal-body,.segment-builder .modal-body,.segment-builder form.modal-body{padding:24px 28px!important}.modal-content.segment-builder .modal-header,.modal-content.segment-builder .modal-footer{padding:20px 24px!important}.segment-builder.modal-content>.modal-body,.segment-builder.modal-content>form.modal-body,.segment-builder>.modal-body,.segment-builder>form.modal-body{padding:24px 28px!important}.segment-builder.modal-content>.modal-header,.segment-builder>.modal-header{padding:20px 24px!important}.segment-builder.modal-content>.modal-footer,.segment-builder>.modal-footer{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{display:block;font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.segment-builder .form-group input,.segment-builder .form-group textarea,.segment-builder .form-group select{width:100%;padding:12px 14px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:.95rem;transition:all .2s ease;font-family:inherit}.segment-builder .form-group input:focus,.segment-builder .form-group textarea:focus,.segment-builder .form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a}.segment-builder .form-group textarea{resize:vertical;font-family:inherit}.segment-builder .form-section{background:var(--bg-subtle);border-radius:var(--border-radius);padding:20px;margin-top:20px;border:2px solid var(--light-gray)}.segment-builder .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--light-gray)}.segment-builder .section-title{display:flex;align-items:center;gap:10px}.segment-builder .section-title h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.segment-builder .section-title svg{color:var(--primary-color)}.segment-builder .builder-section{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px;margin-bottom:20px}.segment-criteria-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.criteria-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.empty-criteria,.empty-state-small{text-align:center;padding:40px 20px;color:var(--text-secondary)}.empty-criteria svg,.empty-state-small svg{opacity:.3;margin-bottom:12px;color:var(--primary-color)}.empty-criteria p,.empty-state-small p{margin:0;font-size:.95rem}.criterion-row{display:grid;grid-template-columns:2fr 1.5fr 2fr 40px;gap:12px;align-items:center;padding:12px;background:var(--white);border-radius:var(--border-radius);margin-bottom:12px}.criterion-row select,.criterion-row input{padding:10px;border:2px solid var(--light-gray);border-radius:var(--border-radius);font-size:.9rem}.btn-icon-danger{width:40px;height:40px;background:#ef44441a;color:#ef4444;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-icon-danger:hover{background:#ef4444;color:var(--white)}.btn-icon-small.btn-danger{background:#ef44441a;color:#ef4444;border:none;transition:all .2s ease}.btn-icon-small.btn-danger:hover{background:#ef4444;color:var(--white)}.preview-section,.segment-preview{margin-top:20px;padding:20px;background:#22c55e0d;border:2px solid rgba(34,197,94,.2);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:16px;align-items:center}.preview-result{display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--success-color, #22c55e);font-weight:500}.preview-customers-list{width:100%;margin-top:16px;padding-top:16px;border-top:1px solid rgba(34,197,94,.2)}.preview-customers-list h5{margin:0 0 12px;font-size:.95rem;font-weight:600;color:var(--text-title)}.preview-customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:300px;overflow-y:auto;padding:4px}.preview-customer-card{padding:12px;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);font-size:.9rem}.preview-customer-name{font-weight:600;color:var(--text-title);margin-bottom:6px}.preview-customer-phone,.preview-customer-email,.preview-customer-city{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.preview-no-results{margin-top:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);color:var(--error-color, #ef4444);text-align:center;font-size:.9rem;color:#22c55e;font-weight:500;background:var(--white);padding:12px 20px;border-radius:var(--border-radius);border:2px solid rgba(34,197,94,.2)}.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);padding:24px;margin-bottom:20px}.automation-builder-layout{display:flex;flex-direction:column;gap:24px}.section-badge{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--light-gray)}.section-badge h4{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.trigger-section{border-left:4px solid #667eea}.action-section{border-left:4px solid #f59e0b}.trigger-config,.action-config{padding:16px;background:var(--white);border-radius:var(--border-radius)}.help-text{font-size:.85rem;color:var(--text-secondary);margin-top:8px;font-style:italic}.variables-help{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;padding:12px;background:#667eea0d;border-radius:var(--border-radius)}.variables-help code{background:var(--white);padding:4px 8px;border-radius:var(--border-radius);font-size:.85rem;color:#667eea;font-family:monospace}.automation-preview{padding:24px;background:var(--bg-subtle);border-radius:var(--border-radius);border:2px dashed var(--primary-color)}.automation-preview h4{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;text-align:center}.automation-flow{display:flex;align-items:center;justify-content:center;gap:20px}.flow-step{padding:16px 24px;border-radius:var(--border-radius);display:flex;align-items:center;gap:10px;font-weight:600;font-size:.95rem}.flow-trigger{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.flow-action{background:linear-gradient(135deg,#ffd89b,#f59e0b);color:var(--white)}.flow-arrow{font-size:2rem;color:var(--primary-color);font-weight:700}.automations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.automation-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:var(--border-radius)}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#22c55e}input:checked+.slider:before{transform:translate(24px)}.automation-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.automation-flow-mini{display:flex;gap:8px;align-items:center;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius);font-size:.85rem;margin-bottom:12px}.flow-trigger,.flow-action{padding:6px 12px;border-radius:var(--border-radius);font-weight:600}.automation-stats{display:flex;gap:16px;font-size:.85rem;color:var(--text-secondary)}.campaign-builder .campaign-builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.builder-column{display:flex;flex-direction:column;gap:20px}.channel-selector{display:flex;gap:12px}.channel-btn{flex:1;padding:14px;background:var(--white);border:2px solid var(--light-gray);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-weight:600;color:var(--text-secondary)}.channel-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.channel-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.reach-estimate{display:flex;align-items:center;gap:12px;padding:16px;background:#667eea1a;border-radius:var(--border-radius);color:#667eea;font-weight:600}.message-editor{min-height:400px}.variables-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:16px}.variables-toolbar span{font-weight:600;color:var(--text-secondary);margin-right:8px}.variables-toolbar button{padding:6px 12px;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-family:monospace;color:#667eea;transition:all .2s ease}.variables-toolbar button:hover{background:#667eea;color:var(--white);border-color:#667eea}.variables-toolbar .btn-variables-toggle{margin-left:auto;padding:6px 10px;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer}.variables-panel{margin-top:12px;padding:12px;border:1px solid var(--light-gray);border-radius:var(--border-radius);background:var(--bg-subtle)}.variables-group+.variables-group{margin-top:12px}.variables-group-title{font-weight:700;color:var(--text-primary);margin-bottom:8px}.variables-group-buttons{display:flex;flex-wrap:wrap;gap:8px}.variables-group-buttons button{padding:6px 12px;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);cursor:pointer;font-size:.85rem;font-family:monospace;color:#667eea;transition:all .2s ease}.variables-group-buttons button:hover{background:#667eea;color:var(--white);border-color:#667eea}.message-preview{margin-top:20px;padding:20px;background:var(--bg-subtle);border-radius:var(--border-radius)}.message-preview h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.preview-box{padding:20px;background:var(--white);border:1px solid var(--light-gray);border-radius:var(--border-radius);white-space:pre-wrap;font-size:.95rem;line-height:1.6}.campaigns-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.campaign-header h4{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.campaign-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:16px}.campaign-stats{display:flex;gap:16px;margin-bottom:16px;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius)}.stat-mini{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}.stat-mini svg{color:var(--accent-color)}.campaign-actions{display:flex;gap:6px;justify-content:flex-end}.modal-sm{max-width:500px!important}.modal-header-actions,.modal-footer-left,.modal-footer-right{display:flex;gap:12px;align-items:center}div.modal-backdrop .modal.campaign-builder .modal-footer{display:flex;gap:12px;flex-wrap:wrap;width:100%}div.modal-backdrop .modal.campaign-builder .modal-footer .btn{flex:1 1 0;min-width:0;justify-content:center}.btn-success{background:#22c55e!important;color:var(--white)!important;border-color:#22c55e!important}.btn-success:hover{background:#16a34a!important;border-color:#16a34a!important}.section-header-modal{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header-modal h4{font-size:1.15rem;font-weight:600;color:var(--text-primary)}.count-badge{background:var(--accent-color);color:var(--white);padding:4px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600}@media(max-width:768px){div.modal-backdrop .modal.tag-management-modal form.tag-management-form{display:flex;flex-direction:column;height:100%;min-height:0}div.modal-backdrop .modal.tag-management-modal form.tag-management-form .modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}div.modal-backdrop:has(.modal.segment-builder),div.modal-backdrop:has(.modal.campaign-builder),div.modal-backdrop:has(.modal.automation-builder),div.modal-backdrop:has(.modal.tag-management-modal),.crm .modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}div.modal-backdrop .modal.segment-builder.modal-large,div.modal-backdrop .modal.segment-builder.modal-xlarge,div.modal-backdrop .modal.campaign-builder.modal-large,div.modal-backdrop .modal.campaign-builder.modal-xlarge,div.modal-backdrop .modal.automation-builder.modal-large,div.modal-backdrop .modal.automation-builder.modal-xlarge,div.modal-backdrop .modal.tag-management-modal.modal-large,div.modal-backdrop .modal.tag-management-modal.modal-sm,div.modal-backdrop .modal.modal-large,div.modal-backdrop .modal.modal-sm{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}div.modal-backdrop .modal.segment-builder .modal-header,div.modal-backdrop .modal.campaign-builder .modal-header,div.modal-backdrop .modal.automation-builder .modal-header,div.modal-backdrop .modal.tag-management-modal .modal-header,div.modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.modal-sm .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}div.modal-backdrop .modal.segment-builder .modal-footer,div.modal-backdrop .modal.campaign-builder .modal-footer,div.modal-backdrop .modal.automation-builder .modal-footer,div.modal-backdrop .modal.tag-management-modal .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-sm .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}div.modal-backdrop .modal.segment-builder .modal-header h3,div.modal-backdrop .modal.campaign-builder .modal-header h3,div.modal-backdrop .modal.automation-builder .modal-header h3,div.modal-backdrop .modal.tag-management-modal .modal-header h3,div.modal-backdrop .modal.modal-large .modal-header h3,div.modal-backdrop .modal.modal-sm .modal-header h3,div.modal-backdrop .modal.modal-xlarge .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}div.modal-backdrop .modal.segment-builder .modal-header .btn.btn-icon,div.modal-backdrop .modal.campaign-builder .modal-header .btn.btn-icon,div.modal-backdrop .modal.automation-builder .modal-header .btn.btn-icon,div.modal-backdrop .modal.tag-management-modal .modal-header .btn.btn-icon,div.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,div.modal-backdrop .modal.modal-sm .modal-header .btn.btn-icon,div.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}div.modal-backdrop .modal.segment-builder .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.campaign-builder .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.automation-builder .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.tag-management-modal .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.modal-sm .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}div.modal-backdrop .modal.segment-builder .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.campaign-builder .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.automation-builder .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.tag-management-modal .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.modal-sm .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}div.modal-backdrop .modal.campaign-builder .modal-body,div.modal-backdrop .modal.automation-builder .modal-body,div.modal-backdrop .modal.modal-large .modal-body,div.modal-backdrop .modal.modal-sm .modal-body,div.modal-backdrop .modal.modal-xlarge .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}div.modal-backdrop .modal.segment-builder .modal-body,div.modal-backdrop .modal.segment-builder form.modal-body,div.modal-backdrop .modal.tag-management-modal .modal-body,div.modal-backdrop .modal.tag-management-modal form.modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain}div.modal-backdrop .modal.tag-management-modal .modal-body,div.modal-backdrop .modal.tag-management-modal form.modal-body,div.modal-backdrop .modal.segment-builder .modal-body,div.modal-backdrop .modal.segment-builder form.modal-body{padding:24px 28px!important}div.modal-backdrop .modal.tag-management-modal .modal-body,div.modal-backdrop .modal.tag-management-modal form.modal-body,div.modal-backdrop .modal.segment-builder .modal-body,div.modal-backdrop .modal.segment-builder form.modal-body{padding:20px 24px!important}@media(max-width:480px){div.modal-backdrop .modal.tag-management-modal .modal-body,div.modal-backdrop .modal.tag-management-modal form.modal-body,div.modal-backdrop .modal.segment-builder .modal-body,div.modal-backdrop .modal.segment-builder form.modal-body{padding:16px 20px!important}}div.modal-backdrop .modal.segment-builder .modal-footer,div.modal-backdrop .modal.campaign-builder .modal-footer,div.modal-backdrop .modal.automation-builder .modal-footer,div.modal-backdrop .modal.tag-management-modal .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-sm .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}div.modal-backdrop .modal.segment-builder .modal-footer .btn,div.modal-backdrop .modal.campaign-builder .modal-footer .btn,div.modal-backdrop .modal.automation-builder .modal-footer .btn,div.modal-backdrop .modal.tag-management-modal .modal-footer .btn,div.modal-backdrop .modal.modal-large .modal-footer .btn,div.modal-backdrop .modal.modal-sm .modal-footer .btn,div.modal-backdrop .modal.modal-xlarge .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}div.modal-backdrop .modal.segment-builder .modal-footer,div.modal-backdrop .modal.campaign-builder .modal-footer,div.modal-backdrop .modal.automation-builder .modal-footer,div.modal-backdrop .modal.tag-management-modal .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.modal-sm .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}div.modal-backdrop .modal.segment-builder .modal-footer .btn,div.modal-backdrop .modal.campaign-builder .modal-footer .btn,div.modal-backdrop .modal.automation-builder .modal-footer .btn,div.modal-backdrop .modal.tag-management-modal .modal-footer .btn,div.modal-backdrop .modal.modal-large .modal-footer .btn,div.modal-backdrop .modal.modal-sm .modal-footer .btn,div.modal-backdrop .modal.modal-xlarge .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.campaign-builder .campaign-builder-layout{grid-template-columns:1fr!important}}.products{padding:0!important}.products-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px!important;margin-bottom:24px}.stat-card{background:var(--white);border-radius:var(--border-radius);padding:16px!important;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px!important;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.products-filters{display:flex;gap:12px!important;margin-bottom:24px;flex-wrap:wrap;align-items:center}.products-filters .search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.products-filters .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.products-filters .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.products-filters .search-box input:focus{outline:none}.products-filters .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.products-filters .clear-search:hover{background:var(--gray)}.products-filters .custom-dropdown{min-width:160px;max-width:200px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.product-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-badges{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge{padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;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{width:100%;height:200px;overflow:hidden;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);opacity:.3}.product-info{padding:16px;flex:1;display:flex;flex-direction:column;gap:10px}.product-info h3{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.product-category-badge{display:inline-block;padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;align-self:flex-start}.product-description{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-details{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--light-gray);border-bottom:1px solid var(--light-gray)}.product-detail{font-size:.85rem;color:var(--text-secondary)}.product-detail strong{color:var(--text-primary);font-weight:600}.product-prices{display:flex;flex-direction:column;gap:8px;background:var(--bg-subtle);padding:12px;border-radius:var(--border-radius)}.price-item{display:flex;justify-content:space-between;align-items:center}.price-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.price-current{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.price-current.discount{color:#e87676}.price-old{font-size:1rem;color:var(--text-secondary);text-decoration:line-through;margin-right:8px}.price-cost{font-size:1rem;color:var(--text-secondary);font-weight:600}.price-margin{font-size:1rem;color:#7fb38e;font-weight:700}.product-stock{display:flex;flex-direction:column;gap:6px}.stock-bar-container{width:100%;height:8px;background:var(--light-gray);border-radius:var(--border-radius);overflow:hidden}.stock-bar{height:100%;border-radius:var(--border-radius);transition:width .3s ease}.stock-text{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.stock-warning{color:#e87676;font-weight:600}.product-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--light-gray);background:var(--bg-tertiary)}.product-actions .btn-icon{flex:1}.products .modal-backdrop .modal.modal-xlarge,.products .modal-backdrop .modal.product-modal,.modal-backdrop .modal.modal-xlarge.product-modal,.modal-backdrop .modal.product-modal{max-width:1800px!important;max-height:90vh!important;overflow-y:auto!important}.product-modal .modal-body{padding:0!important}.product-modal .tab-content{padding:24px 32px!important;margin:0!important;display:flex;flex-direction:column;gap:16px}.product-modal .modal-tabs{padding:0 32px!important;margin:0!important}.modal-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--light-gray);padding-bottom:0;overflow-x:visible!important;flex-wrap:nowrap;white-space:nowrap}.tab-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.tab-btn:hover{color:var(--text-primary);background:var(--bg-subtle)}.tab-btn.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:600}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:var(--text-primary);font-size:.9rem}.form-group small{display:block;margin-top:4px;font-size:.8rem;color:var(--text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px!important;border:1px solid var(--border-light);border-radius:var(--border-radius);font-family:inherit;font-size:.95rem}.form-group textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.product-modal .toggle-switch-modern{position:relative;width:56px;height:32px;border-radius:999px;background:var(--border-light, #e5e7eb);cursor:pointer;transition:all .3s ease;flex-shrink:0;outline:none}.product-modal .toggle-switch-modern:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--bg-primary, #ffffff);border-radius:50%;box-shadow:0 4px 10px #00000026;transition:all .3s ease}.product-modal .toggle-switch-modern.active{background:var(--theme-primary, var(--primary-color, #667eea))}.product-modal .toggle-switch-modern.active:after{transform:translate(24px)}.product-modal .toggle-container{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.product-modal .toggle-container .toggle-label{flex:1;font-size:.95rem;font-weight:600;color:var(--text-primary, #1f2937)}@media(max-width:768px){.product-modal .toggle-container{gap:16px!important;padding:4px 0!important}.product-modal .toggle-switch-modern{width:56px!important;height:32px!important}.product-modal .toggle-label{font-size:.95rem!important}}.image-preview{margin-top:12px;border-radius:var(--border-radius);overflow:hidden;max-width:200px}.image-preview img{width:100%;height:auto;display:block}.margin-display{margin-top:20px;padding:16px;background:linear-gradient(135deg,#7fb38e1a,#95c9a41a);border-radius:var(--border-radius);border:1px solid rgba(127,179,142,.3)}.margin-card{display:flex;justify-content:space-between;align-items:center}.margin-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.margin-value{font-size:1.5rem;font-weight:700;color:#7fb38e}.margin-percent{font-size:1.2rem;color:#7fb38e;opacity:.8}.margin-warning{margin-top:12px;padding:10px;background:#f59e9e1a;border:1px solid rgba(245,158,158,.3);border-radius:var(--border-radius);color:#e87676;font-size:.9rem;font-weight:600}@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;align-items:center!important;gap:12px;flex-wrap:wrap}.view-header-info{flex:1;min-width:0}.view-header .header-actions{display:flex!important;flex-direction:row!important;flex-shrink:0;justify-content:flex-end;flex-wrap:nowrap!important;align-items:center!important;white-space:nowrap}.products-stats,.products-grid{grid-template-columns:1fr}.products-filters{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.form-row{grid-template-columns:1fr}}@media(max-width:480px){.view-header{gap:8px;flex-wrap:wrap}.view-header-info{flex:1 1 100%;min-width:0}.view-header .header-actions{display:flex!important;flex-direction:row!important;flex:1 1 100%;justify-content:flex-start;gap:6px!important;flex-wrap:nowrap!important;align-items:center!important;white-space:nowrap}.header-actions .btn{font-size:.8rem;padding:8px 10px;min-height:36px!important;height:36px!important;flex-shrink:0;display:inline-flex!important;align-items:center!important}.header-actions .btn-categories{flex:0 0 auto;min-width:36px}}.view-header .header-actions{display:flex!important;flex-direction:row!important;gap:8px;align-items:center!important;flex-wrap:nowrap!important;white-space:nowrap}.header-actions .btn-categories{padding:10px 14px!important;min-width:auto!important;font-size:.85rem!important;min-height:45px!important;height:40px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.header-actions .btn-categories svg{width:16px!important;height:16px!important;margin-right:6px!important;flex-shrink:0!important}.header-actions .btn.btn-primary{padding:10px 18px!important;font-size:.95rem!important;min-height:45px!important;height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.header-actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}@media(max-width:768px){.view-header .header-actions{display:flex!important;flex-direction:row!important;gap:6px!important;flex-wrap:nowrap!important;align-items:center!important;white-space:nowrap}.header-actions .btn-categories{padding:8px 10px!important;min-width:auto!important;min-height:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;flex-shrink:0}.header-actions .btn-categories span{display:none}.header-actions .btn{font-size:.85rem;padding:8px 12px;min-height:36px!important;height:36px!important;flex-shrink:0;display:inline-flex!important;align-items:center!important}.header-actions .btn svg{width:16px;height:16px}}.category-manager-modal{max-width:700px;max-height:90vh;overflow-y:auto;border-radius:var(--border-radius)!important}.products .modal-backdrop .modal.category-manager-modal,.modal-backdrop .modal.category-manager-modal{max-width:700px!important;max-height:90vh!important;overflow-y:auto!important}.category-manager-modal .modal-body{padding:0!important}.category-form{padding:24px 32px;background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:0}@media(max-width:768px){.category-manager-modal .modal-body{padding:0!important}.category-form{padding:20px 24px}}.category-form h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.color-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.color-option{width:50px;height:50px;border:3px solid transparent;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center}.color-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000026}.color-option.selected{border-color:var(--text-primary);transform:scale(1.15);box-shadow:0 4px 16px #0003}.color-check{color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.categories-list{padding:24px 32px;margin-top:0}@media(max-width:768px){.categories-list{padding:20px 24px}}.categories-list h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.categories-grid{display:flex;flex-direction:column;gap:10px}.category-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);transition:all .2s ease}.category-item:hover{border-color:var(--accent-color);box-shadow:var(--shadow)}.category-color-badge{width:40px;height:40px;border-radius:var(--border-radius);flex-shrink:0}.category-info{flex:1;display:flex;flex-direction:column;gap:4px}.category-info strong{color:var(--text-primary);font-size:.95rem}.category-desc{font-size:.85rem;color:var(--text-secondary)}.category-actions{display:flex;gap:8px}@media(max-width:768px){.products .modal-backdrop.category-manager-backdrop,.products .modal-backdrop:has(.category-manager-modal),div.modal-backdrop:has(.category-manager-modal),.modal-backdrop:has(.category-manager-modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.products .modal-backdrop .modal.category-manager-modal,div.modal-backdrop .modal.category-manager-modal,.modal-backdrop .modal.category-manager-modal{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.products .modal-backdrop .modal.modal-xlarge .modal-header,.products .modal-backdrop .modal.modal-large .modal-header,.products .modal-backdrop .modal.product-modal .modal-header,.products .modal-backdrop .modal.category-manager-modal .modal-header,div.modal-backdrop .modal.modal-xlarge .modal-header,div.modal-backdrop .modal.modal-large .modal-header,div.modal-backdrop .modal.product-modal .modal-header,div.modal-backdrop .modal.category-manager-modal .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.products .modal-backdrop .modal.modal-xlarge .modal-footer,.products .modal-backdrop .modal.modal-large .modal-footer,.products .modal-backdrop .modal.product-modal .modal-footer,.products .modal-backdrop .modal.category-manager-modal .modal-footer,div.modal-backdrop .modal.modal-xlarge .modal-footer,div.modal-backdrop .modal.modal-large .modal-footer,div.modal-backdrop .modal.product-modal .modal-footer,div.modal-backdrop .modal.category-manager-modal .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}}.products .modal-backdrop .modal.modal-xlarge .modal-header,.products .modal-backdrop .modal.modal-large .modal-header,.products .modal-backdrop .modal.product-modal .modal-header,.products .modal-backdrop .modal.category-manager-modal .modal-header,.modal-backdrop .modal.modal-xlarge .modal-header,.modal-backdrop .modal.modal-large .modal-header,.modal-backdrop .modal.product-modal .modal-header,.modal-backdrop .modal.category-manager-modal .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.products .modal-backdrop .modal.category-manager-modal .modal-header,.modal-backdrop .modal.category-manager-modal .modal-header{background:var(--white)!important;background-image:none!important;background-gradient:none!important}.products .modal-backdrop .modal.modal-xlarge .modal-header h3,.products .modal-backdrop .modal.modal-large .modal-header h3,.products .modal-backdrop .modal.product-modal .modal-header h3,.products .modal-backdrop .modal.category-manager-modal .modal-header h3,.modal-backdrop .modal.modal-xlarge .modal-header h3,.modal-backdrop .modal.modal-large .modal-header h3,.modal-backdrop .modal.product-modal .modal-header h3,.modal-backdrop .modal.category-manager-modal .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px}.products .modal-backdrop .modal.category-manager-modal .modal-header h3,.modal-backdrop .modal.category-manager-modal .modal-header h3{font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;color:var(--text-primary)!important;text-shadow:none!important}.products .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.products .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.products .modal-backdrop .modal.product-modal .modal-header .btn.btn-icon,.products .modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon,.modal-backdrop .modal.product-modal .modal-header .btn.btn-icon,.modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important}.products .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.products .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.products .modal-backdrop .modal.product-modal .modal-header .btn.btn-icon:hover,.products .modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.product-modal .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon:hover{background:var(--border-light)!important}.products .modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.products .modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.products .modal-backdrop .modal.product-modal .modal-header .btn.btn-icon svg,.products .modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-xlarge .modal-header .btn.btn-icon svg,.modal-backdrop .modal.modal-large .modal-header .btn.btn-icon svg,.modal-backdrop .modal.product-modal .modal-header .btn.btn-icon svg,.modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important}.products .modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon,.modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.products .modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.products .modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon svg,.modal-backdrop .modal.category-manager-modal .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.products .modal-backdrop .modal.modal-xlarge .modal-body,.products .modal-backdrop .modal.modal-large .modal-body,.products .modal-backdrop .modal.product-modal .modal-body,.products .modal-backdrop .modal.category-manager-modal .modal-body,.modal-backdrop .modal.modal-xlarge .modal-body,.modal-backdrop .modal.modal-large .modal-body,.modal-backdrop .modal.product-modal .modal-body,.modal-backdrop .modal.category-manager-modal .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.products .modal-backdrop .modal.modal-xlarge .modal-footer,.products .modal-backdrop .modal.modal-large .modal-footer,.products .modal-backdrop .modal.product-modal .modal-footer,.products .modal-backdrop .modal.category-manager-modal .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.product-modal .modal-footer,.modal-backdrop .modal.category-manager-modal .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.products .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.products .modal-backdrop .modal.modal-large .modal-footer .btn,.products .modal-backdrop .modal.product-modal .modal-footer .btn,.products .modal-backdrop .modal.category-manager-modal .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.product-modal .modal-footer .btn,.modal-backdrop .modal.category-manager-modal .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.products .modal-backdrop .modal.modal-xlarge .modal-footer,.products .modal-backdrop .modal.modal-large .modal-footer,.products .modal-backdrop .modal.product-modal .modal-footer,.products .modal-backdrop .modal.category-manager-modal .modal-footer,.modal-backdrop .modal.modal-xlarge .modal-footer,.modal-backdrop .modal.modal-large .modal-footer,.modal-backdrop .modal.product-modal .modal-footer,.modal-backdrop .modal.category-manager-modal .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.products .modal-backdrop .modal.modal-xlarge .modal-footer .btn,.products .modal-backdrop .modal.modal-large .modal-footer .btn,.products .modal-backdrop .modal.product-modal .modal-footer .btn,.products .modal-backdrop .modal.category-manager-modal .modal-footer .btn,.modal-backdrop .modal.modal-xlarge .modal-footer .btn,.modal-backdrop .modal.modal-large .modal-footer .btn,.modal-backdrop .modal.product-modal .modal-footer .btn,.modal-backdrop .modal.category-manager-modal .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}.products .modal-backdrop .modal.modal-xlarge .modal-footer .btn-danger,.products .modal-backdrop .modal.modal-large .modal-footer .btn-danger,.products .modal-backdrop .modal.product-modal .modal-footer .btn-danger{flex:1 1 100%!important;min-width:100%!important;order:-1}.products .modal-backdrop .modal.category-manager-modal .modal-header,div.modal-backdrop .modal.category-manager-modal .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important}.products .modal-backdrop .modal.category-manager-modal .modal-footer,div.modal-backdrop .modal.category-manager-modal .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}}.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);padding:24px;margin-bottom:20px}.form-section h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--light-gray)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:.95rem;background:var(--bg-input, #ffffff);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding:40px 0 16px;border-top:1px solid var(--light-gray)}.product-sales{padding:0!important}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px!important;flex-direction:row!important}.view-header h2{display:flex;align-items:center;color:var(--text-title);font-weight:300}.sales-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px!important;margin-bottom:24px}.sales-filters{display:flex;gap:12px!important;margin-bottom:24px;flex-wrap:wrap;align-items:center}.sales-filters .search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.sales-filters .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.sales-filters .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.sales-filters .search-box input:focus{outline:none}.sales-filters .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.sales-filters .clear-search:hover{background:var(--gray)}.sales-filters .custom-dropdown{min-width:160px;max-width:200px}.sales-table-container{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.sales-table{width:100%;border-collapse:collapse}.sales-table thead{background:var(--bg-secondary)}.sales-table th{padding:14px 16px!important;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;border-bottom:2px solid var(--light-gray)}.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{padding:14px 16px!important;color:var(--text-secondary);font-size:.9rem}.items-count{background:var(--bg-secondary);padding:4px 10px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;color:var(--text-primary)}.sale-total{font-size:1.1rem;color:var(--text-primary)}.sale-discount{display:block;font-size:.8rem;color:#e87676;margin-top:2px}.payment-method{font-size:.85rem;font-weight:500}.status-badge{padding:4px 12px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600;display:inline-block}.status-paid{background:linear-gradient(135deg,#7fb38e33,#95c9a433);color:#7fb38e;border:1px solid rgba(127,179,142,.3)}.status-pending{background:linear-gradient(135deg,#f4d58d33,#e8c76f33);color:#e8c76f;border:1px solid rgba(244,213,141,.3)}.status-refunded{background:linear-gradient(135deg,#f59e9e33,#e8767633);color:#e87676;border:1px solid rgba(245,158,158,.3)}.sale-modal{max-width:1200px!important;width:95%!important;max-height:90vh!important;overflow-y:auto!important;border-radius:var(--border-radius)!important}.sale-modal .modal-body{padding:0!important}.sale-modal-content{padding:24px 32px}@media(max-width:768px){.sale-modal .modal-body{padding:0!important}.sale-modal-content{padding:20px 24px}}.add-product-section{margin-bottom:24px;padding:16px;background:var(--bg-subtle);border-radius:var(--border-radius)}.add-product-section label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.add-product-row{display:flex;gap:12px;align-items:flex-end}.product-dropdown-container{flex:1}.sale-items-section{margin-bottom:0}.sale-item{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-subtle);border-radius:var(--border-radius);border:1px solid var(--border-light)}.sale-item-info{flex:1;display:flex;align-items:center;gap:12px}.sale-item-details{flex:1}.sale-item-name{font-weight:500;color:var(--text-primary);margin-bottom:2px}.sale-item-sku{font-size:.8rem;color:var(--text-secondary)}.quantity-controls{display:flex;align-items:center;gap:8px}.qty-btn{width:28px;height:28px;border:1px solid var(--border-light);background:var(--white);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;color:var(--text-primary);transition:all .2s ease}.qty-btn:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.qty-value{min-width:30px;text-align:center;font-weight:500}.item-price,.item-total{font-weight:500;color:var(--text-primary);min-width:80px;text-align:right}.sale-totals{background:var(--bg-subtle);border-radius:var(--border-radius);padding:16px;margin-bottom:20px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.total-row.discount{color:var(--success-color)}.total-row.total{font-weight:600;font-size:1.1rem;color:var(--primary-color);border-top:1px solid var(--border-light);margin-top:8px;padding-top:12px}.sale-items-section h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.sale-items-list{display:flex;flex-direction:column;gap:12px}.sale-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--white);border:1px solid var(--border-light);border-radius:var(--border-radius);gap:12px}.item-info{flex:1;display:flex;flex-direction:column;gap:4px}.item-info strong{color:var(--text-primary);font-size:.95rem}.item-sku{font-size:.8rem;color:var(--text-secondary)}.item-controls{display:flex;align-items:center;gap:16px}.quantity-controls{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);border-radius:var(--border-radius);padding:4px}.qty-btn{width:28px;height:28px;border:none;background:var(--white);border-radius:var(--border-radius);cursor:pointer;font-weight:600;color:var(--text-primary);transition:all .2s ease}.qty-btn:hover{background:var(--accent-color);color:var(--white)}.qty-value{min-width:30px;text-align:center;font-weight:600;color:var(--text-primary)}.item-price{font-size:.9rem;color:var(--text-secondary);min-width:70px;text-align:right}.item-total{font-size:1.1rem;font-weight:700;color:var(--text-primary);min-width:80px;text-align:right}.btn-icon-small{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.btn-icon-small.btn-danger{background:linear-gradient(135deg,#f59e9e,#e87676);color:#fff;border:none}.btn-icon-small.btn-danger:hover{background:linear-gradient(135deg,#e87676,#d66060)}.sale-totals{margin:24px 0;padding:20px;background:linear-gradient(135deg,#e8c8c21a,#d6c7b91a);border-radius:var(--border-radius);border:1px solid rgba(232,200,194,.3)}.total-row{display:flex;justify-content:space-between;padding:8px 0;font-size:1rem;color:var(--text-secondary)}.total-row.discount{color:#e87676}.total-row.total{margin-top:8px;padding-top:12px;border-top:2px solid var(--border-light);font-size:1.3rem;font-weight:700;color:var(--text-primary)}@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{flex-direction:column;align-items:flex-start}.item-controls{width:100%;justify-content:space-between}.form-row{grid-template-columns:1fr}.add-product-row{flex-direction:column}}@media(min-width:641px){.view-header{flex-direction:row!important;align-items:center!important}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow)}.empty-state svg{color:var(--text-secondary);opacity:.3;margin-bottom:20px}.empty-state p{color:var(--text-secondary);margin-bottom:24px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:48px;height:48px;border:4px solid var(--light-gray);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.product-sales .modal-backdrop.sale-modal-backdrop,.product-sales .modal-backdrop:has(.sale-modal),div.modal-backdrop:has(.sale-modal),.modal-backdrop:has(.sale-modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.product-sales .modal-backdrop .modal.sale-modal,div.modal-backdrop .modal.sale-modal,.modal-backdrop .modal.sale-modal{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}.product-sales .modal-backdrop .modal.sale-modal .modal-header,div.modal-backdrop .modal.sale-modal .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light)!important;padding:16px 20px!important}.product-sales .modal-backdrop .modal.sale-modal .modal-footer,div.modal-backdrop .modal.sale-modal .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light)!important}}.product-sales .modal-backdrop .modal.sale-modal .modal-header,.modal-backdrop .modal.sale-modal .modal-header{position:sticky;top:0;padding:16px 20px;border-bottom:1px solid var(--border-light);background:var(--white)!important;z-index:6;display:flex!important;justify-content:space-between!important;align-items:center!important}.product-sales .modal-backdrop .modal.sale-modal .modal-header,.modal-backdrop .modal.sale-modal .modal-header{background:var(--white)!important;background-image:none!important;background-gradient:none!important}.product-sales .modal-backdrop .modal.sale-modal .modal-header h3,.modal-backdrop .modal.sale-modal .modal-header h3{color:var(--text-primary)!important;margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}.product-sales .modal-backdrop .modal.sale-modal .modal-header .btn.btn-icon,.modal-backdrop .modal.sale-modal .modal-header .btn.btn-icon{background:var(--bg-secondary)!important;border:1px solid var(--border-light)!important;color:var(--text-primary)!important;box-shadow:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important}.product-sales .modal-backdrop .modal.sale-modal .modal-header .btn.btn-icon:hover,.modal-backdrop .modal.sale-modal .modal-header .btn.btn-icon:hover{background:var(--border-light)!important;border-color:var(--border-light)!important;transform:none!important;box-shadow:none!important}.product-sales .modal-backdrop .modal.sale-modal .modal-header .btn.btn-icon svg,.modal-backdrop .modal.sale-modal .modal-header .btn.btn-icon svg{color:var(--text-primary)!important;stroke:var(--text-primary)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}.product-sales .modal-backdrop .modal.sale-modal .modal-body,.modal-backdrop .modal.sale-modal .modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden!important;overscroll-behavior:contain;padding:0!important}.product-sales .modal-backdrop .modal.sale-modal .modal-footer,.modal-backdrop .modal.sale-modal .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}.product-sales .modal-backdrop .modal.sale-modal .modal-footer .btn,.modal-backdrop .modal.sale-modal .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){.product-sales .modal-backdrop .modal.sale-modal .modal-footer,.modal-backdrop .modal.sale-modal .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important}.product-sales .modal-backdrop .modal.sale-modal .modal-footer .btn,.modal-backdrop .modal.sale-modal .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important}}.modal-header{padding:28px 40px!important;border-bottom:1px solid var(--border-light);background:transparent}.modal-header h3{font-size:1.75rem!important;font-weight:300!important;color:var(--text-title)!important;letter-spacing:-.02em!important;margin:0}.modal-footer{padding:24px 40px!important;border-top:1px solid var(--border-light);background:transparent}.warehouse{display:flex;flex-direction:column;height:100%;width:100%}.warehouse-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-light);overflow-x:auto;-webkit-overflow-scrolling:touch}.warehouse-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-radius:var(--border-radius)!important}.warehouse-tab:hover{color:var(--primary-color);background:var(--bg-hover)}.warehouse-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-subtle)}.warehouse-content{flex:1;overflow-y:auto;padding:20px}.warehouse-overview{display:flex;flex-direction:column;gap:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:var(--border-radius);border:2px solid #e1e5e9;box-shadow:var(--shadow-sm);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{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.stat-card.warning{border-color:#f59e0b}.stat-card.danger{border-color:#ef4444}.stat-icon{width:56px;height:56px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.overview-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.action-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;background:#fff;border:2px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;text-align:center}.action-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background-color:#0000000d}.action-card svg{color:var(--primary-color)}.action-card h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.action-card p{font-size:.875rem;color:var(--text-secondary);margin:0}.warehouses-list,.products-list-warehouse,.stock-view,.movements-view{display:flex;flex-direction:column;gap:20px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.section-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 4px}.section-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.warehouses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.warehouse-card{background:#fff;border:2px solid var(--border-light);border-radius:var(--border-radius);padding:20px;transition:all .3s ease}.warehouse-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.warehouse-card.inactive{opacity:.6;background:var(--bg-subtle)}.warehouse-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.warehouse-title{display:flex;flex-direction:column;gap:4px}.warehouse-title h4{display:flex;align-items:center;gap:8px;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.main-badge{color:#f59e0b}.warehouse-code{font-size:.75rem;color:var(--text-secondary);background:var(--bg-secondary);padding:4px 8px;border-radius:var(--border-radius);font-family:monospace}.warehouse-actions{display:flex;gap:4px}.warehouse-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.warehouse-details{display:flex;flex-direction:column;gap:8px;margin:12px 0}.detail-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.detail-item svg{flex-shrink:0;color:var(--primary-color)}.warehouse-footer{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-light)}.toggle-switch-modern{position:relative;width:56px;height:32px;border-radius:999px;background:var(--border-light);cursor:pointer;transition:all .3s ease;flex-shrink:0;outline:none}.toggle-switch-modern:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:var(--bg-primary);border-radius:50%;box-shadow:0 4px 10px #00000026;transition:all .3s ease}.toggle-switch-modern.active{background:var(--theme-primary, var(--primary-color, #667eea))}.toggle-switch-modern.active:after{transform:translate(24px)}.toggle-label{margin-left:12px;font-size:14px;font-weight:500;color:var(--text-secondary)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:40px}.empty-state-content{text-align:center;max-width:500px}.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{border:1px solid var(--border-light);background:transparent;color:var(--text-primary)}.empty-state-actions .btn-outline:hover{background:var(--bg-secondary)}.products-table,.stock-table,.movements-table{background:#fff;border-radius:var(--border-radius);border:2px solid var(--border-light);overflow:hidden}.products-table table,.stock-table table,.movements-table table{width:100%;border-collapse:collapse}.products-table thead,.stock-table thead,.movements-table thead{background:var(--bg-secondary)}.products-table th,.stock-table th,.movements-table th{padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.products-table td,.stock-table td,.movements-table td{padding:12px 16px;border-top:1px solid var(--border-light);font-size:.875rem;color:var(--text-primary)}.products-table tbody tr:hover,.stock-table tbody tr:hover,.movements-table tbody tr:hover{background:var(--bg-hover)}.product-name-cell{display:flex;align-items:center;gap:8px}.product-thumb{width:40px;height:40px;border-radius:var(--border-radius);object-fit:cover;border:1px solid var(--border-light)}.actions-cell{display:flex;gap:4px}.action-buttons{display:flex;gap:4px;align-items:center}.btn-icon{padding:6px;background:transparent;border:1px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.btn-icon:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.btn-danger{border-color:#ef4444;color:#ef4444}.btn-danger:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.badge{padding:4px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:uppercase}.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}.quantity-cell,.available-cell{font-weight:600}.quantity-cell .quantity{font-size:1rem;color:var(--text-primary)}.quantity-cell .unit{font-size:.75rem;color:var(--text-secondary);margin-left:4px}.reserved-cell{color:#d97706}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600}.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{font-size:.8125rem;color:var(--text-secondary)}.movement-row.movement-in,.movement-row.movement-purchase{border-left:4px solid #10B981}.movement-row.movement-out,.movement-row.movement-sale,.movement-row.movement-waste,.movement-row.movement-consumption{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{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600}.movement-type-badge.movement-in,.movement-type-badge.movement-purchase{background:#d1fae5;color:#065f46}.movement-type-badge.movement-out,.movement-type-badge.movement-sale,.movement-type-badge.movement-waste,.movement-type-badge.movement-consumption{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{display:flex;align-items:center;gap:6px;font-size:.8125rem}.transfer-info .from{color:#ef4444}.transfer-info .to{color:#10b981}.transfer-info svg{color:var(--text-secondary)}.notes-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;color:var(--text-secondary)}.filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid var(--border-light);border-radius:var(--border-radius);transition:all .2s ease}.search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a}.search-box input{flex:1;border:none;outline:none;font-size:.875rem;color:var(--text-primary)}.search-box svg{color:var(--text-secondary);flex-shrink:0}.quick-stats-small{display:flex;gap:16px;padding:16px;background:#fff;border-radius:var(--border-radius);border:2px solid var(--border-light);flex-wrap:wrap}.stat-small{display:flex;flex-direction:column;gap:4px;min-width:100px}.stat-small .label{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-small .value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-small.warning .value{color:#f59e0b}.stat-small.danger .value{color:#ef4444}.stat-small.success .value{color:#10b981}.movement-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.movement-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#fff;border:2px solid var(--border-light);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.movement-type-btn:hover{border-color:var(--primary-color);background:var(--bg-hover)}.movement-type-btn.active{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.movement-type-btn.active svg{color:#fff}.movement-type-btn svg{color:var(--primary-color)}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-light)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-row input,.form-row textarea,.form-row select{padding:10px 12px;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:.875rem;color:var(--text-primary);transition:all .2s ease}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d4817e1a}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.875rem;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 32px;text-align:center;background:#fff;border-radius:var(--border-radius);border:2px dashed var(--border-light)}.empty-state svg{color:var(--text-secondary);opacity:.5;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.empty-state p{font-size:.875rem;color:var(--text-secondary);margin:0 0 24px}.modal-large{max-width:900px!important;width:90%!important}@media(max-width:768px){.stats-grid,.overview-actions,.warehouses-grid,.form-grid-2,.form-grid-3{grid-template-columns:1fr}.filters-bar{flex-direction:column}.search-box{width:100%;min-width:100%}.movement-type-selector{grid-template-columns:1fr 1fr}.quick-stats-small,.products-table,.stock-table,.movements-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.products-table table,.stock-table table,.movements-table table{min-width:800px}}@media(max-width:480px){.warehouse-content{padding:12px}.warehouse-tabs{gap:4px}.warehouse-tab{padding:10px 12px;font-size:.875rem}.warehouse-tab svg{width:16px;height:16px}.stat-value{font-size:1.5rem}.movement-type-selector{grid-template-columns:1fr}}.export-buttons{display:flex;gap:8px;align-items:center}.export-buttons .btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;border:1px solid var(--border-light);background:var(--bg-primary);color:var(--text-secondary);border-radius:var(--border-radius);cursor:pointer;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{display:flex;align-items:center;gap:12px}.date-filters{display:flex;gap:8px;align-items:end}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin:0}.date-input{padding:6px 8px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);min-width:120px}.date-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.date-loading,.date-info{display:flex;align-items:center;font-size:.75rem;color:var(--text-secondary);white-space:nowrap}.date-loading{color:var(--primary-color)}.date-info{color:var(--success-color, #10b981)}.movement-summary-row{background:linear-gradient(135deg,var(--bg-primary) 0%,rgba(59,130,246,.02) 100%)}.movement-summary-row:hover{background:linear-gradient(135deg,#3b82f60d,#3b82f614)}.in-quantity{color:var(--success-color, #10b981);font-weight:600}.out-quantity{color:var(--danger-color, #ef4444);font-weight:600}.net-quantity.positive{color:var(--success-color, #10b981);font-weight:700}.net-quantity.negative{color:var(--danger-color, #ef4444);font-weight:700}.movement-count{text-align:center;font-weight:500;color:var(--text-secondary)}.fidelity-cards{display:flex;flex-direction:column;height:100%;width:100%}.fidelity-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-light);overflow-x:auto}.fidelity-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-radius:var(--border-radius)!important}.fidelity-tab:hover{color:var(--primary-color);background:var(--bg-hover)}.fidelity-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--bg-subtle)}.fidelity-content{flex:1;overflow-y:auto;padding:20px}.fidelity-overview{display:flex;flex-direction:column;gap:32px}.tier-distribution{background:#fff;border-radius:var(--border-radius);padding:24px;border:2px solid var(--border-light)}.tier-distribution h3{margin:0 0 20px;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.tier-bars{display:flex;flex-direction:column;gap:16px}.tier-bar-item{display:flex;flex-direction:column;gap:8px}.tier-bar-label{display:flex;justify-content:space-between;align-items:center}.tier-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.tier-count{font-size:.875rem;font-weight:700;color:var(--text-secondary)}.tier-bar-bg{height:24px;background:var(--bg-secondary);border-radius:var(--border-radius);overflow:hidden}.tier-bar-fill{height:100%;transition:width .3s ease;border-radius:var(--border-radius)}.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{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.fidelity-card-item{background:#fff;border-radius:var(--border-radius);padding:24px;border:3px solid var(--border-light);box-shadow:var(--shadow-sm);transition:all .3s ease;position:relative;overflow:hidden}.fidelity-card-item:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#94a3b8,#cbd5e1)}.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{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.card-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.card-customer h4{margin:0 0 4px;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.card-number{font-size:.75rem;color:var(--text-secondary);font-family:monospace;background:var(--bg-secondary);padding:2px 6px;border-radius:var(--border-radius)}.card-status{display:flex;align-items:center;gap:8px}.tier-badge{padding:4px 10px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;border:2px solid;background:#fff}.card-points-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:var(--border-radius);padding:16px;margin-bottom:16px}.points-display{display:flex;flex-direction:column;gap:8px}.points-available{display:flex;flex-direction:column;gap:4px}.points-value{font-size:2rem;font-weight:700;color:var(--primary-color)}.points-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.points-lifetime{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--text-secondary)}.card-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;padding:12px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.card-stat{display:flex;flex-direction:column;gap:4px;text-align:center}.card-stat .stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.card-stat .stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.card-actions{display:flex;gap:8px}.card-actions .btn{flex:1}.card-actions .btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);padding:0}.card-actions .btn-icon .spinner{width:16px;height:16px}.btn-success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857)!important}.status-icon-active{color:#10b981}.status-icon-inactive{color:#ef4444}.rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.reward-card{background:#fff;border-radius:var(--border-radius);padding:24px;border:2px solid var(--border-light);text-align:center;transition:all .3s ease}.reward-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.reward-card.inactive{opacity:.6;background:var(--bg-subtle)}.reward-icon-large{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}.reward-card h4{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.reward-card p{font-size:.875rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.4}.reward-points{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--bg-secondary);border-radius:var(--border-radius);font-weight:600;color:var(--primary-color);margin-bottom:12px}.reward-value{font-size:1.25rem;font-weight:700;color:var(--primary-color);margin-bottom:12px}.reward-stats-small{font-size:.75rem;color:var(--text-secondary);margin-bottom:16px}.reward-actions{display:flex;gap:8px;justify-content:center;align-items:center;padding-top:16px;border-top:1px solid var(--border-light)}.toggle-switch-small{display:flex;align-items:center;cursor:pointer}.toggle-slider-small{position:relative;width:36px;height:20px;background:#cbd5e1;border-radius:var(--border-radius);transition:background .3s}.toggle-slider-small:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s}.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:translate(16px)}.transactions-table{background:#fff;border-radius:var(--border-radius);border:2px solid var(--border-light);overflow:hidden}.transactions-table table{width:100%;border-collapse:collapse}.transactions-table thead{background:var(--bg-secondary)}.transactions-table th{padding:12px 16px;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase}.transactions-table td{padding:12px 16px;border-top:1px solid var(--border-light);font-size:.875rem}.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-radius:var(--border-radius);padding:24px;border:2px solid var(--border-light);margin-bottom:20px}.fidelity-settings-view .settings-card h4{margin:0 0 20px;font-size:1.125rem;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--border-light)}.card-info-box{padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-bottom:20px}.card-info-box p{margin:4px 0;font-size:.875rem;color:var(--text-primary)}.alert{padding:12px 16px;border-radius:var(--border-radius);margin:12px 0;font-size:.875rem}.alert-info{background:#dbeafe;color:#1e40af;border:1px solid #93C5FD}.alert-danger{background:#fee2e2;color:#991b1b;border:1px solid #FCA5A5}@media(max-width:768px){.cards-grid,.rewards-grid,.card-stats{grid-template-columns:1fr}.fidelity-content{padding:12px}.transactions-table{overflow-x:auto}.transactions-table table{min-width:700px}}@media(min-width:769px){.rewards-management .modal-backdrop .modal.modal-large.reward-modal .modal-body,.rewards-management .modal-backdrop .modal.modal-xlarge.reward-modal .modal-body,.modal-backdrop .modal.modal-large.reward-modal .modal-body,.modal-backdrop .modal.modal-xlarge.reward-modal .modal-body,div.modal-backdrop .modal.reward-modal.modal-large .modal-body,div.modal-backdrop .modal.reward-modal.modal-xlarge .modal-body,.rewards-management .modal-backdrop .modal.modal-large.reward-modal form.modal-body,.rewards-management .modal-backdrop .modal.modal-xlarge.reward-modal form.modal-body,.modal-backdrop .modal.modal-large.reward-modal form.modal-body,.modal-backdrop .modal.modal-xlarge.reward-modal form.modal-body,div.modal-backdrop .modal.reward-modal.modal-large form.modal-body,div.modal-backdrop .modal.reward-modal.modal-xlarge form.modal-body{padding:24px 40px!important}}.redemption-modal{max-width:640px}.reward-selection-list{display:flex;flex-direction:column;gap:14px;margin-top:12px}.reward-selection-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-subtle)}.reward-selection-title{display:flex;align-items:center;gap:12px;font-size:1rem}.reward-selection-meta{display:flex;gap:12px;font-size:.85rem;color:var(--text-secondary)}.reward-selection-actions{display:flex;align-items:center;gap:10px}.btn-qty{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:#fff;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.btn-qty:hover{background:var(--bg-hover)}.reward-quantity{min-width:24px;text-align:center;font-weight:600}.reward-emoji{font-size:1.5rem}.reward-add-control{margin-top:24px;display:flex;flex-direction:column;gap:8px}.reward-add-row{display:flex;gap:12px}.reward-add-row .custom-dropdown{flex:1}.fidelity-cards .custom-dropdown,.fidelity-cards .custom-dropdown-trigger,.reward-add-row .custom-dropdown,.reward-add-row .custom-dropdown .custom-dropdown-trigger{border-radius:var(--border-radius)!important}.empty-reward-selection{border:1px dashed var(--border-light);border-radius:var(--border-radius);padding:16px;text-align:center;font-size:.95rem;color:var(--text-secondary)}.history-actions{min-width:110px}.history-actions .actions-group{display:flex;gap:6px;justify-content:flex-end}.history-actions .btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-secondary);transition:all .2s ease}.history-actions .btn-icon:hover{color:var(--primary-color);border-color:var(--primary-color);background:var(--primary-light)}.history-actions .btn-icon:disabled{opacity:.4;cursor:not-allowed}.history-actions .no-actions{font-size:.8rem;color:var(--text-tertiary)}.alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--border-radius);margin-bottom:16px;font-size:.9rem}.alert-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.alert-success{background:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.ph-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:20000;padding:24px}.ph-modal{background:#fff;border-radius:var(--border-radius);width:100%;max-width:520px;display:flex;flex-direction:column;box-shadow:0 24px 80px #0f172a38;overflow:hidden}.ph-modal-large{max-width:860px}.ph-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--bg-subtle)}.ph-modal-header h4{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px}.ph-modal-body{padding:24px;display:flex;flex-direction:column;gap:18px;max-height:70vh;overflow-y:auto}.ph-modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-subtle)}.ph-summary-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ph-summary-list li{display:flex;justify-content:space-between;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.9rem}.ph-edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.ph-edit-column{display:flex;flex-direction:column;gap:12px}.ph-edit-column h5{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.ph-reward-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:6px}.ph-reward-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-secondary)}.ph-reward-info{display:flex;flex-direction:column;gap:4px}.ph-reward-info strong{font-size:.95rem;color:var(--text-primary)}.ph-reward-actions{display:flex;align-items:center;gap:8px}.ph-reward-actions button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);border-radius:var(--border-radius);background:#fff;color:var(--text-secondary);transition:all .2s ease}.ph-reward-actions button:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-light)}.ph-reward-actions button:disabled{opacity:.4;cursor:not-allowed}.ph-edit-summary{display:flex;gap:20px;background:var(--bg-secondary);padding:12px 16px;border-radius:var(--border-radius);justify-content:space-between;flex-wrap:wrap}.ph-edit-summary div{display:flex;flex-direction:column;gap:4px;min-width:160px}.ph-edit-summary span{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.ph-edit-summary strong{font-size:1.1rem;color:var(--text-primary)}.ph-info-text{font-size:.9rem;color:var(--text-secondary)}.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}}div.modal-backdrop .modal.fidelity-card-modal .modal-footer,div.modal-backdrop .modal.reward-modal .modal-footer,div.modal-backdrop .modal.fidelity-history-modal .modal-footer{position:sticky;bottom:0;background:var(--white)!important;padding:16px 20px;border-top:1px solid var(--border-light);display:flex!important;gap:12px;flex-wrap:wrap;width:100%;z-index:5}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn,div.modal-backdrop .modal.reward-modal .modal-footer .btn,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn{flex:1 1 0;justify-content:center;width:auto;min-width:0}@media(max-width:768px){div.modal-backdrop:has(.modal.fidelity-card-modal),div.modal-backdrop:has(.modal.reward-modal),div.modal-backdrop:has(.modal.fidelity-history-modal),div.modal-backdrop:has(.modal.voucher-modal),.fidelity-cards .modal-backdrop{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}div.modal-backdrop .modal.fidelity-card-modal,div.modal-backdrop .modal.reward-modal,div.modal-backdrop .modal.fidelity-history-modal,div.modal-backdrop .modal.redemption-modal,div.modal-backdrop .modal.voucher-modal{background:var(--white)!important;border-radius:var(--border-radius)!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 0 1px #0000000d!important;border:1px solid var(--border-light, #e5e7eb)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}div.modal-backdrop .modal.fidelity-card-modal.modal-large,div.modal-backdrop .modal.fidelity-card-modal.modal-sm,div.modal-backdrop .modal.fidelity-card-modal.modal-xlarge,div.modal-backdrop .modal.reward-modal.modal-large,div.modal-backdrop .modal.reward-modal.modal-xlarge,div.modal-backdrop .modal.fidelity-history-modal.modal-large,div.modal-backdrop .modal.fidelity-history-modal.modal-sm,div.modal-backdrop .modal.fidelity-history-modal.modal-xlarge,div.modal-backdrop .modal.redemption-modal.modal-large,div.modal-backdrop .modal.redemption-modal.modal-xlarge,div.modal-backdrop .modal.voucher-modal.modal-large,div.modal-backdrop .modal.voucher-modal.modal-md{max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;overflow:hidden!important}div.modal-backdrop .modal.fidelity-card-modal .modal-header,div.modal-backdrop .modal.reward-modal .modal-header,div.modal-backdrop .modal.fidelity-history-modal .modal-header,div.modal-backdrop .modal.redemption-modal .modal-header,div.modal-backdrop .modal.voucher-modal .modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;background:var(--white)!important;border-bottom:1px solid var(--border-light, #e5e7eb)!important;padding:16px 20px!important;border-radius:var(--border-radius) 16px 0 0!important;display:flex!important;justify-content:space-between!important;align-items:center!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer,div.modal-backdrop .modal.reward-modal .modal-footer,div.modal-backdrop .modal.fidelity-history-modal .modal-footer,div.modal-backdrop .modal.redemption-modal .modal-footer,div.modal-backdrop .modal.voucher-modal .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;background:var(--white)!important;border-top:1px solid var(--border-light, #e5e7eb)!important;border-radius:0 0 16px 16px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important}div.modal-backdrop .modal.fidelity-card-modal form.modal-body,div.modal-backdrop .modal.reward-modal form.modal-body,div.modal-backdrop .modal.fidelity-history-modal form.modal-body,div.modal-backdrop .modal.voucher-modal form.modal-body{padding-bottom:0!important;margin-bottom:0!important}div.modal-backdrop .modal.reward-modal form.modal-body,div.modal-backdrop .modal.reward-modal .modal-body:has(.modal-footer),div.modal-backdrop .modal.voucher-modal form.modal-body,div.modal-backdrop .modal.voucher-modal .modal-body:has(.modal-footer){padding-bottom:0!important;margin-bottom:0!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer,div.modal-backdrop .modal.reward-modal .modal-footer,div.modal-backdrop .modal.fidelity-history-modal .modal-footer,div.modal-backdrop .modal.redemption-modal .modal-footer,div.modal-backdrop .modal.voucher-modal .modal-footer{flex-wrap:wrap!important;gap:8px!important;padding:12px 16px!important;width:calc(100% + 48px)!important;margin:0 -24px!important;box-sizing:border-box!important;display:flex!important;align-items:stretch!important}div.modal-backdrop .modal.reward-modal form.modal-body:last-child,div.modal-backdrop .modal.reward-modal form.modal-body>.modal-footer:last-child{margin-bottom:0!important;padding-bottom:0!important}div.modal-backdrop .modal.reward-modal{padding-bottom:0!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn,div.modal-backdrop .modal.reward-modal .modal-footer .btn,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn,div.modal-backdrop .modal.redemption-modal .modal-footer .btn,div.modal-backdrop .modal.voucher-modal .modal-footer .btn,div.modal-backdrop .modal.fidelity-card-modal .modal-footer button.btn,div.modal-backdrop .modal.reward-modal .modal-footer button.btn,div.modal-backdrop .modal.fidelity-history-modal .modal-footer button.btn,div.modal-backdrop .modal.redemption-modal .modal-footer button.btn,div.modal-backdrop .modal.voucher-modal .modal-footer button.btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important;height:45px!important;min-height:45px!important;max-height:45px!important;line-height:1.2!important;border-radius:var(--border-radius)!important;font-weight:500!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;gap:6px!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.reward-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.redemption-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.voucher-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.fidelity-card-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.reward-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.redemption-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.voucher-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.reward-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.redemption-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.voucher-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.fidelity-card-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.reward-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.redemption-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.voucher-modal .modal-footer button.btn.btn-primary{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important;height:45px!important;min-height:45px!important;max-height:45px!important;line-height:1.2!important;box-sizing:border-box!important;border-radius:var(--border-radius)!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn svg,div.modal-backdrop .modal.reward-modal .modal-footer .btn svg,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn svg,div.modal-backdrop .modal.redemption-modal .modal-footer .btn svg,div.modal-backdrop .modal.voucher-modal .modal-footer .btn svg{width:18px!important;height:18px!important;flex-shrink:0!important;margin:0!important}div.modal-backdrop .modal.fidelity-card-modal .modal-header h3,div.modal-backdrop .modal.reward-modal .modal-header h3,div.modal-backdrop .modal.fidelity-history-modal .modal-header h3,div.modal-backdrop .modal.redemption-modal .modal-header h3,div.modal-backdrop .modal.voucher-modal .modal-header h3{color:var(--text-primary, #1f2937)!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;gap:8px!important;font-size:1.1rem!important;font-weight:600!important;line-height:1.4!important;text-shadow:none!important}div.modal-backdrop .modal.fidelity-card-modal .modal-header .btn.btn-icon,div.modal-backdrop .modal.reward-modal .modal-header .btn.btn-icon,div.modal-backdrop .modal.fidelity-history-modal .modal-header .btn.btn-icon,div.modal-backdrop .modal.redemption-modal .modal-header .btn.btn-icon,div.modal-backdrop .modal.voucher-modal .modal-header .btn.btn-icon,div.modal-backdrop .modal.fidelity-card-modal .modal-header button[aria-label*=Chiudi],div.modal-backdrop .modal.reward-modal .modal-header button[aria-label*=Chiudi],div.modal-backdrop .modal.fidelity-history-modal .modal-header button[aria-label*=Chiudi],div.modal-backdrop .modal.redemption-modal .modal-header button[aria-label*=Chiudi],div.modal-backdrop .modal.voucher-modal .modal-header button[aria-label*=Chiudi]{background:var(--bg-secondary, #f9fafb)!important;border:1px solid var(--border-light, #e5e7eb)!important;color:var(--text-primary, #1f2937)!important;box-shadow:0 1px 2px #0000000d!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important}div.modal-backdrop .modal.fidelity-card-modal .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.reward-modal .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.fidelity-history-modal .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.redemption-modal .modal-header .btn.btn-icon:hover,div.modal-backdrop .modal.voucher-modal .modal-header .btn.btn-icon:hover{background:var(--border-light, #e5e7eb)!important;border-color:var(--border-light, #e5e7eb)!important;transform:scale(1.05)!important;box-shadow:0 2px 4px #0000001a!important}div.modal-backdrop .modal.fidelity-card-modal .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.reward-modal .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.fidelity-history-modal .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.redemption-modal .modal-header .btn.btn-icon svg,div.modal-backdrop .modal.voucher-modal .modal-header .btn.btn-icon svg{color:var(--text-primary, #1f2937)!important;stroke:var(--text-primary, #1f2937)!important;stroke-width:2!important;filter:none!important;width:18px!important;height:18px!important}div.modal-backdrop .modal.fidelity-card-modal .modal-body,div.modal-backdrop .modal.reward-modal .modal-body,div.modal-backdrop .modal.fidelity-history-modal .modal-body,div.modal-backdrop .modal.redemption-modal .modal-body,div.modal-backdrop .modal.voucher-modal .modal-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:20px 24px!important;background:var(--white)!important;min-height:0!important}div.modal-backdrop .modal.reward-modal.modal-large .modal-body,div.modal-backdrop .modal.reward-modal.modal-xlarge .modal-body,div.modal-backdrop .modal.voucher-modal.modal-large .modal-body,div.modal-backdrop .modal.voucher-modal.modal-md .modal-body,.rewards-management .modal-backdrop .modal.modal-large.reward-modal .modal-body,.modal-backdrop .modal.modal-large.reward-modal .modal-body{padding:20px 24px 0!important}div.modal-backdrop .modal.fidelity-card-modal form.modal-body,div.modal-backdrop .modal.reward-modal form.modal-body,div.modal-backdrop .modal.fidelity-history-modal form.modal-body,div.modal-backdrop .modal.redemption-modal form.modal-body,div.modal-backdrop .modal.voucher-modal form.modal-body{padding-bottom:0!important;margin-bottom:0!important}@media(max-width:480px){div.modal-backdrop .modal.fidelity-card-modal .modal-body,div.modal-backdrop .modal.reward-modal .modal-body,div.modal-backdrop .modal.fidelity-history-modal .modal-body,div.modal-backdrop .modal.redemption-modal .modal-body{padding:16px 20px 0!important}div.modal-backdrop .modal.fidelity-card-modal form.modal-body,div.modal-backdrop .modal.reward-modal form.modal-body,div.modal-backdrop .modal.fidelity-history-modal form.modal-body,div.modal-backdrop .modal.redemption-modal form.modal-body{padding-bottom:0!important;margin-bottom:0!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer,div.modal-backdrop .modal.reward-modal .modal-footer,div.modal-backdrop .modal.fidelity-history-modal .modal-footer,div.modal-backdrop .modal.redemption-modal .modal-footer{padding:12px 16px!important;width:calc(100% + 40px)!important;margin:0 -20px!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn,div.modal-backdrop .modal.reward-modal .modal-footer .btn,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn,div.modal-backdrop .modal.redemption-modal .modal-footer .btn,div.modal-backdrop .modal.fidelity-card-modal .modal-footer button.btn,div.modal-backdrop .modal.reward-modal .modal-footer button.btn,div.modal-backdrop .modal.fidelity-history-modal .modal-footer button.btn,div.modal-backdrop .modal.redemption-modal .modal-footer button.btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important;height:45px!important;min-height:45px!important;max-height:45px!important;line-height:1.2!important;border-radius:var(--border-radius)!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;gap:6px!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.reward-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.redemption-modal .modal-footer .btn.btn-secondary,div.modal-backdrop .modal.fidelity-card-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.reward-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.redemption-modal .modal-footer button.btn.btn-secondary,div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.reward-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.redemption-modal .modal-footer .btn.btn-primary,div.modal-backdrop .modal.fidelity-card-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.reward-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.fidelity-history-modal .modal-footer button.btn.btn-primary,div.modal-backdrop .modal.redemption-modal .modal-footer button.btn.btn-primary{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important;height:45px!important;min-height:45px!important;max-height:45px!important;line-height:1.2!important;box-sizing:border-box!important;border-radius:var(--border-radius)!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}div.modal-backdrop .modal.fidelity-card-modal .modal-footer .btn svg,div.modal-backdrop .modal.reward-modal .modal-footer .btn svg,div.modal-backdrop .modal.fidelity-history-modal .modal-footer .btn svg,div.modal-backdrop .modal.redemption-modal .modal-footer .btn svg{width:18px!important;height:18px!important;flex-shrink:0!important;margin:0!important}}}.vouchers-management{display:flex;flex-direction:column;gap:24px}.vouchers-management .section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.vouchers-management .section-header h3{margin:0 0 8px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.vouchers-management .section-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.vouchers-management .filters-bar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.vouchers-management .search-box{flex:1;min-width:200px;position:relative;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid var(--border-light);border-radius:var(--border-radius)}.vouchers-management .search-box input{flex:1;border:none;outline:none;font-size:.95rem;color:var(--text-primary)}.vouchers-management .search-box svg{color:var(--text-secondary);flex-shrink:0}.vouchers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.voucher-item{background:#fff;border:2px solid var(--border-light);border-radius:var(--border-radius);padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease}.voucher-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a}.voucher-item.used{opacity:.7;background:var(--bg-subtle)}.voucher-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.voucher-code{display:flex;align-items:center;gap:8px}.voucher-code svg{color:var(--primary-color)}.code-text{font-weight:600;font-size:1.1rem;color:var(--text-primary);letter-spacing:1px}.voucher-status .status-icon-used{color:#10b981}.voucher-status .status-icon-unused{color:#f59e0b}.voucher-details{display:flex;flex-direction:column;gap:8px}.voucher-value{text-align:center;padding:16px;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border-radius:var(--border-radius)}.value-text{font-size:2rem;font-weight:700;color:var(--text-primary)}.voucher-customer,.voucher-expiry{font-size:.9rem;color:var(--text-secondary)}.voucher-actions{display:flex;gap:8px;flex-wrap:wrap}.voucher-actions .btn{flex:1;min-width:100px}.voucher-actions .btn-icon{flex:0 0 auto;min-width:auto}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:var(--border-radius);border:2px dashed var(--border-light)}.empty-state h3{margin:0 0 8px;font-size:1.25rem;color:var(--text-primary)}.empty-state p{margin:0 0 24px;color:var(--text-secondary)}@media(max-width:768px){.fidelity-cards .view-header,.cards-management .section-header,.rewards-management .section-header,.vouchers-management .section-header,.fidelity-settings .section-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.fidelity-cards .view-header .btn,.cards-management .section-header .btn,.rewards-management .section-header .btn,.vouchers-management .section-header .btn,.fidelity-settings .section-header .btn{width:100%!important;justify-content:center!important;min-height:45px!important;height:45px!important;padding:10px 16px!important;font-size:.9rem!important}.vouchers-grid{grid-template-columns:1fr;gap:16px}.vouchers-management .filters-bar{flex-direction:column;gap:12px}.vouchers-management .search-box{min-width:100%}.voucher-item{padding:16px;gap:12px}.voucher-header{flex-direction:column;align-items:flex-start;gap:8px}.voucher-code{width:100%}.voucher-actions{flex-direction:column}.voucher-actions .btn{width:100%!important;min-width:auto!important;flex:1 1 auto!important}.voucher-actions .btn-icon{flex:1 1 auto!important;min-width:auto!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.voucher-actions .btn-icon svg{width:16px!important;height:16px!important}.voucher-actions .btn.btn-sm{width:100%!important;flex:1 1 auto!important}.voucher-value{padding:12px}.value-text{font-size:1.5rem}.modal-backdrop:has(.modal.voucher-modal){padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.modal-backdrop .modal.voucher-modal{background:var(--white)!important;border-radius:var(--border-radius)!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a,0 0 0 1px #0000000d!important;border:1px solid var(--border-light, #e5e7eb)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 200px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:0!important;position:relative!important}.modal-backdrop .modal.voucher-modal .modal-body{flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;padding:20px 24px 0!important;background:var(--white)!important;min-height:0!important}.modal-backdrop .modal.voucher-modal .modal-footer{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;margin-bottom:0!important;min-height:70px!important;padding-top:16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;padding-left:24px!important;padding-right:24px!important;border-top:1px solid var(--border-light, #e5e7eb)!important;background:var(--white)!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;width:100%!important}.modal-backdrop .modal.voucher-modal form.modal-body,.modal-backdrop .modal.voucher-modal .modal-body form{padding-bottom:0!important;margin-bottom:0!important}.modal-backdrop .modal.voucher-modal .modal-footer .btn{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;font-size:.9rem!important;padding:10px 12px!important;height:45px!important;min-height:45px!important;max-height:45px!important;line-height:1.2!important;box-sizing:border-box!important;border-radius:var(--border-radius)!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.channel-selector{flex-direction:column!important;gap:8px!important}.channel-selector .btn{width:100%!important;flex:1!important}.new-customer-form{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-top:16px}.new-customer-form .form-row{display:flex;flex-direction:column;gap:8px}.new-customer-form .form-row label{font-size:.9rem;font-weight:500;color:var(--text-primary)}.new-customer-form .form-row input{width:100%;padding:10px 12px;border:2px solid var(--border-light);border-radius:var(--border-radius);font-size:.95rem}.contact-warning{padding:12px;background:#fef3c7;border:1px solid #FCD34D;border-radius:var(--border-radius);margin:12px 0;font-size:.875rem;color:#92400e}.contact-warning button{margin-top:8px;padding:8px 16px;background:#f59e0b;color:#fff;border:none;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer}.send-modal-preview{padding:12px;background:var(--bg-secondary);border-radius:var(--border-radius);margin-top:16px;font-size:.875rem}.send-modal-preview h4{margin:0 0 8px;font-size:1rem;color:var(--text-primary)}.send-modal-preview p{margin:4px 0;color:var(--text-secondary)}.modal-backdrop .modal.voucher-modal .form-row button.btn,.modal-backdrop .modal.voucher-modal .channel-selector button.btn,.modal-backdrop .modal.voucher-modal button.btn-sm,.modal-backdrop .modal.voucher-modal .modal-footer button.btn,.modal-backdrop .modal.voucher-modal button[class*=btn]{width:100%!important;min-width:auto!important;flex:1 1 auto!important;height:45px!important;min-height:45px!important;max-height:45px!important;padding:10px 12px!important;font-size:.9rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important}.modal-backdrop .modal.voucher-modal .form-row>div:has(button.btn){display:flex!important;flex-direction:column!important;gap:8px!important}.modal-backdrop .modal.voucher-modal .form-row>div button.btn{margin-right:0!important;margin-bottom:0!important}.modal-backdrop .modal.voucher-modal .form-row>div[style*="display: flex"],.modal-backdrop .modal.voucher-modal div[style*="display: flex"][style*=gap]{flex-direction:column!important;gap:8px!important}.modal-backdrop .modal.voucher-modal .form-row>div[style*="display: flex"] button.btn,.modal-backdrop .modal.voucher-modal div[style*="display: flex"] button.btn{width:100%!important;margin:0!important}.modal-backdrop .modal.voucher-modal div[style*="background: #fef3c7"] button.btn{width:100%!important;margin-top:8px!important}}.virtual-assistant-widget{position:fixed;bottom:24px;right:24px;width:360px;max-height:520px;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:0 18px 48px #0f172a40;border:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;z-index:4000;transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;color:var(--text-primary)}.virtual-assistant-widget.open{transform:translateY(0);opacity:1;pointer-events:auto}.virtual-assistant-header{background:var(--primary-color);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:inset 0 -1px #ffffff40}.assistant-actions{display:flex;align-items:center;gap:8px}.assistant-clear{width:32px;height:32px;border-radius:var(--border-radius);border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.assistant-clear:hover{background:#ffffff38}.assistant-clear svg{color:#fff}.assistant-title{display:flex;align-items:center;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;opacity:.85;line-height:1.2}.assistant-close{width:32px;height:32px;border-radius:var(--border-radius);border:none;background:#ffffff29;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.assistant-close:hover{background:#ffffff3d}.virtual-assistant-body{flex:1;overflow-y:auto;padding:12px 16px 8px;background:linear-gradient(180deg,#94a3b814,#94a3b800 40%)}.assistant-messages{display:flex;flex-direction:column;gap:12px}.assistant-message{display:flex;align-items:flex-end}.assistant-message.assistant{justify-content:flex-start}.assistant-message.user{justify-content:flex-end}.assistant-bubble{position:relative;max-width:80%;padding:12px 14px 20px;border-radius:var(--border-radius);font-size:.95rem;line-height:1.4;background:#f1f5f9a6;color:var(--text-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 8px 18px #0f172a1a}.assistant-message.assistant .assistant-bubble{border-bottom-left-radius:4px}.assistant-message.user .assistant-bubble{background:var(--primary-color);color:#fff;border-bottom-right-radius:4px;box-shadow:0 12px 24px #6366f159}.assistant-message.pending .assistant-bubble:after{content:"…";display:inline-block;margin-left:6px;animation:pulse 1s infinite}.assistant-timestamp{position:absolute;right:12px;bottom:6px;font-size:.72rem;opacity:.65;font-weight:500}.virtual-assistant-footer{display:flex;align-items:flex-end;padding:14px 16px;gap:10px;border-top:1px solid var(--border-light);background:var(--bg-primary)}.virtual-assistant-footer textarea{flex:1;min-height:42px;max-height:120px;border-radius:var(--border-radius);border:1px solid var(--border-light);padding:10px 12px;resize:vertical;font-family:inherit;font-size:.95rem;line-height:1.35;background:var(--bg-secondary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.virtual-assistant-footer textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f126;background:#fff}.assistant-send{width:44px;height:45px;border-radius:var(--border-radius);border:none;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 20px #6366f14d}.assistant-send:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.assistant-send:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 26px #6366f166}.assistant-send svg{color:#fff}@keyframes pulse{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}@media(max-width:1024px){.virtual-assistant-widget{width:320px}}@media(max-width:768px){.virtual-assistant-widget{right:16px;bottom:16px;width:calc(100vw - 32px);max-height:75vh}}@media(max-width:480px){.virtual-assistant-widget{right:12px;bottom:12px;width:calc(100vw - 24px);border-radius:var(--border-radius)}.virtual-assistant-footer{padding:12px 14px}.virtual-assistant-footer textarea{min-height:54px}}.tech-admin-panel{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app);overflow:visible}body.tech-theme-dark-elegant .tech-admin-panel,body.tech-theme-light-elegant .tech-admin-panel{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 12px #0000001a;border-radius:0;border:none}.admin-header-left{display:flex;align-items:center;gap:16px}.admin-header-left h1{margin:0;font-size:24px;font-weight:700;color:#fff}.admin-header-left p{margin:4px 0 0;font-size:14px;opacity:.9;color:#fff}.admin-header-right{display:flex;align-items:center;gap:16px}.tech-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border-radius:var(--border-radius);font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff}.tech-admin-tabs{display:flex;gap:12px;flex-wrap:wrap;padding:20px 32px;background:var(--bg-app, var(--bg-primary));border-bottom:1px solid var(--border-light)}.tech-admin-tabs button{border-radius:var(--border-radius);border:none;border-left:4px solid transparent;padding:14px 18px;background:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:14px;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.tech-admin-tabs button:hover{color:var(--primary-color);background:var(--primary-light)}.tech-admin-tabs button.active{color:var(--primary-hover, var(--primary-color));background:var(--primary-light);border-left-color:var(--primary-color);box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d;font-weight:600}.tech-admin-section{background:var(--bg-primary);padding:24px 32px;display:flex;flex-direction:column;gap:24px;border-radius:0;box-shadow:none;border:none}body.tech-theme-dark-elegant .tech-admin-section,body.tech-theme-light-elegant .tech-admin-section{background:var(--tech-bg-primary)!important;background-color:var(--tech-bg-primary)!important;color:var(--tech-text-primary)!important}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-header h2{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:10px}.section-header p{margin:6px 0 0 28px;color:var(--text-secondary)}body.tech-theme-dark-elegant .section-header h2{color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .section-header p{color:var(--tech-text-secondary)!important}body.tech-theme-light-elegant .section-header h2{color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .section-header p{color:var(--tech-text-secondary)!important}.tech-admin-form{display:flex;flex-direction:column;gap:24px}.form-card{border:1px solid rgba(232,200,194,.3);border-radius:var(--border-radius);padding:24px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 30px #e8c8c226;overflow:visible;position:relative}body.tech-theme-dark-elegant .form-card,body.tech-theme-light-elegant .form-card{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--tech-shadow-md)!important}.form-card h3{margin:0 0 18px;font-size:1.2rem;display:flex;align-items:center;gap:10px}body.tech-theme-dark-elegant .form-card h3,body.tech-theme-light-elegant .form-card h3{color:var(--tech-text-primary)!important}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}@media(min-width:900px){.user-data-grid .user-active-toggle-group{justify-self:end;align-self:end;width:fit-content}}@media(min-width:1200px){.user-data-grid{grid-template-columns:repeat(5,minmax(200px,1fr)) minmax(420px,2fr) auto}.user-data-grid .password-initial-group{grid-column:6 / 7}.user-data-grid .user-active-toggle-group{grid-column:7 / 8}}@media(min-width:900px)and (max-width:1199px){.user-data-grid .password-initial-group{grid-column:1 / -1}}@media(max-width:899px){.user-data-grid .password-initial-group{grid-column:1 / -1}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:600;color:var(--text-secondary)}body.tech-theme-dark-elegant .form-group label,body.tech-theme-light-elegant .form-group label{color:var(--tech-text-secondary)!important}.form-group input,.form-group textarea,.form-group select{border-radius:var(--border-radius);border:1px solid var(--border-light);padding:10px 12px;font-size:.95rem;background:var(--bg-secondary);transition:border-color .2s ease}body.tech-theme-dark-elegant .form-group input,body.tech-theme-dark-elegant .form-group textarea,body.tech-theme-dark-elegant .form-group select,body.tech-theme-light-elegant .form-group input,body.tech-theme-light-elegant .form-group textarea,body.tech-theme-light-elegant .form-group select{background:var(--tech-bg-card)!important;background-color:var(--tech-bg-card)!important;border-color:var(--tech-border-medium)!important;color:var(--tech-text-primary)!important}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c240}body.tech-theme-dark-elegant .form-group input:focus,body.tech-theme-dark-elegant .form-group textarea:focus,body.tech-theme-dark-elegant .form-group select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}body.tech-theme-light-elegant .form-group input:focus,body.tech-theme-light-elegant .form-group textarea:focus,body.tech-theme-light-elegant .form-group select:focus{border-color:var(--tech-accent-primary)!important;box-shadow:0 0 0 3px var(--tech-accent-light)!important}.form-group-full{grid-column:1 / -1}.input-with-button{display:flex;align-items:center;gap:8px;width:100%}.input-with-button input{flex:1;width:100%;box-sizing:border-box;min-width:0}.input-with-button button{flex:none;padding:8px 10px;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}.field-note{font-size:.82rem;color:var(--text-secondary)}body.tech-theme-dark-elegant .field-note,body.tech-theme-light-elegant .field-note{color:var(--tech-text-secondary)!important}.dropdown-emoji{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:1.2rem}.compact-dropdown{width:100%;max-width:320px}.company-selection-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:12px 0 18px}.company-selection-bar .form-group{min-width:220px;flex:1}.btn-tertiary{background:var(--bg-secondary);color:var(--primary-hover);border:1px dashed rgba(232,200,194,.45);padding:10px 16px;border-radius:var(--border-radius);display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:background .2s ease}.btn-tertiary:hover{background:#e8c8c233}.company-loading{display:flex;align-items:center;justify-content:center;padding:6px 10px}.company-mode-banner{margin-bottom:18px;padding:12px 16px;border-radius:var(--border-radius);border:1px solid rgba(99,102,241,.25);background:#4f46e514;color:#312e81;display:flex;align-items:flex-start;gap:10px}body.tech-theme-dark-elegant .company-mode-banner,body.tech-theme-light-elegant .company-mode-banner{background:var(--tech-bg-secondary)!important;background-color:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}.company-mode-banner strong{display:block;color:var(--text-primary)}body.tech-theme-dark-elegant .company-mode-banner strong,body.tech-theme-light-elegant .company-mode-banner strong{color:var(--tech-text-primary)!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--border-radius);border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#e8c8c2,#d4b2ab);color:var(--text-primary);align-self:flex-start}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 20px #e8c8c259}.btn-secondary{background:#e8c8c226;color:var(--primary-hover);border:1px solid rgba(232,200,194,.45)}.btn-secondary:hover{background:#e8c8c240}.tech-admin-alert{border-radius:var(--border-radius);padding:14px 18px;display:flex;align-items:center;gap:10px;font-size:.95rem;margin:20px 32px 0}.tech-admin-section .tech-admin-alert{margin:0}.tech-admin-alert.success{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.tech-admin-alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}body.tech-theme-dark-elegant .tech-admin-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}body.tech-theme-dark-elegant .tech-admin-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}body.tech-theme-light-elegant .tech-admin-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}body.tech-theme-light-elegant .tech-admin-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}.tech-admin-alert.info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}.tech-admin-info-box{border-radius:var(--border-radius);padding:12px 16px;background:#4338ca14;color:#312e81;display:flex;align-items:flex-start;gap:10px;font-size:.9rem;border:1px solid rgba(99,102,241,.25)}.loading-spinner{width:20px;height:20px;border:3px solid rgba(232,200,194,.4);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}body.tech-theme-dark-professional .loading-spinner,body.tech-theme-light-professional .loading-spinner,body.tech-theme-neutral-modern .loading-spinner,body.tech-theme-dark-elegant .loading-spinner,body.tech-theme-light-elegant .loading-spinner{border-color:#58a6ff66!important;border-top-color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .loading-spinner{border-color:#b89f6166!important;border-top-color:var(--tech-accent-primary)!important}body.tech-theme-light-elegant .loading-spinner{border-color:#cebfa766!important;border-top-color:var(--tech-accent-primary)!important}.toggle-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.toggle-label-inline{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:12px}.user-active-toggle-group .toggle-label-inline{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;white-space:nowrap}.checkbox-group{display:flex;align-items:center}.checkbox-inline{display:inline-flex;align-items:center}.tech-dashboard{display:flex;flex-direction:column;gap:2rem}.tech-dashboard-loading,.tech-dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;gap:20px;color:var(--text-secondary, #666)}.tech-dashboard-error{color:#dc3545}.tech-dashboard-loading .spin{animation:spin 1s linear infinite;color:var(--tech-accent-primary, var(--primary-color))}.dashboard-section{background:var(--tech-bg-primary, #ffffff);border:1px solid var(--tech-border, #e1e5e9);border-radius:var(--border-radius);padding:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--tech-border, #e1e5e9)}.section-title h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--tech-text-primary, #1f2937)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;max-width:100%}.annual-trends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:100%}.annual-trends-grid .metric-card{width:100%;flex-direction:column;padding:1.5rem}.annual-trends-grid .metric-card .metric-main{width:100%;margin-bottom:1rem}.annual-trends-grid .metric-card .metric-chart{width:100%;height:320px;border-top:none;padding-top:0;display:flex;justify-content:center;align-items:center}.tech-dashboard .trend-chart-card,.annual-trends-grid .metric-card.chart-card:last-child{grid-column:1 / -1}.tech-dashboard .trend-chart-card{background:#fff;border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08));transition:box-shadow .2s ease;border:1px solid var(--tech-border-light, #e5e7eb)}.tech-dashboard .trend-chart-card:hover{box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1))}.tech-dashboard .trend-chart-card .chart-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.tech-dashboard .trend-chart-card .chart-header h3{font-size:1.25rem;font-weight:600;color:var(--tech-text-primary, #1f2937);margin:0 0 4px}.tech-dashboard .trend-chart-card .chart-header p{font-size:.875rem;color:var(--tech-text-secondary, #6b7280);margin:0}.tech-dashboard .trend-chart-card .chart-container{width:100%;position:relative}body.tech-theme-dark-elegant .tech-dashboard .trend-chart-card,body.tech-theme-dark-professional .tech-dashboard .trend-chart-card{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important}body.tech-theme-dark-elegant .tech-dashboard .trend-chart-card .chart-header h3,body.tech-theme-dark-professional .tech-dashboard .trend-chart-card .chart-header h3{color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .tech-dashboard .trend-chart-card .chart-header p,body.tech-theme-dark-professional .tech-dashboard .trend-chart-card .chart-header p{color:var(--tech-text-secondary)!important}.metric-card{background:var(--tech-bg-secondary, #f8fafc);border:1px solid var(--tech-border, #e1e5e9);border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;transition:all .2s ease;min-height:350px;width:100%}.chart-card{padding:1.5rem}.metric-main{display:flex;align-items:center;gap:1rem}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-card.success{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.metric-card.warning{border-color:#f59e0b;background:linear-gradient(135deg,#fef3c7,#fde68a)}.metric-card.info{border-color:#3b82f6;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius);background:var(--tech-bg-primary, #ffffff);color:var(--tech-text-secondary, #6b7280);flex-shrink:0}.metric-card.success .metric-icon{background:#10b981;color:#fff}.metric-card.warning .metric-icon{background:#f59e0b;color:#fff}.metric-card.info .metric-icon{background:#3b82f6;color:#fff}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:700;color:var(--tech-text-primary, #1f2937);line-height:1;margin-bottom:.25rem}.metric-card.success .metric-value{color:#065f46;font-weight:800}.metric-card.success .metric-value{text-shadow:0 1px 2px rgba(0,0,0,.1)}.metric-card.warning .metric-value,.metric-card.info .metric-value,.metric-card.warning .metric-label,.metric-card.info .metric-label{color:#000}.metric-label{font-size:.875rem;color:var(--tech-text-primary, #374151);font-weight:600}.metric-subtext{font-size:.75rem;color:var(--tech-text-primary, #4b5563);margin-top:.25rem;font-weight:500}.metric-card.success .metric-label,.metric-card.success .metric-subtext,.metric-card.warning .metric-label,.metric-card.warning .metric-subtext,.metric-card.info .metric-label,.metric-card.info .metric-subtext{color:#000}.metric-change{font-size:.875rem;font-weight:800;margin-top:.25rem;padding:.375rem .75rem;border-radius:var(--border-radius);display:inline-block;color:#fff;background:#1f2937;border:2px solid #374151;box-shadow:0 2px 4px #0003;text-shadow:0 1px 2px rgba(0,0,0,.5)}.metric-change:before{content:"↗ "}.metric-chart{width:100%;height:280px;margin-top:1rem;border-top:1px solid var(--tech-border, #e1e5e9);padding-top:1rem}.metric-chart .recharts-wrapper{width:100%!important;height:100%!important}.metric-chart .recharts-legend-wrapper{display:none}.metric-chart .recharts-cartesian-axis-tick-value{font-size:12px;fill:var(--tech-text-secondary, #6b7280);font-weight:500}.metric-chart .recharts-bar{min-height:20px}.metric-chart .recharts-line-dot{display:block!important}.metric-chart .recharts-cartesian-axis-line{stroke:var(--tech-border, #e1e5e9)}.metric-chart .recharts-cartesian-grid-horizontal line,.metric-chart .recharts-cartesian-grid-vertical line{stroke:var(--tech-border, #e1e5e9);opacity:.3}.metric-chart .recharts-tooltip-wrapper{outline:none}.metric-chart .recharts-tooltip-content{background:#fff;border:1px solid var(--tech-border, #e1e5e9);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr;gap:1rem}.metric-card{min-height:250px}.metric-chart{min-height:200px}.metric-chart .recharts-cartesian-axis-tick-value{font-size:10px}}.dashboard-actions{display:flex;justify-content:center;padding-top:1rem;border-top:1px solid var(--tech-border, #e1e5e9)}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.metric-card{padding:1rem}.metric-value{font-size:1.75rem}.dashboard-section{padding:1rem}}@media(max-width:480px){.metric-card{flex-direction:column;text-align:center;gap:.75rem}.metric-content{text-align:center}}.toggle-container{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #f1f5f9}.toggle-container:last-child{border-bottom:none}.toggle-switch{position:relative;width:56px;height:32px;background:var(--border-light, #e5e7eb);border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease;flex-shrink:0}.toggle-switch.active{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:28px;height:28px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px #0003}.toggle-switch.active:after{transform:translate(24px)}.toggle-label-text{margin:0 0 4px;font-size:1rem;font-weight:600;color:var(--text-primary, #1a1a1a);display:flex;align-items:center;gap:8px}.toggle-label-description{margin:0;font-size:.85rem;color:#6b7280;line-height:1.4}.toggle-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius);font-size:.8rem;font-weight:600}.toggle-status-badge.enabled{background:#dcfce7;color:#166534}.toggle-status-badge.disabled{background:#fee2e2;color:#991b1b}.company-status-toggle{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.company-status-toggle .toggle-container{border-bottom:none}@media(max-width:900px){.tech-admin-panel{padding:16px}.tech-admin-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start}.tech-admin-tabs{overflow-x:auto}}.company-subscription-management{background:var(--bg-primary, #fff);border:1px solid rgba(232,200,194,.3);border-radius:var(--border-radius);padding:24px;margin-top:24px;box-shadow:0 18px 30px #e8c8c226;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subscription-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light, #e5e7eb)}.subscription-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.subscription-alert{display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:var(--radius-md, 6px);margin-bottom:20px;font-size:.9rem}.subscription-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.subscription-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.subscription-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:12px}.form-section label{font-weight:600;color:var(--text-secondary, #374151);font-size:.95rem}.form-select{padding:10px 12px;border:1px solid var(--border-light, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.95rem;background:var(--bg-secondary, #fff);color:var(--text-primary, #1f2937);transition:border-color .2s ease,box-shadow .2s ease}.form-select:focus{outline:none;border-color:var(--primary-color, #E8C8C2);box-shadow:0 0 0 3px #e8c8c240}.plan-details-box{background:var(--bg-secondary, rgba(255, 255, 255, .92));border:1px solid var(--border-light, rgba(232, 200, 194, .3));border-radius:var(--radius-md, 8px);padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.plan-details-box h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.plan-details-box ul{margin:0;padding-left:20px;list-style-type:disc;color:var(--text-secondary, #4b5563)}.plan-details-box li{margin-bottom:6px;font-size:.9rem}.addon-modules-list{display:flex;flex-direction:column;gap:12px;background:transparent}.addon-checkbox{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease;background:var(--bg-primary, #fff)}.addon-checkbox:hover{background:var(--bg-secondary, #f9fafb);border-color:var(--border-medium, #d1d5db)}.addon-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color, #E8C8C2)}.addon-name{flex:1;font-weight:500;color:var(--text-secondary, #374151)}.addon-price{font-weight:600;color:var(--primary-color, #E8C8C2);font-size:.95rem}.addon-module-item{display:flex;flex-direction:column;gap:8px}.addon-quantity-selector{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-left:30px;background:var(--bg-secondary, #f9fafb);border-radius:var(--radius-md, 6px);border:1px solid var(--border-light, #e5e7eb)}.addon-quantity-selector label{font-size:.9rem;font-weight:500;color:var(--text-secondary, #374151);margin:0}.quantity-select{padding:6px 10px;border:1px solid var(--border-light, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.9rem;background:var(--bg-primary, #fff);color:var(--text-primary, #1f2937);cursor:pointer;transition:border-color .2s ease}.quantity-select:focus{outline:none;border-color:var(--primary-color, #E8C8C2);box-shadow:0 0 0 2px #e8c8c233}.subscription-total-summary{background:var(--bg-secondary, rgba(255, 255, 255, .92));border:1px solid var(--border-light, rgba(232, 200, 194, .3));border-radius:var(--radius-md, 8px);padding:16px;margin-top:8px}.subscription-total-summary h4{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.total-summary-items{display:flex;flex-direction:column;gap:8px}.total-summary-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;color:var(--text-secondary, #4b5563)}.total-summary-row.total-row{margin-top:8px;padding-top:12px;border-top:2px solid var(--border-light, #e5e7eb);font-size:1.1rem;font-weight:700;color:var(--text-primary, #1f2937)}.total-summary-row.total-row .total-amount{color:var(--primary-color, #E8C8C2);font-size:1.2rem}.form-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-light, #e5e7eb)}.btn{padding:10px 20px;border:none;border-radius:var(--radius-md, 6px);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color, #E8C8C2),var(--secondary-color, #D6C7B9));color:var(--text-primary, #fff)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 20px #e8c8c259}.btn-primary:disabled{background:var(--border-light, #d1d5db);cursor:not-allowed;color:var(--text-light, #9ca3af);transform:none;box-shadow:none}.subscription-management-loading{padding:40px;text-align:center;color:var(--text-tertiary, #6b7280);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.subscription-management-loading .loading-spinner{width:24px;height:24px;border:3px solid rgba(232,200,194,.4);border-top-color:var(--primary-color, #E8C8C2);border-radius:50%;animation:spin .8s linear infinite}body.tech-theme-dark-professional .company-subscription-management{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--tech-shadow-md)!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{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}body.tech-theme-dark-professional .subscription-total-summary{background:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!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:transparent!important}body.tech-theme-dark-professional .plan-details-box,body.tech-theme-dark-professional .addon-checkbox{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 *{color:inherit!important;stroke:currentColor!important;fill:currentColor!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;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23C9D1D9' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:36px!important;color-scheme:dark!important}body.tech-theme-dark-professional .subscription-form,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 p,body.tech-theme-dark-professional .company-subscription-management span,body.tech-theme-dark-professional .company-subscription-management li{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 .expiry-toggle-btn{color:var(--tech-text-secondary)!important}body.tech-theme-dark-professional .expiry-toggle-btn:hover{color:var(--tech-text-primary)!important;background:var(--tech-hover-bg)!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{border-color:var(--tech-accent-primary)!important;color:var(--tech-accent-primary)!important;background:var(--tech-hover-bg)!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;color:var(--white, #fff)!important;border-color:var(--tech-accent-primary)!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;color:var(--tech-text-primary)!important;border-color:var(--tech-border-light)!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{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--tech-shadow-md)!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;-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:transparent!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 *{color:inherit!important;stroke:currentColor!important;fill:currentColor!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;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2357606A' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:36px!important;color-scheme:light!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{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--tech-shadow-md)!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;-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:transparent!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 *{color:inherit!important;stroke:currentColor!important;fill:currentColor!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;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236E6E6E' d='M6 9L1 4h10z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding-right:36px!important;color-scheme:light!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}body.tech-theme-dark-elegant .company-subscription-management{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-dark-elegant .subscription-header{border-bottom-color:var(--tech-border-light)!important}body.tech-theme-dark-elegant .subscription-header h3{color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .form-section label{color:var(--tech-text-secondary)!important}body.tech-theme-dark-elegant .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-elegant .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-elegant .plan-details-box,body.tech-theme-dark-elegant .subscription-total-summary,body.tech-theme-dark-elegant .addon-checkbox,body.tech-theme-dark-elegant .addon-quantity-selector,body.tech-theme-dark-elegant .quantity-select{background:var(--tech-bg-secondary)!important;background-color:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .plan-details-box h4,body.tech-theme-dark-elegant .subscription-total-summary h4{color:var(--tech-text-primary)!important}body.tech-theme-dark-elegant .plan-details-box ul,body.tech-theme-dark-elegant .plan-details-box li,body.tech-theme-dark-elegant .total-summary-row,body.tech-theme-dark-elegant .addon-name{color:var(--tech-text-secondary)!important}body.tech-theme-dark-elegant .addon-price{color:var(--tech-accent-primary)!important}body.tech-theme-dark-elegant .btn-primary{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-dark-elegant .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-elegant .subscription-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}body.tech-theme-dark-elegant .subscription-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}body.tech-theme-light-elegant .company-subscription-management{background:var(--tech-bg-card)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--tech-shadow-md)!important}body.tech-theme-light-elegant .subscription-header{border-bottom-color:var(--tech-border-light)!important}body.tech-theme-light-elegant .subscription-header h3{color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .form-section label{color:var(--tech-text-secondary)!important}body.tech-theme-light-elegant .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-elegant .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-elegant .plan-details-box,body.tech-theme-light-elegant .subscription-total-summary,body.tech-theme-light-elegant .addon-checkbox,body.tech-theme-light-elegant .addon-quantity-selector,body.tech-theme-light-elegant .quantity-select{background:var(--tech-bg-secondary)!important;background-color:var(--tech-bg-secondary)!important;border-color:var(--tech-border-light)!important;color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .plan-details-box h4,body.tech-theme-light-elegant .subscription-total-summary h4{color:var(--tech-text-primary)!important}body.tech-theme-light-elegant .plan-details-box ul,body.tech-theme-light-elegant .plan-details-box li,body.tech-theme-light-elegant .total-summary-row,body.tech-theme-light-elegant .addon-name{color:var(--tech-text-secondary)!important}body.tech-theme-light-elegant .addon-price{color:var(--tech-accent-primary)!important}body.tech-theme-light-elegant .btn-primary{background:var(--tech-accent-primary)!important;color:#fff!important}body.tech-theme-light-elegant .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-elegant .subscription-alert.error{background:var(--tech-error-light)!important;border-color:var(--tech-error)!important;color:var(--tech-error)!important}body.tech-theme-light-elegant .subscription-alert.success{background:var(--tech-success-light)!important;border-color:var(--tech-success)!important;color:var(--tech-success)!important}.expiry-management-section{margin-top:32px;border-top:2px solid var(--border-light, #e5e7eb);padding-top:24px}.expiry-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:16px;background:var(--bg-subtle, #f8f9fa);border-radius:var(--radius-md, 8px);transition:background .2s ease}.expiry-header:hover{background:var(--bg-secondary, #f1f3f5)}.expiry-header h3{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:8px}.expiry-header p{margin:0;font-size:.9rem;color:var(--text-secondary, #4b5563)}.expiry-header strong{color:var(--primary-color, #E8C8C2);font-weight:600}.days-remaining{margin-left:8px;padding:2px 8px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;background:#22c55e1a;color:#22c55e}.days-remaining.warning{background:#fbbf241a;color:#fbbf24}.expiry-toggle-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #6b7280);flex-shrink:0;border-radius:var(--radius-sm, 6px);transition:color .2s ease,background .2s ease}.expiry-toggle-btn:hover{color:var(--text-primary, #1f2937);background:var(--bg-subtle, rgba(0, 0, 0, .04))}.expiry-management-content{margin-top:16px;display:flex;flex-direction:column;gap:20px}.expiry-action-card{background:var(--bg-primary, #fff);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);padding:20px}.expiry-action-card h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:8px}.expiry-action-card p{margin:0 0 16px;font-size:.9rem;color:var(--text-secondary, #4b5563)}.expiry-form-group{display:flex;flex-direction:column;gap:12px}.expiry-form-group label{font-weight:600;color:var(--text-primary, #1f2937);font-size:.95rem}.expiry-date-input,.expiry-days-input,.months-input{padding:10px 12px;border:2px solid var(--border-light, #d1d5db);border-radius:var(--radius-md, 6px);font-size:.95rem;transition:border-color .2s ease}.expiry-date-input:focus,.expiry-days-input:focus,.months-input:focus{outline:none;border-color:var(--primary-color, #E8C8C2);box-shadow:0 0 0 3px #e8c8c240}.quick-days,.quick-months{display:flex;gap:8px;flex-wrap:wrap}.quick-btn{padding:6px 12px;border:1px solid var(--border-light, #d1d5db);background:var(--bg-secondary, #f9fafb);color:var(--text-secondary, #4b5563);font-weight:500;font-size:.85rem;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all .2s ease}.quick-btn:hover{border-color:var(--primary-color, #E8C8C2);color:var(--primary-color, #E8C8C2);background:var(--bg-subtle, #f8f9fa)}.renewal-type-selector{display:flex;gap:12px;margin-bottom:16px}.renewal-type-btn{flex:1;padding:12px 20px;border:2px solid var(--border-light, #d1d5db);background:var(--bg-primary, #fff);color:var(--text-secondary, #4b5563);font-weight:600;font-size:.9rem;border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease}.renewal-type-btn:hover{border-color:var(--primary-color, #E8C8C2);color:var(--primary-color, #E8C8C2)}.renewal-type-btn.active{background:linear-gradient(135deg,var(--primary-color, #E8C8C2),var(--secondary-color, #D6C7B9));color:var(--white, #fff);border-color:var(--primary-color, #E8C8C2)}.yearly-info{background:var(--bg-subtle, #f8f9fa);padding:12px 16px;border-radius:var(--radius-sm, 4px);margin-bottom:12px}.yearly-info p{margin:4px 0;font-size:.9rem;color:var(--text-secondary, #4b5563)}.yearly-info strong{color:var(--primary-color, #E8C8C2);font-weight:600}.btn-secondary{background:var(--bg-secondary, #f9fafb);color:var(--text-primary, #1f2937);border:1px solid var(--border-light, #d1d5db)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle, #f8f9fa);border-color:var(--border-medium, #cbd5e1)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.subscription-history-section{margin-top:24px;padding-top:4px}.subscription-history-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 10px);background:var(--bg-secondary, rgba(255, 255, 255, .9));box-shadow:0 18px 30px #e8c8c214;cursor:pointer}.subscription-history-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text-primary, #1f2937);display:flex;align-items:center;gap:10px}.subscription-history-subtitle{margin:6px 0 0;font-size:.9rem;color:var(--text-secondary, #4b5563)}.subscription-history-content{margin-top:12px;padding:16px;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 10px);background:var(--bg-primary, #fff)}.subscription-history-actions{display:flex;justify-content:flex-end;margin-bottom:14px}.subscription-history-table table{width:100%;border-collapse:collapse}.subscription-history-table th{text-align:left;font-size:.85rem;color:var(--text-secondary, #4b5563);padding:10px;border-bottom:1px solid var(--border-light, #e5e7eb);white-space:nowrap}.subscription-history-table td{padding:12px 10px;border-bottom:1px solid rgba(229,231,235,.6);vertical-align:top;font-size:.92rem;color:var(--text-primary, #1f2937)}.subscription-history-table tr:last-child td{border-bottom:none}.status-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-weight:700;font-size:.82rem;border:1px solid transparent}.status-completed{background:#10b9811f;border-color:#10b98159;color:#0f766e}.status-pending{background:#f59e0b1f;border-color:#f59e0b59;color:#92400e}.status-processing{background:#3b82f61f;border-color:#3b82f659;color:#1d4ed8}.status-failed{background:#ef44441f;border-color:#ef444459;color:#991b1b}.status-cancelled{background:#94a3b82e;border-color:#94a3b866;color:#334155}.empty-history-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:22px 10px}.empty-history-state h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary, #1f2937)}.empty-history-state p{margin:0;color:var(--text-secondary, #4b5563);font-size:.92rem;text-align:center}.bank-transfer-notifications-container{position:fixed;top:80px;right:20px;z-index:10001;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}.bank-transfer-notification{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid var(--primary-color, #d4817e);border-left:4px solid var(--primary-color, #d4817e);border-radius:var(--border-radius);padding:16px;box-shadow:0 8px 24px #00000026;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;animation:slideInRight .3s ease-out;position:relative;overflow:hidden}.bank-transfer-notification:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color, #d4817e),var(--accent-color, #e8a5a5));animation:pulse 2s ease-in-out infinite}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.bank-transfer-notification:hover{transform:translate(-4px);box-shadow:0 12px 32px #0003;border-color:var(--accent-color, #e8a5a5)}.notification-icon{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color, #d4817e),var(--accent-color, #e8a5a5));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-content{flex:1;min-width:0}.notification-title{font-weight:700;font-size:.95rem;color:var(--text-primary, #1f2937);margin-bottom:4px}.notification-message{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;font-size:.9rem}.notification-message strong{color:var(--text-primary, #1f2937);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-amount{color:var(--primary-color, #d4817e);font-weight:700;font-size:1rem;white-space:nowrap}.notification-order{font-size:.8rem;color:var(--text-secondary, #6b7280);font-family:Courier New,monospace}.notification-close{flex-shrink:0;width:24px;height:24px;background:#0000000d;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary, #6b7280)}.notification-close:hover{background:#0000001a;color:var(--text-primary, #1f2937);transform:scale(1.1)}.notification-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999!important;padding:20px;pointer-events:auto}.notification-modal-content{position:relative;background:var(--bg-primary, #ffffff);border-radius:var(--border-radius);box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out;z-index:20001;pointer-events:auto}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-modal-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light, #e5e7eb);background:linear-gradient(135deg,var(--primary-color, #d4817e),var(--accent-color, #e8a5a5));color:#fff;z-index:1;pointer-events:auto}.notification-modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.notification-modal-close{position:relative;background:#0003;border:2px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2;pointer-events:auto;-webkit-tap-highlight-color:transparent}.notification-modal-close:hover{background:#0000004d;border-color:#ffffff80}.notification-modal-body{position:relative;padding:24px;z-index:1;pointer-events:auto}.quick-approve-info{background:var(--bg-subtle, #f9fafb);border-radius:var(--border-radius);padding:16px;margin-bottom:20px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-light, #e5e7eb)}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:var(--text-secondary, #6b7280);font-size:.9rem}.info-row strong{color:var(--text-primary, #1f2937);text-align:right}.amount-highlight{color:var(--primary-color, #d4817e)!important;font-size:1.1rem}.form-group{position:relative;margin-bottom:20px;z-index:1;pointer-events:auto}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary, #1f2937);font-size:.9rem}.form-group textarea{position:relative;width:100%;padding:12px;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--border-radius);font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease;z-index:1;pointer-events:auto;box-sizing:border-box}.form-group textarea:focus{outline:none;border-color:var(--primary-color, #d4817e);box-shadow:0 0 0 3px #d4817e1a}.notification-modal-actions{position:relative;display:flex;flex-direction:column;gap:12px;margin-top:24px;z-index:1;pointer-events:auto}.btn-quick-approve,.btn-view-details,.btn-cancel{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;z-index:1;pointer-events:auto;-webkit-tap-highlight-color:transparent}.btn-quick-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-quick-approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-view-details{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937);border:2px solid var(--border-light, #e5e7eb)}.btn-view-details:hover:not(:disabled){background:var(--bg-subtle, #f9fafb);border-color:var(--border-medium, #d1d5db)}.btn-cancel{background:transparent;color:var(--text-secondary, #6b7280);border:1px solid var(--border-light, #e5e7eb)}.btn-cancel:hover:not(:disabled){background:var(--bg-subtle, #f9fafb);color:var(--text-primary, #1f2937)}.btn-quick-approve:disabled,.btn-view-details:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.bank-transfer-notifications-container{right:10px;left:10px;max-width:none}.bank-transfer-notification{padding:12px}.notification-message{flex-direction:column;align-items:flex-start;gap:4px}.notification-modal-content{max-width:100%;margin:10px}.notification-modal-overlay{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.notification-modal-content{display:flex!important;flex-direction:column!important;max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:var(--border-radius)!important;overflow:hidden!important}.notification-modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;padding:16px 20px!important;border-radius:var(--border-radius) 16px 0 0!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.notification-modal-header h3{color:var(--white)!important;font-size:1.375rem!important;font-weight:600!important;margin:0!important;padding:0!important;line-height:1.4!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;letter-spacing:-.025em!important}.notification-modal-close{background:#0003!important;border:2px solid rgba(255,255,255,.3)!important;color:var(--white)!important;width:40px!important;height:40px!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;z-index:2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.notification-modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:20px 24px!important;background:var(--white)!important}.notification-modal-actions{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;min-height:70px!important;padding:16px 20px!important;border-radius:0 0 16px 16px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;background:var(--white)!important;border-top:1px solid var(--border-light, #e5e7eb)!important;box-shadow:0 -2px 4px #0000000d!important;margin-top:0!important}.notification-modal-actions .btn-quick-approve,.notification-modal-actions .btn-view-details,.notification-modal-actions .btn-cancel{min-height:45px!important;height:45px!important;max-height:45px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:12px 24px!important;font-size:1rem!important;border-radius:var(--border-radius)!important;font-weight:600!important}}.fiscal-documents{width:100%;max-width:none;margin:0;max-height:100vh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:24px}.fiscal-documents-header{margin-bottom:32px}.fiscal-documents-header h1{display:flex;align-items:center;gap:12px;font-size:2rem;font-weight:700;color:var(--text-color);margin:0 0 8px}.fiscal-documents-header .subtitle{color:var(--text-secondary);font-size:1rem;margin:0}.fiscal-documents-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.fiscal-documents-filters .search-box{position:relative;flex:1;min-width:250px;display:flex;align-items:center;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white)}.fiscal-documents-filters .search-box svg{position:absolute;left:12px;color:var(--text-secondary);z-index:2;pointer-events:none}.fiscal-documents-filters .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;outline:none}.fiscal-documents-filters .search-box input:focus{outline:none}.fiscal-documents-filters .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fiscal-documents-filters .clear-search:hover{background:var(--gray)}.filter-group{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--light-gray);border-radius:var(--border-radius);background:var(--white);height:45px;min-height:45px}.filter-group svg{color:var(--text-secondary);flex-shrink:0;width:18px;height:18px}.filter-group select,.filter-group input[type=date]{border:none;background:transparent;font-size:.95rem;outline:none;min-width:150px;height:45px;padding:0}.filter-group .custom-dropdown{flex:1;min-width:150px}.filter-group select:focus,.filter-group input:focus{outline:none}.fiscal-documents .custom-dropdown,.fiscal-documents-filters .custom-dropdown{margin-bottom:0!important}.fiscal-documents-filters .filter-group .custom-dropdown,.fiscal-documents-filters .filter-group .custom-dropdown-trigger,.fiscal-documents-filters .filter-group .custom-dropdown.small .custom-dropdown-trigger{height:45px!important;min-height:45px!important;max-height:45px!important}.fiscal-documents-filters .filter-group .custom-datepicker-input{border:none!important;border-radius:var(--border-radius)!important;padding:0!important;font-size:.95rem!important;color:var(--text-color)!important;background:transparent!important;transition:all .3s ease!important;font-family:inherit!important;cursor:pointer!important;min-width:150px!important;width:100%!important;height:45px!important;box-shadow:none!important}.fiscal-documents-filters .filter-group .custom-datepicker-input:hover{background:transparent!important}.fiscal-documents-filters .filter-group .custom-datepicker-input:focus{outline:none!important;background:transparent!important;box-shadow:none!important}.react-datepicker{font-family:inherit!important;border:2px solid var(--light-gray)!important;border-radius:var(--border-radius)!important;box-shadow:0 8px 24px #00000026!important;background:#fff!important;background-color:#fff!important;padding:8px!important;opacity:1!important}.react-datepicker__month-container,.react-datepicker__month{background:#fff!important;background-color:#fff!important;opacity:1!important}.react-datepicker__header{background:var(--white)!important;border-bottom:2px solid var(--light-gray)!important;border-radius:var(--border-radius) var(--border-radius) 0 0!important;padding:12px 0!important}.react-datepicker__current-month{color:var(--text-color)!important;font-size:1rem!important;font-weight:600!important;margin-bottom:8px!important}.react-datepicker__navigation{top:12px!important;width:32px!important;height:32px!important;border-radius:var(--border-radius)!important;transition:all .2s ease!important}.react-datepicker__navigation:hover{background:var(--light-bg)!important}.react-datepicker__navigation-icon:before{border-color:var(--text-color)!important;border-width:2px 2px 0 0!important}.react-datepicker__day-names{display:flex!important;justify-content:space-around!important;margin-bottom:4px!important}.react-datepicker__day-name{color:var(--text-secondary)!important;font-size:.85rem!important;font-weight:600!important;width:36px!important;line-height:36px!important;margin:0!important}.react-datepicker__day{width:36px!important;height:36px!important;line-height:36px!important;margin:2px!important;border-radius:var(--border-radius)!important;color:var(--text-color)!important;font-size:.9rem!important;transition:all .2s ease!important;font-weight:500!important}.react-datepicker__day:hover{background-color:color-mix(in srgb,var(--accent-color) 20%,transparent)!important;color:var(--accent-color)!important;transform:scale(1.1)!important;border-radius:var(--border-radius)!important}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:var(--accent-color)!important;color:#fff!important;font-weight:600!important;border-radius:var(--border-radius)!important}.react-datepicker__day--selected:hover,.react-datepicker__day--keyboard-selected:hover{background-color:var(--accent-color)!important;opacity:.9!important;transform:scale(1.05)!important}.react-datepicker__day--today{font-weight:700!important;border:2px solid var(--accent-color)!important;border-radius:var(--border-radius)!important}.react-datepicker__day--disabled{color:var(--text-secondary)!important;opacity:.4!important;cursor:not-allowed!important}.react-datepicker__day--outside-month{color:var(--text-secondary)!important;opacity:.5!important}.fiscal-documents-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--border-radius);padding:28px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;border:2px solid #3b82f6;animation:slideInUp .6s ease-out}.stat-card:nth-child(1){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{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014}.stat-icon{width:64px;height:64px;border-radius:var(--border-radius);border:none;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;flex-shrink:0}.stat-card:nth-child(1) .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{width:28px;height:28px;stroke-width:2}.stat-content{flex:1;min-width:0}.stat-label{font-size:.95rem;font-weight:800;margin-bottom:8px;opacity:1;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.stat-value{font-size:2rem;font-weight:800;line-height:1;color:#111827;text-shadow:none!important;filter:none!important;opacity:1!important}.fiscal-documents-list{display:flex;flex-direction:column;gap:16px}.fiscal-document-card{background:var(--white);border-radius:var(--border-radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;align-items:flex-start;gap:16px;transition:transform .2s ease,box-shadow .2s ease}.fiscal-document-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.fiscal-document-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.fiscal-document-content{flex:1;min-width:0}.fiscal-document-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:16px}.fiscal-document-customer{color:var(--text-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.fiscal-document-meta{display:flex;gap:16px;flex-wrap:wrap}.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);padding:4px 12px;border-radius:var(--border-radius)}.fiscal-document-amount{color:#111827;font-size:1.25rem;font-weight:700;flex-shrink:0}.fiscal-document-actions{display:flex;gap:8px;flex-shrink:0}.fiscal-documents .fiscal-document-actions .btn-icon{width:36px;height:36px;border-radius:50%;border:none;background:var(--light-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.fiscal-documents .fiscal-document-actions .btn-icon:hover{background:var(--primary-color);color:var(--white);transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.xml-modal{background:var(--white);border-radius:var(--border-radius);max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light)}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-color)}.modal-body{padding:24px;overflow-y:auto;flex:1}.xml-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;background:var(--light-bg);border-radius:var(--border-radius)}.xml-info-item{font-size:.95rem;color:var(--text-color)}.xml-info-item strong{display:block;margin-bottom:4px;color:var(--text-secondary);font-size:.875rem}.xml-content{background:#1e1e1e;border-radius:var(--border-radius);padding:20px;overflow-x:auto}.xml-content pre{margin:0;color:#d4d4d4;font-family:Courier New,monospace;font-size:.875rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-light)}.modal-footer .btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--border-radius);font-size:.95rem;font-weight:500;cursor:pointer;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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid var(--light-gray);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-state p{color:var(--gray);font-size:1rem;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.empty-state svg{color:var(--text-secondary);margin-bottom:16px}.empty-state h3{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:16px 0 8px}.empty-state p{color:var(--gray);font-size:1rem;margin:0}@media(max-width:768px){.fiscal-documents{padding:16px}.fiscal-documents-filters{flex-direction:column;align-items:stretch}.fiscal-documents-filters .search-box{min-width:auto}.filter-group{width:100%}.filter-group select,.filter-group input{min-width:auto;width:100%}.fiscal-documents-stats{grid-template-columns:1fr}.fiscal-document-header{flex-direction:column;align-items:flex-start;gap:8px}.fiscal-document-meta{flex-direction:column;gap:8px}.xml-modal{max-width:100%;max-height:100vh;border-radius:0}.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{padding:24px;width:100%;max-width:100%;margin:0;box-sizing:border-box}.promoters-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.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{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.promoters-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.promoters-header p{color:var(--text-secondary);font-size:.95rem}.promoters-tabs{display:flex;gap:6px;margin-top:32px;margin-bottom:24px;background:#0003;border:1px solid var(--border-light, rgba(99, 102, 241, .12));border-radius:var(--border-radius);padding:6px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.promoters-tab{display:flex;align-items:center;gap:14px;padding:14px 18px;background:none;border:none;border-left:4px solid transparent;border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--sidebar-font-size)!important;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;flex:1;text-align:left;width:100%}.promoters-tab:hover{color:var(--primary-color);background:var(--primary-light)}body.tech-theme-dark-professional .promoters-tab:not(.active),body.tech-theme-light-professional .promoters-tab:not(.active),body.tech-theme-neutral-modern .promoters-tab:not(.active),body.tech-theme-dark-elegant .promoters-tab:not(.active),body.tech-theme-dark-professional .promoters-tabs .promoters-tab:not(.active),body.tech-theme-light-professional .promoters-tabs .promoters-tab:not(.active),body.tech-theme-neutral-modern .promoters-tabs .promoters-tab:not(.active),body.tech-theme-dark-elegant .promoters-tabs .promoters-tab:not(.active),body.tech-theme-dark-professional button.promoters-tab:not(.active),body.tech-theme-light-professional button.promoters-tab:not(.active),body.tech-theme-neutral-modern button.promoters-tab:not(.active),body.tech-theme-dark-elegant button.promoters-tab:not(.active){color:var(--tech-accent-primary)!important;background:var(--tech-accent-light)!important;background-color:var(--tech-accent-light)!important}body.tech-theme-dark-professional .promoters-tab:hover,body.tech-theme-light-professional .promoters-tab:hover,body.tech-theme-neutral-modern .promoters-tab:hover,body.tech-theme-dark-elegant .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-professional .promoters-tabs .promoters-tab.active,body.tech-theme-light-professional .promoters-tabs .promoters-tab.active,body.tech-theme-neutral-modern .promoters-tabs .promoters-tab.active,body.tech-theme-dark-elegant .promoters-tabs .promoters-tab.active,body.tech-theme-dark-professional button.promoters-tab.active,body.tech-theme-light-professional button.promoters-tab.active,body.tech-theme-neutral-modern button.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-light-professional .promoters-container .promoters-tabs .promoters-tab.active,body.tech-theme-neutral-modern .promoters-container .promoters-tabs .promoters-tab.active,body.tech-theme-dark-elegant .promoters-container .promoters-tabs .promoters-tab.active{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important;color:var(--tech-accent-primary)!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}body:not(.tech-theme-dark-professional):not(.tech-theme-light-professional):not(.tech-theme-neutral-modern):not(.tech-theme-dark-elegant) .promoters-tab.active{color:var(--primary-color)!important;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}.promoters-tab svg{flex-shrink:0;transition:var(--transition-fast)}.promoters-tab.active svg{color:var(--primary-color)!important}body.tech-theme-dark-professional .promoters-tab.active svg,body.tech-theme-light-professional .promoters-tab.active svg,body.tech-theme-neutral-modern .promoters-tab.active svg,body.tech-theme-dark-elegant .promoters-tab.active svg,body.tech-theme-dark-professional button.promoters-tab.active svg,body.tech-theme-light-professional button.promoters-tab.active svg,body.tech-theme-neutral-modern button.promoters-tab.active svg,body.tech-theme-dark-elegant button.promoters-tab.active svg{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .promoters-tab:hover svg,body.tech-theme-light-professional .promoters-tab:hover svg,body.tech-theme-neutral-modern .promoters-tab:hover svg,body.tech-theme-dark-elegant .promoters-tab:hover svg{color:var(--tech-accent-primary)!important}body.tech-theme-dark-professional .promoters-tab:not(.active) svg,body.tech-theme-light-professional .promoters-tab:not(.active) svg,body.tech-theme-neutral-modern .promoters-tab:not(.active) svg,body.tech-theme-dark-elegant .promoters-tab:not(.active) svg,body.tech-theme-dark-professional .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-light-professional .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-neutral-modern .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-dark-elegant .promoters-tabs .promoters-tab:not(.active) svg,body.tech-theme-dark-professional button.promoters-tab:not(.active) svg,body.tech-theme-light-professional button.promoters-tab:not(.active) svg,body.tech-theme-neutral-modern button.promoters-tab:not(.active) svg,body.tech-theme-dark-elegant button.promoters-tab:not(.active) svg{color:var(--tech-accent-primary)!important}.promoters-list-view{background:#ffffff0d;border-radius:var(--border-radius);padding:24px;overflow-x:auto;width:100%;max-width:100%}.promoters-list-table{width:100%;max-width:100%;overflow-x:auto}.promoters-list-table table{width:100%;border-collapse:collapse}.promoters-list-table thead{background:#ffffff0d}.promoters-list-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:.9rem;color:var(--text-primary, #e5e5e5);border-bottom:2px solid rgba(255,255,255,.1)}.promoters-list-table th{color:var(--text-primary, #ffffff)!important;font-weight:600}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{color:var(--tech-text-primary)!important;border-bottom-color:var(--tech-border-light)!important}.promoters-list-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text-secondary, rgba(255, 255, 255, .7));font-size:.9rem}.promoters-list-table td{color:var(--text-primary, #ffffff)!important;font-weight:500!important}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,body.tech-theme-dark-elegant .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:var(--text-primary, #e5e5e5);font-weight:600}.promoters-list-table .promoter-name-cell strong{color:var(--text-primary, #ffffff)!important;font-weight:700;font-size:1rem}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,body.tech-theme-dark-elegant .promoters-list-table .promoter-name-cell strong{color:var(--tech-text-primary)!important;font-weight:700}.company-name-small{font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.promoters-list-table .company-name-small{color:var(--text-secondary, rgba(255, 255, 255, .8))!important}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,body.tech-theme-dark-elegant .promoters-list-table .company-name-small{color:var(--tech-text-secondary)!important;opacity:.9!important}.discount-code-cell{font-family:Courier New,monospace;font-weight:700;color:var(--primary-color, #C7746F);background:#c7746f1a;padding:4px 8px;border-radius:var(--border-radius)}.promoters-list-table .discount-code-cell{color:var(--primary-color, #ffffff)!important;background:#c7746f33!important;font-weight:700}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,body.tech-theme-dark-elegant .promoters-list-table .discount-code-cell{color:var(--tech-accent-primary)!important;background:var(--tech-accent-light)!important;font-weight:700!important}.commission-cell{font-weight:600;color:var(--primary-color, #C7746F);font-size:1rem}.promoters-list-table .commission-cell{color:var(--primary-color, #ffffff)!important;font-weight:600;font-size:1rem}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,body.tech-theme-dark-elegant .promoters-list-table .commission-cell{color:var(--tech-accent-primary)!important;font-weight:700!important}.promoter-details-modal{padding:24px;background:var(--bg-primary)}.details-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.summary-card{background:#ffffff0d;border-radius:var(--border-radius);padding:20px;border:1px solid rgba(255,255,255,.1)}.summary-card h3{font-size:.9rem;font-weight:500;color:var(--text-secondary, rgba(255, 255, 255, .7));margin-bottom:12px}.commission-total{font-size:2rem;font-weight:700;color:var(--primary-color, #C7746F);margin:0}.companies-count{font-size:2rem;font-weight:700;color:var(--text-primary, #e5e5e5);margin:0}.promoter-details-modal h3{font-size:1.1rem;font-weight:600;color:var(--text-primary, #e5e5e5);margin-bottom:16px;margin-top:24px}.promoter-details-modal h3:first-child{margin-top:0}.promoters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;width:100%;max-width:100%}.promoter-card{background:var(--white);border-radius:var(--border-radius);padding:24px;box-shadow:var(--shadow);border:2px solid var(--light-gray);transition:all .3s ease}body.tech-theme-dark-professional .promoter-card,body.tech-theme-light-professional .promoter-card,body.tech-theme-neutral-modern .promoter-card,body.tech-theme-dark-elegant .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){color:var(--tech-text-primary)!important;background:transparent!important}body.tech-theme-dark-professional .promoter-card label,body.tech-theme-light-professional .promoter-card label,body.tech-theme-neutral-modern .promoter-card label,body.tech-theme-dark-elegant .promoter-card label{color:var(--tech-text-secondary)!important;background:transparent!important}body.tech-theme-dark-professional .promoter-card span,body.tech-theme-dark-professional .promoter-card div,body.tech-theme-dark-professional .promoter-card p,body.tech-theme-light-professional .promoter-card span,body.tech-theme-light-professional .promoter-card div,body.tech-theme-light-professional .promoter-card p,body.tech-theme-neutral-modern .promoter-card span,body.tech-theme-neutral-modern .promoter-card div,body.tech-theme-neutral-modern .promoter-card p,body.tech-theme-dark-elegant .promoter-card span,body.tech-theme-dark-elegant .promoter-card div,body.tech-theme-dark-elegant .promoter-card p{background:transparent!important}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,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{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{box-shadow:var(--tech-shadow-md)!important;transform:translateY(-2px);border-color:var(--tech-border-medium)!important}body.tech-theme-dark-professional .promoter-card.inactive,body.tech-theme-light-professional .promoter-card.inactive,body.tech-theme-neutral-modern .promoter-card.inactive{opacity:.7;border-color:var(--tech-border-light)!important}.promoter-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--light-gray)}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{font-size:1.25rem;font-weight:600;color:var(--text-primary);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{font-size:.9rem;color:var(--text-secondary)}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{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600}.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{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}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,body.tech-theme-dark-elegant .promoter-code-section label{color:var(--tech-text-secondary)!important}.code-display{display:flex;align-items:center;gap:8px;background:var(--bg-subtle);padding:12px 16px;border-radius:var(--border-radius);border:2px solid var(--light-gray)}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,body.tech-theme-dark-elegant .promoter-card .code-display{background:var(--tech-bg-secondary)!important;border-color:var(--tech-accent-primary)!important;border-width:2px!important}.code-display code{flex:1;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;color:var(--primary-color);letter-spacing:1px}body.tech-theme-dark-professional .code-display code,body.tech-theme-light-professional .code-display code,body.tech-theme-neutral-modern .code-display code,body.tech-theme-dark-elegant .code-display code{color:var(--tech-accent-primary)!important;font-weight:700!important;text-shadow:0 0 4px rgba(184,159,97,.3)!important}.btn-icon{background:none;border:none;cursor:pointer;padding:4px;color:var(--text-secondary);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;background:transparent!important}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,body.tech-theme-dark-elegant .promoter-card .promoter-details{background:transparent!important}.detail-item{display:flex;justify-content:space-between;align-items:center;background:transparent!important;padding:8px 12px;border-radius:var(--border-radius)}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,body.tech-theme-dark-elegant .promoter-card .detail-item{background:transparent!important}.detail-item .label{font-size:.9rem;color:var(--text-secondary);font-weight:500;background:transparent!important}body.tech-theme-dark-professional .detail-item .label,body.tech-theme-light-professional .detail-item .label,body.tech-theme-neutral-modern .detail-item .label,body.tech-theme-dark-elegant .detail-item .label{color:var(--tech-text-secondary)!important;background:transparent!important;font-weight:600!important}.detail-item .value{font-size:.95rem;color:var(--text-primary);font-weight:600;background:transparent!important}body.tech-theme-dark-professional .detail-item .value,body.tech-theme-light-professional .detail-item .value,body.tech-theme-neutral-modern .detail-item .value,body.tech-theme-dark-elegant .detail-item .value{color:var(--tech-accent-primary)!important;background:transparent!important;font-weight:700!important;font-size:1rem!important}.promoter-stats{display:flex;flex-wrap:wrap;gap:12px;padding:16px;background:var(--bg-subtle);border-radius:var(--border-radius);margin-bottom:20px}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,body.tech-theme-dark-elegant .promoter-card .promoter-stats{background:var(--tech-bg-secondary)!important;border:1px solid var(--tech-border-medium)!important}.stat-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-secondary)}body.tech-theme-dark-professional .stat-item,body.tech-theme-light-professional .stat-item,body.tech-theme-neutral-modern .stat-item,body.tech-theme-dark-elegant .stat-item{color:var(--tech-text-primary)!important;font-weight:600!important}.stat-item svg{color:var(--primary-color)}body.tech-theme-dark-professional .stat-item svg,body.tech-theme-light-professional .stat-item svg,body.tech-theme-neutral-modern .stat-item svg,body.tech-theme-dark-elegant .stat-item svg{color:var(--tech-accent-primary)!important}.promoter-actions{display:flex;gap:8px}.promoter-card .btn.btn-danger{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#dc2626!important;border:1px solid #dc2626!important}.promoter-card .btn.btn-danger:hover{background:#f7fafc!important;background-color:#f7fafc!important;border-color:#b91c1c!important;opacity:1!important}.btn-sm{padding:8px 16px;font-size:.9rem}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;color:#fff!important;border:none!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;color:var(--tech-text-primary)!important;border:1px solid var(--tech-border-medium)!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;color:#fff!important;border:none!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{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px;animation:modalBackdropFadeIn .3s ease-out}@keyframes modalBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.modal-content{background:var(--bg-primary)!important;border-radius:var(--border-radius);max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a;display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-light, rgba(0, 0, 0, .08));background:var(--bg-primary);position:relative;min-height:64px}.modal-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;text-shadow:none;position:relative;z-index:1}.modal-close-btn{background:var(--bg-secondary);border:2px solid var(--border-light, rgba(0, 0, 0, .12));color:var(--text-primary);width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-close-btn:hover{background:var(--bg-tertiary, var(--bg-secondary));border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 12px #0003}.modal-close-btn:active{transform:scale(.95)}.modal-close-btn svg{width:20px;height:20px;stroke-width:2.5;filter:none}.promoter-form{padding:24px;background:var(--bg-primary)!important;overflow-y:auto;flex:1}.promoter-form::-webkit-scrollbar{width:6px}.promoter-form::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--border-radius)}.promoter-form::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--border-radius)}.promoter-form::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary, #e5e5e5)}.form-group input,.form-group textarea{padding:10px 12px;border:2px solid rgba(255,255,255,.1);border-radius:var(--border-radius);font-size:.95rem;font-family:inherit;transition:border-color .2s ease;background:#ffffff0d;color:var(--text-primary, #e5e5e5)}.form-group input::placeholder{color:#fff6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color, #C7746F);background:#ffffff14;box-shadow:0 0 0 3px #c7746f1a}.form-group textarea{background:#ffffff0d;color:var(--text-primary, #e5e5e5);resize:vertical}.promoter-form-modal .custom-dropdown-trigger{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);color:var(--text-primary, #e5e5e5)}.promoter-form-modal .custom-dropdown-trigger:hover:not(.disabled){border-color:var(--primary-color, #C7746F);background:#ffffff14;box-shadow:0 0 0 3px #c7746f1a}.promoter-form-modal .dropdown-text{color:var(--text-primary, #e5e5e5)}.promoter-form-modal .dropdown-chevron{color:#fff9}.promoter-form-modal .custom-dropdown-menu{background:var(--bg-primary, #1a1a1a);border:2px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}.promoter-form-modal .dropdown-search{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.promoter-form-modal .dropdown-search input{background:transparent;color:var(--text-primary, #e5e5e5)}.promoter-form-modal .dropdown-search input::placeholder{color:#fff6}.promoter-form-modal .dropdown-option{color:var(--text-primary, #e5e5e5);border-bottom:1px solid rgba(255,255,255,.05)}.promoter-form-modal .dropdown-option:hover{background:#c7746f1a;color:var(--primary-color, #C7746F)}.promoter-form-modal .dropdown-option.selected{background:#c7746f26;color:var(--primary-color, #C7746F)}.input-with-button{display:flex;gap:8px}.input-with-button input{flex:1}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--text-primary, #e5e5e5)}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-color, #C7746F)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary)}.empty-state svg{color:var(--gray);margin-bottom:16px}.empty-state h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:8px}.empty-state p{margin-bottom:24px}.empty-state-small{text-align:center;padding:48px 24px;color:var(--text-secondary, rgba(255, 255, 255, .7))}.empty-state-small svg{color:#ffffff4d;margin-bottom:12px}.access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--text-secondary)}.access-denied svg{color:var(--gray);margin-bottom:16px;opacity:.5}.access-denied h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:8px}.access-denied p{font-size:.95rem;color:var(--text-secondary)}.companies-list{padding:24px;max-height:60vh;overflow-y:auto;background:var(--bg-secondary)!important}.companies-list::-webkit-scrollbar{width:6px}.companies-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--border-radius)}.companies-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--border-radius)}.companies-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.companies-table{width:100%;border-collapse:collapse}.companies-table thead{background:#ffffff0d;position:sticky;top:0;z-index:10}.companies-table th{padding:12px;text-align:left;font-weight:600;font-size:.9rem;color:var(--text-primary, #e5e5e5);border-bottom:2px solid rgba(255,255,255,.1)}.companies-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .7))}.companies-table tbody tr:hover{background:#ffffff0d}.company-info{display:flex;align-items:center;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{flex-direction:column;align-items:flex-start;gap:16px}.form-row{grid-template-columns:1fr}.modal-content{max-height:95vh}}.bank-transfer-approval{padding:24px;max-width:1400px;margin:0 auto}.approval-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--border-light, #e5e7eb)}.approval-header h2{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:1.5rem;font-weight:700;color:var(--tech-text-primary, var(--text-primary, #1f2937))}.approval-header p{margin:0;color:var(--tech-text-secondary, var(--text-secondary, #6b7280));font-size:.95rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{animation:spin .8s linear infinite}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary, #6b7280)}.empty-state svg{color:var(--success-color, #22c55e);margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:1.25rem;color:var(--text-primary, #1f2937)}.transfers-list{display:flex;flex-direction:column;gap:16px}.transfer-card{background:var(--tech-bg-card, var(--bg-primary, #ffffff));border:2px solid var(--tech-border-light, var(--border-light, #e5e7eb));border-radius:var(--border-radius);padding:20px;transition:all .2s ease;color:var(--tech-text-primary, var(--text-primary, #1f2937));box-shadow:var(--tech-shadow-sm, var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05)))}.transfer-card:hover{box-shadow:var(--tech-shadow-md, var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)));border-color:var(--tech-accent-primary, var(--primary-color, #d4817e));transform:translateY(-2px)}.transfer-card.urgent-expired{border-left:4px solid #dc2626;background:#dc26260d}.transfer-card.urgent-old{border-left:4px solid #f59e0b;background:#f59e0b0d}.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{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light, #e5e7eb);gap:16px}.transfer-info-main{flex:1;display:flex;flex-direction:column;gap:12px}.transfer-company-primary{display:flex;align-items:center;gap:12px;padding:12px;background:var(--tech-bg-tertiary, var(--bg-subtle, #f9fafb));border-radius:var(--border-radius);border-left:3px solid var(--tech-accent-primary, var(--primary-color, #d4817e))}.transfer-company-primary .company-name{display:block;font-size:1.15rem;color:var(--tech-text-primary, var(--text-primary, #1f2937));margin-bottom:4px}.transfer-company-primary .company-email{display:block;font-size:.85rem;color:var(--tech-text-secondary, var(--text-secondary, #6b7280))}.transfer-number{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--tech-text-secondary, var(--text-secondary, #6b7280))}.transfer-number strong{color:var(--tech-text-primary, var(--text-primary, #1f2937));font-family:Courier New,monospace}.transfer-company{display:flex;align-items:center;gap:6px;color:var(--text-secondary, #6b7280);font-size:.95rem}.transfer-amount{font-size:1.5rem;font-weight:700;color:var(--tech-accent-primary, var(--primary-color, #d4817e))}.transfer-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:20px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--tech-bg-tertiary, var(--bg-subtle, #f9fafb));border-radius:var(--border-radius);font-size:.9rem}.detail-label{font-weight:600;color:var(--tech-text-secondary, var(--text-secondary, #6b7280))}.detail-row span:not(.detail-label){color:var(--tech-text-primary, var(--text-primary, #1f2937))}.detail-row .warning{color:#f59e0b;font-weight:600}.detail-row .highlight{color:var(--tech-accent-primary, var(--primary-color, #d4817e));font-weight:600}.transfer-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-light, #e5e7eb)}.btn-approve,.btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-approve{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-approve:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.btn-reject{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937);border:2px solid var(--border-medium, #d1d5db)}.btn-reject:hover:not(:disabled){background:var(--bg-subtle, #f9fafb);border-color:var(--error-color, #dc2626);color:var(--error-color, #dc2626)}.btn-approve:disabled,.btn-reject:disabled{opacity:.6;cursor:not-allowed;transform:none}.icon-expired{color:#dc2626}.icon-old{color:#f59e0b}.icon-pending{color:#3b82f6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:var(--tech-bg-card, var(--bg-primary, #ffffff));border-radius:var(--border-radius);box-shadow:var(--tech-shadow-lg, 0 20px 60px rgba(0, 0, 0, .3));max-width:500px;width:100%;max-height:90vh;overflow-y:auto;color:var(--tech-text-primary, var(--text-primary, #1f2937))}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--tech-border-light, var(--border-light, #e5e7eb));background:linear-gradient(135deg,var(--tech-accent-primary, var(--primary-color, #d4817e)),var(--tech-accent-hover, var(--accent-color, #e8a5a5)));color:#fff}.modal-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#fff}.modal-close-btn{background:#0003;border:2px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#0000004d;border-color:#ffffff80}.modal-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--tech-text-primary, var(--text-primary, #1f2937))}.form-group textarea{width:100%;padding:12px;border:2px solid var(--tech-border-light, var(--border-light, #e5e7eb));border-radius:var(--border-radius);font-size:.95rem;font-family:inherit;resize:vertical;min-height:100px;background:var(--tech-bg-card, var(--bg-primary, #ffffff));color:var(--tech-text-primary, var(--text-primary, #1f2937))}.form-group textarea:focus{outline:none;border-color:var(--tech-accent-primary, var(--primary-color, #d4817e));box-shadow:0 0 0 3px var(--tech-accent-light, rgba(212, 129, 126, .1))}.modal-actions{display:flex;gap:12px;margin-top:24px}.btn-primary,.btn-secondary{flex:1;padding:12px 20px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-color, #d4817e),var(--accent-color, #e8a5a5));color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #d4817e4d}.btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #1f2937);border:2px solid var(--border-light, #e5e7eb)}.btn-secondary:hover:not(:disabled){background:var(--bg-subtle, #f9fafb)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.quick-approve-hint{margin-top:12px;padding:12px;background:linear-gradient(135deg,#d4817e1a,#e8a5a50d);border:2px solid var(--primary-color, #d4817e);border-radius:var(--border-radius);text-align:center;font-size:.9rem;color:var(--text-primary, #1f2937);animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@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}.modal-overlay{padding:0!important;padding-top:calc(100px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(140px + env(safe-area-inset-bottom,0px))!important;align-items:center!important;justify-content:center!important;overflow-y:auto!important}.modal-content{display:flex!important;flex-direction:column!important;max-height:calc(100vh - 240px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;height:auto!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:var(--border-radius)!important;overflow:hidden!important}.modal-header{position:sticky!important;top:0!important;z-index:10001!important;flex-shrink:0!important;min-height:60px!important;padding:16px 20px!important;border-radius:var(--border-radius) 16px 0 0!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.modal-header h3{color:var(--white)!important;font-size:1.375rem!important;font-weight:600!important;margin:0!important;padding:0!important;line-height:1.4!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important;letter-spacing:-.025em!important}.modal-close-btn{background:#0003!important;border:2px solid rgba(255,255,255,.3)!important;color:var(--white)!important;width:40px!important;height:40px!important;border-radius:var(--border-radius)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important;z-index:2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.modal-body{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:20px 24px!important;background:var(--white)!important}.modal-actions{position:sticky!important;bottom:0!important;z-index:10001!important;flex-shrink:0!important;min-height:70px!important;padding:16px 20px!important;border-radius:0 0 16px 16px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;background:var(--white)!important;border-top:1px solid var(--border-light, #e5e7eb)!important;box-shadow:0 -2px 4px #0000000d!important;margin-top:0!important}.modal-actions .btn-primary,.modal-actions .btn-secondary{min-height:45px!important;height:45px!important;max-height:45px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:12px 24px!important;font-size:1rem!important;border-radius:var(--border-radius)!important;font-weight:600!important}}.subscription-management{padding:24px;max-width:1600px;margin:0 auto}.subscription-tabs{display:flex;gap:6px;margin-top:32px;margin-bottom:24px;background:#0003;border:1px solid var(--border-light, rgba(99, 102, 241, .12));border-radius:var(--border-radius);padding:6px;width:100%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.subscription-tabs button{display:flex;align-items:center;gap:14px;padding:14px 18px;background:none;border:none;border-left:4px solid transparent;border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--sidebar-font-size)!important;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;flex:1;text-align:left;width:100%}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),body.tech-theme-dark-elegant .subscription-tabs button:not(.active){color:var(--tech-accent-primary)!important;background:var(--tech-accent-light)!important;background-color:var(--tech-accent-light)!important}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,body.tech-theme-dark-elegant .subscription-tabs button:not(.active) svg{color:var(--tech-accent-primary)!important}.subscription-tabs button:hover{color:var(--primary-color);background:var(--primary-light)}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,body.tech-theme-dark-elegant .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-professional .subscription-tabs button.active,body.tech-theme-light-professional .subscription-tabs button.active,body.tech-theme-neutral-modern .subscription-tabs button.active,body.tech-theme-dark-elegant .subscription-tabs button.active{background:var(--tech-bg-tertiary)!important;background-color:var(--tech-bg-tertiary)!important;background-image:none!important;color:var(--tech-accent-primary)!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;font-weight:600}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,body.tech-theme-dark-elegant .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{color:var(--primary-hover, var(--primary-color));background:var(--primary-light);border-left-color:var(--primary-color);box-shadow:0 0 0 1px #ffd70099,0 0 0 2px #ffd7004d;font-weight:600}.subscription-tab-content{background:var(--tech-bg-card, var(--bg-secondary, #f5f5f5));border-radius:var(--border-radius);padding:24px;box-shadow:var(--tech-shadow-sm, var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05)));border:1px solid var(--tech-border-light, var(--border-light, #e5e7eb));color:var(--tech-text-primary, var(--text-primary, #1f2937))}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.tab-header h3{margin:0;font-size:1.5rem;font-weight:700;color:var(--tech-text-primary, var(--text-primary, #1f2937))}.btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary, #f3f4f6);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.9rem}.btn-refresh:hover:not(:disabled){background:var(--bg-subtle, #f9fafb);border-color:var(--border-medium, #d1d5db)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite}.empty-state h3{margin:16px 0 8px;color:var(--text-primary, #1f2937);font-size:1.25rem}.empty-state p{color:var(--text-secondary, #6b7280);margin:0}.subscriptions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.subscription-card{background:var(--tech-bg-card, var(--bg-secondary, #f5f5f5));border:2px solid var(--tech-border-light, var(--border-light, #e5e7eb));border-radius:var(--border-radius);padding:20px;transition:all .2s ease;box-shadow:var(--tech-shadow-sm, var(--shadow-sm, 0 1px 2px 0 rgba(0, 0, 0, .05)));color:var(--tech-text-primary, var(--text-primary, #1f2937))}.subscription-card:hover{box-shadow:var(--tech-shadow-md, var(--shadow-md, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)));transform:translateY(-2px);border-color:var(--tech-accent-primary, var(--primary-color, #d4817e))}.subscription-card.expiring-soon{border-color:#f59e0b;background:linear-gradient(135deg,var(--bg-secondary, #f5f5f5) 0%,#fef3c7 100%)}.subscription-card.expired{border-color:#ef4444;background:linear-gradient(135deg,var(--bg-secondary, #f5f5f5) 0%,#fee2e2 100%)}.subscription-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-light, #e5e7eb)}.company-info{display:flex;align-items:center;gap:12px;flex:1}.company-info strong{display:block;color:var(--tech-text-primary, var(--text-primary, #1f2937));font-size:1.1rem;margin-bottom:4px}.company-email{display:block;font-size:.85rem;color:var(--tech-text-secondary, var(--text-secondary, #6b7280))}.expiry-badge{padding:6px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;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{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-primary, #1f2937);font-size:1.05rem}.period-info{display:flex;flex-direction:column;gap:8px}.period-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--tech-text-primary, var(--text-primary, #1f2937))}.period-item svg{color:var(--tech-accent-primary, var(--primary-color, #d4817e));flex-shrink:0}.period-label{color:var(--tech-text-secondary, var(--text-secondary, #6b7280));margin-right:8px;font-weight:500}.period-date{color:var(--tech-text-primary, var(--text-primary, #1f2937));font-weight:600}.days-remaining{margin-top:8px;padding:0;border-top:1px solid var(--border-light, #e5e7eb);display:inline-flex;align-items:center;justify-content:flex-start;height:36px;width:fit-content;background:none}.days-text{font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--border-radius);background:#22c55e26;color:#16a34a;line-height:1.2;height:36px;box-sizing:border-box}.days-text.expired{color:#ef4444}.payment-history-table{overflow-x:auto}.payment-history-table table{width:100%;border-collapse:collapse}.payment-history-table thead{background:var(--bg-secondary, #f3f4f6)}.payment-history-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--tech-text-primary, var(--text-primary, #1f2937));font-size:.9rem;border-bottom:2px solid var(--tech-border-light, var(--border-light, #e5e7eb));background:var(--tech-bg-tertiary, var(--bg-secondary, #f3f4f6))}.payment-history-table td{padding:16px;border-bottom:1px solid var(--tech-border-light, var(--border-light, #e5e7eb));color:var(--tech-text-primary, var(--text-primary, #1f2937));background:var(--tech-bg-card, var(--bg-primary, #ffffff))}.payment-history-table tbody tr:hover{background:var(--tech-bg-tertiary, var(--bg-subtle, #f9fafb))}.payment-history-table tbody tr:hover td{background:var(--tech-bg-tertiary, var(--bg-subtle, #f9fafb));color:var(--tech-text-primary, var(--text-primary, #1f2937))}.order-number{font-family:Courier New,monospace;font-size:.95rem;font-weight:700;background:var(--tech-accent-primary, var(--primary-color, #d4817e));color:#fff;padding:6px 12px;border-radius:var(--border-radius);border:1px solid var(--tech-accent-primary, var(--primary-color, #d4817e));box-shadow:0 2px 4px #0000001a;display:inline-block;letter-spacing:.5px}.company-cell{display:flex;align-items:center;gap:8px}.amount-cell{color:var(--tech-accent-primary, var(--primary-color, #d4817e));font-size:1.05rem;font-weight:600}.gateway-cell{text-transform:capitalize;font-size:.9rem}.payment-type-cell{display:flex;flex-direction:column;gap:4px}.payment-type-label{font-weight:600;color:var(--tech-text-primary, var(--text-primary, #1f2937));font-size:.9rem}.payment-type-details{font-size:.8rem;color:var(--tech-text-secondary, var(--text-secondary, #6b7280));font-style:italic}.status-badge{display:inline-block;padding:4px 12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600}.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{font-size:.8rem;color:var(--tech-text-secondary, var(--text-secondary, #6b7280));margin-top:4px}@media(max-width:768px){.subscriptions-grid{grid-template-columns:1fr}.payment-history-table{font-size:.85rem}.payment-history-table th,.payment-history-table td{padding:8px}}.logs{width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;border-radius:var(--border-radius)!important}.logs .view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-direction:row!important}.logs .view-header h2{color:var(--text-title);font-size:2rem;font-weight:300;margin:0}.logs .header-actions{display:flex;gap:12px;align-items:center}.logs .header-actions .btn{background:var(--primary-color);color:var(--bg-primary);border:none;padding:10px 24px;font-weight:500;font-size:.95rem;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all .2s ease;display:flex;align-items:center;gap:8px;cursor:pointer}.logs .header-actions .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);background:var(--primary-hover)}.logs .header-actions .btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-light)}.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);padding:30px;box-shadow:var(--shadow);display:flex;flex-direction:column;flex:1;min-height:0;margin:0 24px 24px}.logs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary)}.logs-loading .spinner{animation:spin 1s linear infinite}.logs-alert{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--border-radius);margin-bottom:24px;font-size:.95rem}.logs-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.logs-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding:20px;background:#fff!important;border:2px solid #d1d5db!important;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a!important}.filter-group{display:flex;align-items:center;gap:8px;flex:1;min-width:200px;background:#f9fafb!important;padding:8px 12px!important;border-radius:var(--border-radius)!important;border:1px solid #e5e7eb!important}.filter-group svg{color:#111827!important;flex-shrink:0;opacity:1!important;font-weight:700!important}.filter-input,.filter-select{flex:1;padding:10px 12px;border:2px solid #9ca3af!important;border-radius:var(--border-radius);font-size:.95rem;background:#fff!important;color:#111827!important;font-weight:700!important;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{outline:none!important;border-color:#d4817e!important;box-shadow:0 0 0 3px #d4817e59!important;background:#fff!important;color:#111827!important;font-weight:700!important}.filter-select option{background:#fff!important;color:#111827!important;font-weight:700!important;padding:8px 12px!important}.filter-input.date-input{min-width:150px}.logs-stats{display:flex;gap:16px;margin-bottom:16px;padding:12px 16px;background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.9rem;color:var(--text-secondary)}.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(--border-radius);overflow:hidden;transition:all .2s ease}.log-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #e8c8c21a}.log-item-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;transition:background .2s ease}.log-item-header:hover{background:var(--bg-secondary)}.log-item-main{display:flex;align-items:flex-start;gap:12px;flex:1}.log-category-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.log-item-content{flex:1;min-width:0}.log-description{font-size:1rem;font-weight:500;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.log-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.log-user{font-weight:600;color:var(--text-primary)}.log-role{padding:2px 8px;background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.75rem;text-transform:uppercase;font-weight:600;color:var(--primary-color)}.log-date{color:var(--text-secondary)}.log-expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;flex-shrink:0}.log-expand-btn:hover{background:var(--bg-secondary);color:var(--primary-color)}.log-item-details{padding:0 20px 20px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.log-detail-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);font-size:.9rem}.log-detail-row:last-child{border-bottom:none}.log-detail-row strong{min-width:120px;color:var(--text-primary);font-weight:600}.log-detail-row code{background:var(--bg-primary);padding:4px 8px;border-radius:var(--border-radius);font-family:Monaco,Courier New,monospace;font-size:.85rem;color:var(--text-primary);border:1px solid var(--border-light)}.log-detail-row .entity-id{margin-left:8px;font-size:.75rem;opacity:.7}.log-metadata{flex:1;background:var(--bg-primary);padding:12px;border-radius:var(--border-radius);border:1px solid var(--border-light);font-family:Monaco,Courier New,monospace;font-size:.8rem;color:var(--text-primary);overflow-x:auto;max-height:300px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-word}.logs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary);text-align:center}.logs-empty svg{opacity:.3}.logs-empty p{font-size:1.1rem;margin:0}.btn-clear-filters{padding:10px 20px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s ease;margin-top:8px}.btn-clear-filters:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.logs-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px}.pagination-btn{padding:10px 20px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;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{opacity:.5;cursor:not-allowed}.pagination-info{font-size:.9rem;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.logs .view-content{padding:16px;margin:0 16px 16px}.logs .view-header{flex-direction:column;align-items:flex-start;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{flex-direction:column;align-items:flex-start;gap:4px}.log-detail-row{flex-direction:column;gap:4px}.log-detail-row strong{min-width:auto}}.tech-logs-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app);overflow:visible}.tech-logs-container .admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;color:var(--text-secondary)}.tech-logs-container .admin-loading .spin{animation:spin 1s linear infinite}.tech-logs-container .admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 12px #0000001a}.tech-logs-container .admin-header-left{display:flex;align-items:center;gap:16px}.tech-logs-container .admin-header-left h1{margin:0;font-size:24px;font-weight:700}.tech-logs-container .admin-header-left p{margin:4px 0 0;font-size:14px;opacity:.9}.tech-logs-container .admin-header-right{display:flex;align-items:center;gap:16px}.tech-logs-container .tech-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border-radius:var(--border-radius);font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tech-logs-container .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:var(--primary-color);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s}.tech-logs-container .btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.tech-logs-container .admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:24px 32px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.tech-logs-container .stat-card{padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all .2s}.tech-logs-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tech-logs-container .stat-card.stat-blue{border-left-color:#3b82f6}.tech-logs-container .stat-card.stat-purple{border-left-color:#8b5cf6}.tech-logs-container .stat-card.stat-green{border-left-color:#10b981}.tech-logs-container .stat-card.stat-orange{border-left-color:#f59e0b}.tech-logs-container .stat-card.stat-red{border-left-color:#ef4444}.tech-logs-container .stat-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.tech-logs-container .stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.tech-logs-container .admin-controls{display:flex;gap:16px;padding:20px 32px;background:#fff;border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center}.theme-dark .tech-logs-container .admin-controls{background:#1f2937}.tech-logs-container .search-box{position:relative;display:flex;align-items:center;flex:1;min-width:250px;width:100%;height:45px;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:#fff;transition:all .2s;box-sizing:border-box}.theme-dark .tech-logs-container .search-box{background-color:#fff}.tech-logs-container .search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c21a}.tech-logs-container .search-box svg{position:absolute;left:12px;color:#1f2937;opacity:.7;z-index:2;pointer-events:none}.theme-dark .tech-logs-container .search-box svg{color:#1f2937;opacity:.8}.tech-logs-container .search-box input{width:100%;padding:10px 40px!important;border:none!important;border-radius:0!important;font-size:.95rem!important;height:45px!important;background-color:transparent!important;outline:none!important;color:#1f2937;font-weight:500;box-sizing:border-box}.theme-dark .tech-logs-container .search-box input{color:#1f2937;font-weight:500}.tech-logs-container .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.tech-logs-container .clear-search:hover{background:var(--gray)}.tech-logs-container .filter-section,.tech-logs-container .filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;height:45px}.tech-logs-container .filter-group-inline{display:flex;align-items:center;gap:8px;background:#fff!important;padding:0 14px;height:45px;border-radius:var(--border-radius);border:1px solid var(--border-light);box-sizing:border-box}.tech-logs-container .filter-group-inline svg{color:#1f2937;flex-shrink:0;opacity:.8}.theme-dark .tech-logs-container .filter-group-inline svg{color:#1f2937;opacity:.9}.tech-logs-container .filter-select-inline,.tech-logs-container .filter-input-inline{border:none;background:transparent!important;color:#1f2937!important;font-size:.95rem;font-weight:600;padding:0;outline:none;cursor:pointer;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-dark .tech-logs-container .filter-select-inline,.theme-dark .tech-logs-container .filter-input-inline{color:#1f2937!important;font-weight:600}.tech-logs-container .filter-select-inline{min-width:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f2937' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.theme-dark .tech-logs-container .filter-select-inline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f2937' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.tech-logs-container .filter-input-inline{min-width:130px;cursor:text;background-image:none;padding-right:0}.tech-logs-container .filter-input-inline::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;filter:brightness(0)}.tech-logs-container .filter-input-inline::-webkit-calendar-picker-indicator:hover{opacity:1}.tech-logs-container .filter-group-inline{background:#fff!important;border-color:var(--border-light)!important}.theme-dark .tech-logs-container .filter-group-inline{background:#fff!important}.tech-logs-container .filter-select-inline,.tech-logs-container .filter-input-inline,.theme-dark .tech-logs-container .filter-select-inline,.theme-dark .tech-logs-container .filter-input-inline{color:#1f2937!important;font-weight:600!important}.tech-logs-container .filter-select-inline option,.theme-dark .tech-logs-container .filter-select-inline option{background:#fff!important;color:#1f2937!important;font-weight:600}.tech-logs-container .filter-input-inline::placeholder{color:#6b7280!important;opacity:.9;font-weight:500}.theme-dark .tech-logs-container .filter-input-inline::placeholder{color:#6b7280!important;opacity:.9;font-weight:500}.tech-logs-container .filter-group-inline:focus-within{border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #e8c8c21a!important}.tech-logs-container .admin-alert{margin:20px 32px;padding:14px 18px;border-radius:var(--border-radius);display:flex;align-items:center;gap:12px;font-size:.95rem}.tech-logs-container .admin-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.tech-logs-container .logs-content{flex:1;padding:24px 32px;overflow-y:auto}.tech-logs-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary);text-align:center}.tech-logs-container .empty-state svg{opacity:.3}.tech-logs-container .empty-state h3{margin:0;font-size:1.3rem;color:var(--text-primary)}.tech-logs-container .empty-state p{margin:0;font-size:1rem}.tech-logs-container .btn-clear-filters{margin-top:12px;padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s}.tech-logs-container .btn-clear-filters:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e8c8c24d}.tech-logs-container .logs-list{display:flex;flex-direction:column;gap:16px}.tech-logs-container .log-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--border-radius);overflow:hidden;transition:all .2s ease}.tech-logs-container .log-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #e8c8c226}.tech-logs-container .log-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;transition:background .2s ease}.tech-logs-container .log-card-header:hover{background:var(--bg-secondary)}.tech-logs-container .log-card-main{display:flex;align-items:flex-start;gap:16px;flex:1}.tech-logs-container .log-category-icon{font-size:2rem;flex-shrink:0;line-height:1}.tech-logs-container .log-card-content{flex:1;min-width:0}.tech-logs-container .log-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;line-height:1.4}.tech-logs-container .log-card-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.tech-logs-container .log-company{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--primary-color)}.tech-logs-container .log-user{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary)}.tech-logs-container .log-role-badge{padding:3px 10px;background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--primary-color)}.tech-logs-container .log-date{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.tech-logs-container .log-category-badge{padding:3px 10px;background:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:capitalize}.tech-logs-container .log-expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;flex-shrink:0}.tech-logs-container .log-expand-btn:hover{background:var(--bg-tertiary);color:var(--primary-color)}.tech-logs-container .log-card-details{padding:20px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.tech-logs-container .log-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.tech-logs-container .log-detail-item{display:flex;flex-direction:column;gap:8px}.tech-logs-container .log-detail-item strong{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.tech-logs-container .log-detail-item code{background:var(--bg-primary);padding:8px 12px;border-radius:var(--border-radius);font-family:Monaco,Courier New,monospace;font-size:.85rem;color:var(--text-primary);border:1px solid var(--border-light)}.tech-logs-container .category-pill{display:inline-block;padding:6px 12px;background:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius);font-size:.85rem;font-weight:600;text-transform:capitalize}.tech-logs-container .entity-info{display:flex;flex-direction:column;gap:4px}.tech-logs-container .entity-id-small{background:var(--bg-tertiary);padding:4px 8px;border-radius:var(--border-radius);font-family:Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-secondary);border:1px solid var(--border-light);word-break:break-all}.tech-logs-container .log-detail-full{grid-column:1 / -1}.tech-logs-container .log-metadata-pre{background:var(--bg-primary);padding:12px;border-radius:var(--border-radius);border:1px solid var(--border-light);font-family:Monaco,Courier New,monospace;font-size:.8rem;color:var(--text-primary);overflow-x:auto;max-height:300px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-word}.tech-logs-container .logs-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px}.tech-logs-container .pagination-btn{padding:10px 20px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.tech-logs-container .pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #e8c8c233}.tech-logs-container .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.tech-logs-container .pagination-info{font-size:.95rem;color:var(--text-secondary);font-weight:600}@media(max-width:768px){.tech-logs-container .admin-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.tech-logs-container .admin-header-right{width:100%;justify-content:space-between}.tech-logs-container .admin-stats{grid-template-columns:repeat(2,1fr);padding:16px 20px}.tech-logs-container .admin-controls{flex-direction:column;padding:16px 20px}.tech-logs-container .search-box{min-width:100%}.tech-logs-container .filter-section{width:100%}.tech-logs-container .filter-row{width:100%;flex-direction:column}.tech-logs-container .filter-group-inline{width:100%}.tech-logs-container .logs-content{padding:16px 20px}.tech-logs-container .log-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.tech-logs-container .log-detail-grid{grid-template-columns:1fr}}.company-logs-container{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-app);overflow:visible}.company-logs-container .admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px;color:var(--text-secondary)}.company-logs-container .admin-loading .spin{animation:spin 1s linear infinite}.company-logs-container .admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 12px #0000001a}.company-logs-container .admin-header-left{display:flex;align-items:center;gap:16px}.company-logs-container .admin-header-left h1{margin:0;font-size:24px;font-weight:700}.company-logs-container .admin-header-left p{margin:4px 0 0;font-size:14px;opacity:.9}.company-logs-container .admin-header-right{display:flex;align-items:center;gap:16px}.company-logs-container .tech-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff3;border-radius:var(--border-radius);font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.company-logs-container .btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:var(--primary-color);border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s}.company-logs-container .btn-refresh:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.company-logs-container .admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:24px 32px;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.company-logs-container .stat-card{padding:20px;background:var(--bg-secondary);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);transition:all .2s}.company-logs-container .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.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{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.company-logs-container .stat-value{font-size:32px;font-weight:700;color:var(--text-primary)}.company-logs-container .admin-controls{display:flex;gap:16px;padding:20px 32px;background:#fff;border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center}.theme-dark .company-logs-container .admin-controls{background:#1f2937}.company-logs-container .search-box{position:relative;display:flex;align-items:center;flex:1;min-width:250px;width:100%;height:45px;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:#fff;transition:all .2s;box-sizing:border-box}.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{position:absolute;left:12px;color:#1f2937;opacity:.7;z-index:2;pointer-events:none}.theme-dark .company-logs-container .search-box svg{color:#1f2937;opacity:.8}.company-logs-container .search-box input{width:100%;padding:10px 40px!important;border:none!important;border-radius:0!important;font-size:.95rem!important;height:45px!important;background-color:transparent!important;outline:none!important;color:#1f2937;font-weight:500;box-sizing:border-box}.theme-dark .company-logs-container .search-box input{color:#1f2937;font-weight:500}.company-logs-container .clear-search{position:absolute;right:8px;background:var(--light-gray);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:2}.company-logs-container .clear-search:hover{background:var(--gray)}.company-logs-container .filter-section,.company-logs-container .filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;height:45px}.company-logs-container .filter-group-inline{display:flex;align-items:center;gap:8px;background:#fff!important;padding:0 14px;height:45px;border-radius:var(--border-radius);border:1px solid var(--border-light);box-sizing:border-box}.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-select-inline,.company-logs-container .filter-input-inline{border:none;background:transparent!important;color:#1f2937!important;font-size:.95rem;font-weight:600;padding:0;outline:none;cursor:pointer;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-dark .company-logs-container .filter-select-inline,.theme-dark .company-logs-container .filter-input-inline{color:#1f2937!important;font-weight:600}.company-logs-container .filter-select-inline{min-width:150px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f2937' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.theme-dark .company-logs-container .filter-select-inline{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%231f2937' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.company-logs-container .filter-input-inline{min-width:130px;cursor:text;background-image:none;padding-right:0}.company-logs-container .filter-input-inline::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8;filter:brightness(0)}.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-select-inline,.company-logs-container .filter-input-inline,.theme-dark .company-logs-container .filter-select-inline,.theme-dark .company-logs-container .filter-input-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{color:#6b7280!important;opacity:.9;font-weight:500}.theme-dark .company-logs-container .filter-input-inline::placeholder{color:#6b7280!important;opacity:.9;font-weight:500}.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{margin:20px 32px;padding:14px 18px;border-radius:var(--border-radius);display:flex;align-items:center;gap:12px;font-size:.95rem}.company-logs-container .admin-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.company-logs-container .logs-content{flex:1;padding:24px 32px;overflow-y:auto}.company-logs-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary);text-align:center}.company-logs-container .empty-state svg{opacity:.3}.company-logs-container .empty-state h3{margin:0;font-size:1.3rem;color:var(--text-primary)}.company-logs-container .empty-state p{margin:0;font-size:1rem}.company-logs-container .btn-clear-filters{margin-top:12px;padding:10px 24px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s}.company-logs-container .btn-clear-filters:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e8c8c24d}.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:var(--border-radius);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{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;cursor:pointer;transition:background .2s ease}.company-logs-container .log-card-header:hover{background:var(--bg-secondary)}.company-logs-container .log-card-main{display:flex;align-items:flex-start;gap:16px;flex:1}.company-logs-container .log-category-icon{font-size:2rem;flex-shrink:0;line-height:1}.company-logs-container .log-card-content{flex:1;min-width:0}.company-logs-container .log-card-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:10px;line-height:1.4}.company-logs-container .log-card-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.company-logs-container .log-company{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--primary-color)}.company-logs-container .log-user{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--text-primary)}.company-logs-container .log-role-badge{padding:3px 10px;background:var(--bg-secondary);border-radius:var(--border-radius);font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--primary-color)}.company-logs-container .log-date{display:flex;align-items:center;gap:6px;color:var(--text-secondary)}.company-logs-container .log-category-badge{padding:3px 10px;background:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius);font-size:.75rem;font-weight:600;text-transform:capitalize}.company-logs-container .log-expand-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);transition:all .2s ease;flex-shrink:0}.company-logs-container .log-expand-btn:hover{background:var(--bg-tertiary);color:var(--primary-color)}.company-logs-container .log-card-details{padding:20px;border-top:1px solid var(--border-light);background:var(--bg-secondary)}.company-logs-container .log-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.company-logs-container .log-detail-item{display:flex;flex-direction:column;gap:8px}.company-logs-container .log-detail-item strong{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.company-logs-container .log-detail-item code{background:var(--bg-primary);padding:8px 12px;border-radius:var(--border-radius);font-family:Monaco,Courier New,monospace;font-size:.85rem;color:var(--text-primary);border:1px solid var(--border-light)}.company-logs-container .category-pill{display:inline-block;padding:6px 12px;background:var(--primary-light);color:var(--primary-color);border-radius:var(--border-radius);font-size:.85rem;font-weight:600;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);padding:4px 8px;border-radius:var(--border-radius);font-family:Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-secondary);border:1px solid var(--border-light);word-break:break-all}.company-logs-container .log-detail-full{grid-column:1 / -1}.company-logs-container .log-metadata-pre{background:var(--bg-primary);padding:12px;border-radius:var(--border-radius);border:1px solid var(--border-light);font-family:Monaco,Courier New,monospace;font-size:.8rem;color:var(--text-primary);overflow-x:auto;max-height:300px;overflow-y:auto;margin:0;white-space:pre-wrap;word-break:break-word}.company-logs-container .logs-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;padding:20px}.company-logs-container .pagination-btn{padding:10px 20px;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.company-logs-container .pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #e8c8c233}.company-logs-container .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.company-logs-container .pagination-info{font-size:.95rem;color:var(--text-secondary);font-weight:600}@media(max-width:768px){.company-logs-container .admin-header{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.company-logs-container .admin-header-right{width:100%;justify-content:space-between}.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{width:100%;flex-direction:column}.company-logs-container .filter-group-inline{width:100%}.company-logs-container .logs-content{padding:16px 20px}.company-logs-container .log-card-meta{flex-direction:column;align-items:flex-start;gap:8px}.company-logs-container .log-detail-grid{grid-template-columns:1fr}}.app-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--bg-secondary)}.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;min-height:0;overflow:visible;position:relative}.main-content{display:flex;flex-direction:column;flex:1;min-width:0;padding:20px;background:var(--bg-secondary);overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.main-content:has(.calendario-lavoro){align-items:flex-start;overflow-y:visible!important}.main-content:has(.calendario-lavoro)>.calendario-lavoro{flex:0 0 auto!important;width:100%;max-width:100%}.mobile-layout .main-content{padding-bottom:100px!important}@media(min-width:768px)and (max-width:1024px){.app-layout{overflow-x:hidden!important;max-width:100vw!important;width:100vw!important;box-sizing:border-box!important}.app-content{overflow-x:hidden!important;min-width:0!important;box-sizing:border-box!important}.main-content{padding:12px!important;overflow-x:hidden!important;overflow-y:auto!important;min-width:0!important;box-sizing:border-box!important}.main-content>*{max-width:100%!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important;min-width:0!important}.main-content *{max-width:100%!important;box-sizing:border-box!important}.main-content *{min-width:0!important}}@media(max-width:768px){.main-content{padding:15px;padding-bottom:100px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}@media(max-width:480px){.main-content{padding:12px 10px;padding-bottom:100px!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}.settings-modal{width:95%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.settings-modal .settings{max-width:none;margin:0;padding:0;height:100%;overflow-y:auto}.settings-modal .settings-header{position:sticky;top:0;background:var(--white);z-index:10;margin:0;padding:20px 25px;border-bottom:2px solid var(--light-gray)}.settings-modal .settings-content{padding:0 25px 25px}@media(max-width:768px){.settings-modal{width:98%;max-height:95vh}.settings-modal .settings-header{padding:15px 20px}.settings-modal .settings-content{padding:0 20px 20px}}.app-layout.calendario-lavoro-active .main-content,.app-layout.calendario-lavoro-active main.main-content{overflow-y:visible!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important}.app-layout.calendario-lavoro-active:not(.mobile-layout) .main-content{padding-bottom:0!important}.app-layout.calendario-lavoro-active .main-content>.calendario-lavoro,.app-layout.calendario-lavoro-active .calendario-lavoro{flex:1 1 auto!important;min-height:0!important;align-self:stretch!important;display:flex!important;flex-direction:column!important;overflow-y:visible!important;overflow-x:hidden!important}.app-layout.calendario-lavoro-active .calendario-lavoro .view-header{flex-shrink:0!important}.app-layout.calendario-lavoro-active .calendario-content{flex:1!important;min-height:0!important;max-height:calc(100vh - 240px)!important;align-self:stretch!important;grid-template-rows:1fr!important}@media(min-width:768px)and (max-width:1024px){.app-layout.calendario-lavoro-active .main-content{overflow-y:visible!important}}@media(max-width:768px){.app-layout.calendario-lavoro-active .main-content{overflow-y:visible!important}}@media(max-width:480px){.app-layout.calendario-lavoro-active .main-content{overflow-y:visible!important}}.otp-verification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.otp-verification-modal{background:#fff;border-radius:var(--border-radius);padding:48px;max-width:1000px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .3s ease-out}.otp-icon{width:100px;height:100px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;box-shadow:0 8px 24px #ec489966;animation:scaleIn .5s ease-out}.otp-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166}.otp-verification-modal h3{font-size:1.8rem;font-weight:700;margin-bottom:16px;color:#111827}.otp-description{font-size:1rem;color:#6b7280;margin-bottom:24px;line-height:1.6}.phone-display{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border:2px solid #ec4899;border-radius:var(--border-radius);padding:16px;font-size:1.3rem;font-weight:600;color:#ec4899;margin-bottom:32px;letter-spacing:1px}.phone-display-small{font-size:1.1rem;color:#6b7280;margin-bottom:24px;font-weight:500}.otp-input-container{margin:32px 0}.otp-input{width:100%;max-width:600px;height:80px;border:3px solid #e5e7eb;border-radius:var(--border-radius);font-size:2.5rem;font-weight:700;text-align:center;letter-spacing:12px;color:#111827;transition:all .3s ease}.otp-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 4px #ec48991a}.otp-input::placeholder{color:#d1d5db;letter-spacing:8px}.otp-error{background:#fee2e2;border:1px solid #fecaca;border-radius:var(--border-radius);padding:12px 16px;color:#dc2626;font-size:.9rem;margin:16px 0;display:flex;align-items:center;gap:8px;justify-content:center;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.otp-timer{margin:24px 0;font-size:1rem;color:#6b7280}.otp-timer strong{color:#ec4899;font-weight:700;font-size:1.1rem}.otp-timer .expired{color:#dc2626;font-weight:600}.otp-actions{display:flex;gap:12px;margin-top:32px}.otp-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.otp-actions .btn-primary{background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;box-shadow:0 4px 12px #ec48994d}.otp-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}.otp-actions .btn-primary:disabled{opacity:.6;cursor:not-allowed}.otp-actions .btn-secondary{background:#fff;color:#6b7280;border:2px solid #e5e7eb}.otp-actions .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.otp-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.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{width:80px;height:80px}.otp-icon svg{width:40px;height:40px}.otp-input{height:70px;font-size:2rem;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: #FFFFFF;--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: #FFFFFF;--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 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--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: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s 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: #FFFFFF;--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:var(--border-radius);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.input{background-color:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}@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){overflow:auto!important;height:auto!important}.booking-public{min-height:100vh;padding:40px;display:flex;flex-direction:column;background:var(--bg-secondary)}.booking-header-public{text-align:center;margin-bottom:40px;flex-shrink:0;position:relative}.booking-language-selector{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.booking-language-selector svg{color:var(--text-secondary)}.lang-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 12px;border-radius:var(--border-radius);cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.lang-btn:hover{background:var(--bg-secondary);border-color:var(--primary-color);color:var(--primary-color)}.lang-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.booking-logo{width:300px;height:300px;object-fit:contain;margin:0 auto 20px;border-radius:50%;box-shadow:var(--shadow-sm);border:3px solid var(--primary-color)}.booking-header-public h1{font-size:2.5rem;font-weight:300;color:var(--text-primary);margin:0 0 12px}.booking-header-public p{font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto 20px}.btn-shop-link{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e8c8c24d;text-decoration:none}.btn-shop-link:hover{background:linear-gradient(135deg,#d4b2ab,#c4a09a);transform:translateY(-2px);box-shadow:0 6px 18px #e8c8c280}.booking-container{max-width:1400px;width:100%;margin:0 auto 40px;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:40px}.booking-steps{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;padding:0 24px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.step-number{width:48px;height:48px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;transition:all .3s ease}.step.active .step-number{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #ec489966;transform:scale(1.1)}.step.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:.85rem;font-weight:600;color:#6b7280;text-align:center}.step.active .step-label{color:var(--primary-color)}.step-line{flex:1;height:3px;background:#e5e7eb;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{font-size:1.8rem;font-weight:300;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:12px}.step-description{font-size:1rem;color:var(--text-secondary);margin:0 0 32px}.btn-back{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;margin-bottom:24px;padding:8px 12px;border-radius:var(--border-radius);transition:all .2s ease}.btn-back:hover{background:#ec48991a}.options-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:32px}.option-card{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--border-radius);padding:24px 20px;text-align:center;cursor:pointer;transition:all .2s ease}.option-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.option-card.selected{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 3px #ec48991a}.option-icon{width:56px;height:56px;margin:0 auto 12px;background:var(--primary-light);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.6rem}.option-card h3{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin:0 0 8px}.option-card p{font-size:.9rem;color:var(--text-secondary);margin:4px 0}.treatment-description{font-size:.9rem!important;color:#9ca3af!important;margin:12px 0!important;line-height:1.5}.treatment-meta{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:2px solid #f3f4f6}.duration{display:flex;align-items:center;gap:6px;color:#6b7280;font-size:.9rem;font-weight:500}.price{font-size:1.3rem;font-weight:700;color:var(--primary-color)}.datetime-selection{display:flex;flex-direction:column;gap:32px}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.time-slot{padding:12px;border:2px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s ease}.time-slot:hover:not(.unavailable){border-color:var(--primary-color);background:var(--primary-light);box-shadow:var(--shadow-md)}.time-slot.selected{background:var(--primary-color);color:var(--bg-primary);border-color:var(--primary-color);box-shadow:0 4px 12px #ec48994d}.time-slot.unavailable{background:var(--bg-tertiary);color:var(--text-tertiary);border-color:var(--border-light);cursor:not-allowed;opacity:.6}.form-and-summary-container{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:100%}.form-container{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.9rem;display:flex;align-items:center;gap:6px}.modern-input,.modern-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--border-radius);font-size:.95rem;transition:all .2s ease;background:var(--bg-primary);color:var(--text-primary)}.modern-input:focus,.modern-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ec48991a}.modern-input.input-valid{border-color:#10b981!important}.modern-input.input-invalid{border-color:#ef4444!important}.modern-textarea{resize:vertical;font-family:inherit}.fidelity-input-wrapper{position:relative}.fidelity-validation{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:.85rem;font-weight:500}.fidelity-validation.success{color:#10b981}.fidelity-validation.error{color:#ef4444}.fidelity-validation svg{flex-shrink:0}.booking-summary{background:var(--bg-subtle);border-radius:var(--border-radius);padding:24px;border:1px solid var(--border-light);display:flex;flex-direction:column}.booking-summary h3{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin:0 0 16px}.summary-item{display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--text-primary);font-size:.9rem;border-bottom:1px solid var(--border-light)}.summary-item:last-of-type{border-bottom:none}.summary-item svg{color:var(--primary-color)}.summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:2px solid var(--border-light);font-size:1.3rem;font-weight:600;color:var(--primary-color)}.step-actions{margin-top:32px;display:flex;justify-content:center}.btn-large{padding:12px 40px;font-size:1rem;font-weight:500;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-large:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-large:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.confirmation-step{text-align:center}.confirmation-icon{width:120px;height:120px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 40px #10b98166;animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-message{font-size:1.2rem;color:#6b7280;margin-bottom:16px;line-height:1.6}.confirmation-message.warning-text{background:#fef3c7;border-left:4px solid #f59e0b;padding:12px 16px;border-radius:var(--border-radius);color:#92400e;font-weight:500;margin-top:16px}.confirmation-note{background:#fff;border-radius:var(--border-radius);padding:24px;margin-top:32px;border:2px solid #e5e7eb}.confirmation-note p{margin:8px 0;color:#374151;font-size:1rem}.confirmation-note strong{color:var(--primary-color)}.empty-state{text-align:center;padding:48px 24px;background:#fef3c7;border:2px solid #fbbf24;border-radius:var(--border-radius);margin:24px 0}.empty-state p{font-size:1.1rem;color:#92400e;margin:0;font-weight:500}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner{width:56px;height:56px;border:5px solid #e5e7eb;border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.loading-container p,.error-container p{font-size:1.2rem;color:#6b7280}.error-container h2{font-size:2rem;color:#dc2626;margin:0 0 16px}.substep-indicators{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0 32px}.substep-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.substep-dot.active{background:var(--primary-color);box-shadow:0 0 12px #ec489966;transform:scale(1.2)}.calendar-container{background:var(--bg-primary);border-radius:var(--border-radius);padding:16px;margin:0 auto;max-width:100%;display:flex;flex-direction:column;border:1px solid var(--border-light)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-header h3{font-size:1.3rem;font-weight:500;color:var(--text-primary);margin:0;text-transform:capitalize}.calendar-nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-primary);color:#6b7280;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.calendar-nav-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#ec48990d}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-day-header{text-align:center;font-weight:700;font-size:.8rem;color:#6b7280;padding:8px 0;text-transform:uppercase}.calendar-day{aspect-ratio:1.8;border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--bg-primary);color:var(--text-primary);font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:28px}.calendar-day.empty{border:none;background:transparent;cursor:default}.calendar-day.available{border-color:var(--success-color);background:var(--bg-tertiary);color:var(--success-color)}.calendar-day.available:hover{border-color:var(--success-color);background:var(--bg-subtle);transform:scale(1.05)}.calendar-day.unavailable{border-color:var(--error-color);background:var(--bg-tertiary);color:var(--error-color);cursor:not-allowed;opacity:.6}.calendar-day.past{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.4;border-color:var(--border-light)}.calendar-day.today{font-weight:600;box-shadow:0 0 0 2px var(--primary-color)}.calendar-day.selected{background:var(--primary-color)!important;border-color:var(--primary-color)!important;color:var(--bg-primary)!important;box-shadow:0 4px 12px #ec48994d;transform:scale(1.08)}.calendar-legend{display:flex;justify-content:center;gap:24px;margin-top:12px;padding-top:12px;border-top:2px solid #f3f4f6}.legend-item{display:flex;align-items:center;gap:8px;font-size:.95rem;color:#6b7280;font-weight:500}.legend-color{width:24px;height:24px;border-radius:var(--border-radius);border:2px solid}.legend-color.available{background:#10b9811a;border-color:#10b981}.legend-color.unavailable{background:#ef44441a;border-color:#ef4444}.timeslots-container{background:#fff;border-radius:var(--border-radius);padding:24px;margin:0 auto;max-width:100%;width:100%;display:flex;flex-direction:column}.timeslots-container h3{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0 0 20px;text-align:center;text-transform:capitalize}.timeline-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;max-height:50vh;overflow-y:auto;padding-right:8px}.timeline-slot{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:2px solid;border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:all .3s ease;position:relative}.timeline-slot span{font-size:.85rem;font-weight:700}.slot-indicator{width:100%;height:4px;border-radius:var(--border-radius);margin-top:4px}.timeline-slot.available{border-color:#10b981;color:#059669}.timeline-slot.available .slot-indicator{background:#10b981}.timeline-slot.available:hover{border-color:#059669;background:#10b9810d;transform:translateY(-4px);box-shadow:0 8px 20px #10b98133}.timeline-slot.unavailable{border-color:#ef4444;color:#dc2626;background:#ef444408;cursor:not-allowed;opacity:.6}.timeline-slot.unavailable .slot-indicator{background:#ef4444}.timeline-slot.selected{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 8px 24px #ec489966;transform:translateY(-4px) scale(1.05)}.timeline-slot.selected .slot-indicator{background:#fff}.datetime-confirmation{display:flex;justify-content:center;padding:0;max-width:100%;margin:0 auto}.confirmation-card{background:#fff;border-radius:var(--border-radius);padding:32px 40px;max-width:1200px;width:100%;text-align:center;border:3px solid #10b981;box-shadow:0 12px 40px #10b98126}.check-icon{color:#10b981;margin-bottom:16px}.confirmation-card h3{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 12px}.confirmation-card>p{font-size:1.1rem;color:#6b7280;margin:0 0 24px}.datetime-summary{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.summary-row{display:flex;align-items:center;gap:16px;padding:16px;background:#10b9810d;border-radius:var(--border-radius);border:2px solid #10b981;text-align:left}.summary-row svg{color:#10b981;flex-shrink:0}.summary-row div{flex:1}.summary-row strong{display:block;font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.summary-row p{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0}.confirmation-actions{display:flex;gap:16px;justify-content:center}.btn-secondary{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);padding:14px 32px;font-size:1rem;font-weight:700;border-radius:var(--border-radius);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--primary-color);color:#fff;box-shadow:0 4px 12px #ec48994d}@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{padding:0;flex-wrap:wrap}.step-label{font-size:.75rem}.step-number{width:40px;height:40px;font-size:1rem}.step-line{display:none}.options-grid,.form-row{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{padding:16px;border-radius:var(--border-radius)}.booking-header-public h1{font-size:1.8rem}.booking-header-public p{font-size:.95rem}.options-grid{grid-template-columns:1fr;gap:12px}.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{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ec4899,#f97316);padding:20px}.booking-confirm-card{background:#fff;border-radius:var(--border-radius);padding:48px;max-width:1200px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .5s ease-out}.booking-confirm-card.loading{padding:64px 48px}.loading-spinner{width:60px;height:60px;border:4px solid #f3f4f6;border-top:4px solid #ec4899;border-radius:50%;margin:0 auto 24px;animation:spin 1s linear infinite}.confirm-icon{width:100px;height:100px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .6s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.booking-confirm-card.success .confirm-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 24px #10b98166}.booking-confirm-card.error .confirm-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 24px #ef444466}.booking-confirm-card h2{font-size:2rem;font-weight:700;margin-bottom:16px;color:#111827}.booking-confirm-card.success h2{color:#059669}.booking-confirm-card.error h2{color:#dc2626}.confirm-message{font-size:1.1rem;color:#6b7280;margin-bottom:32px;line-height:1.6}.appointment-details{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-radius:var(--border-radius);padding:24px;margin:32px 0;border:2px solid #ec4899}.appointment-details h3{font-size:1.3rem;font-weight:700;color:#ec4899;margin-bottom:20px}.detail-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:var(--border-radius);margin-bottom:12px;font-size:1.1rem;color:#374151;box-shadow:0 2px 8px #0000000d}.detail-item:last-child{margin-bottom:0}.detail-item svg{color:#ec4899;flex-shrink:0}.confirm-note{background:#f9fafb;border-radius:var(--border-radius);padding:24px;margin-top:32px}.confirm-note p{font-size:1rem;color:#6b7280;margin-bottom:12px;line-height:1.6}.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{width:80px;height:80px}.confirm-icon svg{width:48px;height:48px}.appointment-details{padding:20px}.detail-item{font-size:1rem}}.booking-shop{min-height:100vh;background:linear-gradient(180deg,#fdfbfb,#f8f4f2)}.shop-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,200,194,.2);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.shop-header-container{max-width:1400px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.btn-back{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid rgba(232,200,194,.3);border-radius:var(--border-radius);color:#2d3748;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#e8c8c21a;border-color:#e8c8c280}.shop-branding{display:flex;align-items:center;gap:16px;flex:1}.shop-logo{width:48px;height:48px;border-radius:var(--border-radius);object-fit:cover}.shop-title h1{font-size:1.5rem;font-weight:700;color:#2d3748;margin:0}.shop-title p{font-size:.9rem;color:#64748b;margin:0}.cart-button{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #e8c8c24d}.cart-button:hover{transform:scale(1.05);box-shadow:0 6px 18px #e8c8c280}.cart-badge{position:absolute;top:-6px;right:-6px;background:#e87676;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;animation:badgePulse 1.5s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.shop-filters{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px}.shop-filters .search-box{position:relative;display:flex;align-items:center;max-width:600px;margin:0 auto;width:100%;border:1px solid var(--border-light);border-radius:var(--border-radius);background-color:var(--white);transition:all .2s ease}.shop-filters .search-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #e8c8c21a}.shop-filters .search-box svg{position:absolute;left:12px;color:var(--text-secondary);pointer-events:none;z-index:2}.shop-filters .search-box input{width:100%;padding:10px 40px!important;border:none;border-radius:var(--border-radius);font-size:.95rem;height:45px;position:relative;z-index:1;background-color:transparent;transition:all .2s ease;box-sizing:border-box!important;outline:none}.shop-filters .search-box input:focus{outline:none}.shop-filters .clear-search{position:absolute;right:8px;background:var(--bg-secondary);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.shop-filters .clear-search:hover{background:var(--border-light);color:var(--text-primary)}.category-filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.category-btn{padding:10px 20px;border:2px solid rgba(232,200,194,.3);border-radius:var(--border-radius);background:#fff;color:#64748b;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.category-btn:hover{border-color:#e8c8c299;background:#e8c8c21a}.category-btn.active{background:linear-gradient(135deg,#e8c8c2,#d4b2ab);border-color:#e8c8c2;color:#fff;box-shadow:0 4px 12px #e8c8c24d}.products-grid-shop{max-width:1400px;margin:0 auto;padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.product-card-shop{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.product-card-shop:hover{transform:translateY(-8px);box-shadow:0 12px 24px #e8c8c240}.product-badges-shop{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge-discount{background:linear-gradient(135deg,#e87676,#d66060);color:#fff;padding:6px 12px;border-radius:var(--border-radius);font-size:.8rem;font-weight:700;box-shadow:0 2px 8px #e8767666}.badge-low-stock{background:linear-gradient(135deg,#f4d58d,#e8c76f);color:#2d3748;padding:6px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700}.badge-stock-alert{background:linear-gradient(135deg,#f6ad55,#ed8936);color:#1f2937;padding:6px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:800;box-shadow:0 2px 8px #ed893640}.badge-out-of-stock{background:#2d3748cc;color:#fff;padding:6px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:700}.product-image-shop{width:100%;height:280px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.product-image-shop img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card-shop:hover .product-image-shop img{transform:scale(1.05)}.product-image-placeholder-shop{color:#cbd5e1}.product-info-shop{padding:20px;display:flex;flex-direction:column;gap:12px;flex:1}.product-category-shop{display:inline-block;padding:4px 12px;border-radius:var(--border-radius);font-size:.75rem;font-weight:600;color:#fff;align-self:flex-start}.product-info-shop h3{font-size:1.15rem;font-weight:700;color:#2d3748;margin:0;line-height:1.4}.product-description-shop{font-size:.9rem;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.product-brand-shop{font-size:.85rem;color:#94a3b8}.product-brand-shop strong{color:#64748b}.product-price-shop{display:flex;align-items:center;gap:10px;margin-top:auto}.price-old-shop{font-size:1rem;color:#94a3b8;text-decoration:line-through}.price-current-shop{font-size:1.5rem;font-weight:700;color:#2d3748}.product-urgency-alert{margin-top:-4px;padding:10px 12px;border-radius:var(--border-radius);background:#f6ad552e;border:1px solid rgba(237,137,54,.28);color:#92400e;font-weight:700;font-size:.9rem}.btn-add-to-cart{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#e8c8c2,#d4b2ab);color:#fff;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;width:100%}.btn-add-to-cart:hover:not(:disabled){background:linear-gradient(135deg,#d4b2ab,#c4a09a);transform:translateY(-2px);box-shadow:0 6px 16px #e8c8c266}.btn-add-to-cart:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.btn-add-to-cart.added{background:linear-gradient(135deg,#95c9a4,#7fb38e);animation:buttonSuccess .5s ease}@keyframes buttonSuccess{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.empty-shop{max-width:600px;margin:80px auto;padding:60px 24px;text-align:center;background:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014}.empty-shop svg{color:#cbd5e1;margin-bottom:24px}.empty-shop h2{font-size:1.8rem;color:#2d3748;margin-bottom:12px}.empty-shop p{color:#64748b;font-size:1.05rem}.cart-modal{max-width:700px;max-height:85vh;overflow:hidden}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-cart svg{color:#cbd5e1;margin-bottom:20px}.empty-cart h3{font-size:1.5rem;color:#2d3748;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{display:flex;gap:16px;padding:16px;background:#f8f9fa;border-radius:var(--border-radius);transition:all .2s ease}.cart-item:hover{background:#f1f3f5}.cart-item-image{width:80px;height:80px;border-radius:var(--border-radius);overflow:hidden;flex-shrink:0;background:#fff}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.cart-item-info{flex:1;display:flex;flex-direction:column;gap:6px}.cart-item-info h4{font-size:1rem;font-weight:600;color:#2d3748;margin:0}.cart-item-brand{font-size:.85rem;color:#64748b}.cart-item-price{font-size:1.1rem;font-weight:700;color:#2d3748}.cart-item-controls{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.quantity-selector{display:flex;align-items:center;gap:10px;background:#fff;border-radius:var(--border-radius);padding:4px;box-shadow:0 2px 6px #00000014}.qty-btn{width:32px;height:32px;border:none;background:#f1f3f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#2d3748;transition:all .2s ease}.qty-btn:hover{background:#e8c8c2;color:#fff}.qty-value{min-width:32px;text-align:center;font-weight:700;color:#2d3748}.cart-item-total{font-size:1.2rem;font-weight:700;color:#2d3748}.btn-remove-item{background:transparent;border:none;color:#e87676;cursor:pointer;padding:8px;border-radius:var(--border-radius);transition:all .2s ease}.btn-remove-item:hover{background:#e876761a}.cart-summary{margin-top:24px;padding-top:24px;border-top:2px solid #e2e8f0}.summary-row{display:flex;justify-content:center;align-items:center;gap:40px;padding:10px 0;font-size:1rem;color:#64748b}.summary-row.total{font-size:1.3rem;font-weight:700;color:#2d3748;padding-top:16px;border-top:2px solid #e2e8f0;margin-top:10px;gap:50px}.checkout-page{padding-bottom:40px}.checkout-container{max-width:1200px;margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 400px;gap:32px;align-items:flex-start}.checkout-form-section{background:#fff;border-radius:var(--border-radius);padding:32px;box-shadow:0 4px 16px #00000014}.checkout-section{margin-bottom:32px}.checkout-section h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:var(--border-radius);font-size:.95rem;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#e8c8c2;box-shadow:0 0 0 3px #e8c8c21a}.form-group textarea{resize:vertical}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e2e8f0;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease}.payment-option:hover{border-color:#e8c8c2;background:#e8c8c20d}.payment-option input[type=radio]{width:20px;height:20px;cursor:pointer}.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){border-color:#e8c8c2;background:#e8c8c21a}.payment-option-content{display:flex;align-items:center;gap:12px;flex:1;color:#64748b;font-weight:600}.order-summary-section{position:sticky;top:100px}.order-summary{background:#fff;border-radius:var(--border-radius);padding:24px;box-shadow:0 4px 16px #00000014}.order-summary h3{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:20px}.summary-items{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #e2e8f0}.summary-item{display:flex;justify-content:space-between;gap:12px}.summary-item-info{display:flex;gap:8px;flex:1}.summary-item-name{color:#2d3748;font-size:.9rem}.summary-item-qty{color:#64748b;font-size:.9rem}.summary-item-price{font-weight:700;color:#2d3748}.summary-totals{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.summary-total-row{display:flex;justify-content:space-between;font-size:.95rem;color:#64748b}.summary-total-row.total{font-size:1.3rem;font-weight:700;color:#2d3748;padding-top:16px;border-top:2px solid #e2e8f0}.checkout-info{padding:16px;background:#7fb38e1a;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:8px}.checkout-info p{margin:0;font-size:.9rem;color:#2d3748;font-weight:500}.order-success{max-width:600px;margin:80px auto;padding:60px 40px;background:#fff;border-radius:var(--border-radius);box-shadow:0 8px 24px #0000001a;text-align:center}.success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#95c9a4,#7fb38e);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;animation:successPop .5s ease}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.order-success h1{font-size:2rem;color:#2d3748;margin-bottom:16px}.order-number{font-size:1.1rem;color:#64748b;margin-bottom:20px}.order-number strong{color:#e8c8c2;font-weight:700}.success-message{font-size:1.05rem;color:#64748b;line-height:1.6;margin-bottom:32px}.success-actions{display:flex;gap:12px;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--border-radius);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#e8c8c2,#d4b2ab);color:#fff;box-shadow:0 4px 12px #e8c8c24d}.btn-primary:hover{background:linear-gradient(135deg,#d4b2ab,#c4a09a);transform:translateY(-2px);box-shadow:0 6px 18px #e8c8c280}.btn-secondary{background:#fff;color:#2d3748;border:2px solid #e2e8f0}.btn-secondary:hover{border-color:#e8c8c2;background:#e8c8c20d}.btn-large{padding:16px 32px;font-size:1.05rem}.btn-block{width:100%}@media(max-width:1024px){.checkout-container{grid-template-columns:1fr;gap:24px}.order-summary-section{position:static}}@media(max-width:768px){.products-grid-shop{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;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{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;background:linear-gradient(180deg,#fdfbfb,#f8f4f2)}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#e8c8c2;border-radius:50%;animation:spin .8s linear infinite}.booking-shop-loading p{color:#64748b;font-size:1.1rem}.oauth-callback-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.oauth-callback-card{background:var(--white);border-radius:var(--border-radius);padding:48px;box-shadow:var(--shadow-lg);max-width:500px;width:100%;text-align:center;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.status-icon{margin:0 auto 24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%}.status-icon.loading{color:var(--primary-color)}.status-icon.success{color:#22c55e;background:#22c55e1a}.status-icon.error{color:#ef4444;background:#ef44441a}.oauth-callback-card h2{font-size:1.8rem;font-weight:600;color:var(--text-primary);margin-bottom:16px}.oauth-callback-card p{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.progress-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.progress-dots span{width:10px;height:10px;background:var(--primary-color);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.progress-dots span:nth-child(1){animation-delay:-.32s}.progress-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.oauth-callback-card{padding:32px 24px}.oauth-callback-card h2{font-size:1.5rem}.status-icon{width:60px;height:60px}.status-icon svg{width:48px!important;height:48px!important}}body:has(.client-public-page),html:has(.client-public-page){overflow:auto!important;height:auto!important;position:relative!important}#root:has(.client-public-page){overflow:auto!important;height:auto!important}.client-public-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-y:visible;overflow-x:hidden;box-sizing:border-box;position:relative;width:100%}.client-public-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 40px #0000001a;overflow:visible;min-height:auto}.public-header{background:linear-gradient(135deg,var(--primary-color, #667eea) 0%,var(--accent-color, #764ba2) 100%);padding:40px;text-align:center;color:#fff}.company-logo{max-width:360px;max-height:360px;margin-bottom:20px;border-radius:var(--border-radius);background:#fff;padding:10px}.company-name{font-size:2rem;font-weight:700;margin:0;color:#fff}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;color:var(--primary-color, #667eea)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{color:#e74c3c}.error-container svg{margin-bottom:20px}.client-info-section{padding:30px 40px;border-bottom:2px solid #f0f0f0}.client-info-section h2{display:flex;align-items:center;gap:12px;font-size:1.8rem;font-weight:600;color:#2d3748;margin:0}.appointment-section,.pmu-consent-section{padding:30px 40px;border-bottom:2px solid #f0f0f0}.appointment-section h3,.pmu-consent-section h3{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 20px}.appointment-details{display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f0f0}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:600;color:#4a5568;min-width:150px}.detail-row .value{color:#2d3748;display:flex;align-items:center;gap:6px}.no-appointment-section{padding:60px 40px;text-align:center;color:#718096}.no-appointment-section svg{margin-bottom:16px;opacity:.5}.consent-subsection{margin-bottom:30px;padding:20px;background:#f7fafc;border-radius:var(--border-radius)}.consent-subsection h4{font-size:1.2rem;font-weight:600;color:#2d3748;margin:0 0 16px}.consent-details,.declarations-list,.anamnesis-list{display:flex;flex-direction:column;gap:12px}.declaration-item,.anamnesis-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#fff;border-radius:var(--border-radius);border:1px solid #e2e8f0}.checkmark{font-size:1.2rem;color:#cbd5e0;flex-shrink:0;width:24px;text-align:center}.checkmark.checked{color:#48bb78}.declaration-text{color:#2d3748;flex:1}.anamnesis-question{font-weight:500;color:#2d3748;margin-bottom:8px}.anamnesis-answer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.answer-badge{padding:4px 12px;border-radius:var(--border-radius);font-weight:600;font-size:.85rem;min-width:40px;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-style:italic;font-size:.9rem}.privacy-consent{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:var(--border-radius);border:1px solid #e2e8f0}.signature-info{padding:12px 0}.public-footer{padding:30px 40px;text-align:center;background:#f7fafc;color:#718096;font-size:.9rem}@media(max-width:768px){.client-public-page{padding:20px 10px}.public-header{padding:30px 20px}.company-name{font-size:1.5rem}.client-info-section,.appointment-section,.pmu-consent-section{padding:20px}.detail-row{flex-direction:column;align-items:flex-start;gap:6px}.detail-row .label{min-width:auto;font-size:.9rem}.public-footer{padding:20px}}.landing-root{min-height:100vh;display:flex;flex-direction:column;gap:72px;padding:48px 32px 64px;background:linear-gradient(135deg,#fde68a,#fbcfe8 35%,#e0f2fe);box-sizing:border-box}.landing-hero{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;align-items:center}.landing-hero-copy{display:grid;gap:20px;color:#0f172a}.landing-pill{display:inline-block;padding:8px 14px;background:#0f172a14;border-radius:999px;font-size:14px;font-weight:600;color:#0f172a}.landing-hero h1{font-size:clamp(2.4rem,5vw,3.4rem);line-height:1.1;margin:0}.landing-hero p{margin:0;font-size:18px;line-height:1.6;color:#1f2937}.landing-hero-actions{display:flex;gap:16px;flex-wrap:wrap}.landing-button{text-decoration:none;padding:14px 24px;border-radius:999px;font-weight:700;font-size:16px;transition:transform .2s ease,box-shadow .2s ease;text-align:center}.landing-button.primary{background:#ec4899;color:#fff;box-shadow:0 18px 30px #ec489940}.landing-button.primary:hover{transform:translateY(-2px);box-shadow:0 24px 40px #ec489959}.landing-button.secondary{border:2px solid #ec4899;color:#ec4899;background:transparent}.landing-button.secondary:hover{background:#ec489926}.landing-hero-card{background:#ffffffeb;border-radius:var(--border-radius);padding:28px;box-shadow:0 20px 45px #0f172a2e;display:grid;gap:16px}.landing-card-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#475569}.landing-card-status{letter-spacing:.14em}.landing-card-badge{padding:4px 10px;background:#dbeafe;color:#1d4ed8;border-radius:999px;font-weight:600}.landing-card-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}.landing-card-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid #e2e8f0}.landing-card-list li:last-child{border-bottom:none}.landing-card-list strong{display:block;color:#0f172a}.landing-card-list small{color:#64748b}.landing-card-chip{padding:6px 12px;background:#22c55e1f;color:#047857;border-radius:999px;font-size:13px;font-weight:600}.landing-card-chip.alt{background:#3b82f61f;color:#1d4ed8}.landing-card-footer{font-size:15px;color:#334155;line-height:1.5}.landing-features{max-width:1080px;margin:0 auto;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-feature-card{background:#ffffffeb;border-radius:var(--border-radius);padding:24px;box-shadow:0 15px 35px #0f172a26;display:grid;gap:12px}.landing-feature-card h3{margin:0;color:#0f172a}.landing-feature-card p{margin:0;color:#475569;line-height:1.6}.landing-steps{max-width:1080px;margin:0 auto;display:grid;gap:24px;text-align:center}.landing-steps h2{margin:0;font-size:2rem;color:#0f172a}.landing-steps-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.landing-step-card{background:#ffffffe6;border-radius:var(--border-radius);padding:26px;box-shadow:0 18px 40px #0f172a1f;display:grid;gap:12px}.landing-step-number{width:44px;height:45px;border-radius:50%;background:#ec4899;color:#fff;font-weight:700;font-size:18px;display:grid;place-items:center;margin:0 auto}.landing-step-card h3{margin:0}.landing-step-card p{margin:0;color:#475569;line-height:1.6}.landing-join{max-width:1080px;margin:0 auto;background:#0f172ad9;color:#fff;border-radius:var(--border-radius);padding:36px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.landing-join-copy h2{margin:0 0 8px;font-size:2rem}.landing-join-copy p{margin:0;line-height:1.6;color:#ffffffd9}.landing-join-actions{display:flex;gap:16px;flex-wrap:wrap}.landing-button.ghost{color:#fff;border:2px solid rgba(255,255,255,.75);background:transparent}.landing-button.ghost:hover{background:#ffffff26}@media(max-width:768px){.landing-root{padding:32px 20px 48px;gap:56px}.landing-join{padding:28px}}.customer-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fde68a,#fbcfe8);padding:24px;box-sizing:border-box}.customer-shell .panel{max-width:420px;width:100%;background:#fff;border-radius:var(--border-radius);padding:32px;box-shadow:0 18px 45px #0f172a24;display:flex;flex-direction:column;gap:16px}.customer-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding-top:8px;min-height:80px}.customer-logo{max-width:200px;width:100%;height:auto;object-fit:contain;display:block}.customer-logo[style*="display: none"]{display:none!important}.customer-logo-container:has(img[style*="display: none"]):before{content:"MyBeauty Suite";font-size:24px;font-weight:700;color:#ec4899}@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{margin:0;color:#475569;line-height:1.5}.customer-shell .cta-group{display:flex;gap:12px;margin-top:12px}.customer-shell .primary,.customer-shell .secondary{flex:1;text-align:center;padding:14px 0;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.customer-shell .primary{background:#ec4899;color:#fff;box-shadow:0 10px 25px #ec489940}.customer-shell .primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px #ec489959}.customer-shell .secondary{border:2px solid #ec4899;color:#ec4899;background:transparent}.customer-shell form{display:flex;flex-direction:column;gap:12px}.customer-shell label{font-weight:600;color:#0f172a}.customer-shell input{width:100%;border-radius:var(--border-radius);border:1px solid #e2e8f0;padding:12px 14px;font-size:16px;transition:border .2s ease}.customer-shell input:focus-visible{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec489926}.customer-shell button{border:none;border-radius:var(--border-radius);background:#ec4899;color:#fff;padding:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.customer-shell button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #ec489940}.customer-shell .ghost-button{margin-top:8px;background:transparent;color:#ec4899;border:1px solid rgba(236,72,153,.35)}.customer-shell .ghost-button:hover{background:#ec48991a;box-shadow:none}.customer-shell .link{text-align:center;color:#2563eb;font-weight:600;text-decoration:none;margin-top:8px}.customer-shell .google-button{margin-top:8px;background:#fff;color:#1f2937;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.customer-shell .google-button:hover{box-shadow:0 12px 28px #3b82f640}.customer-shell .google-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.customer-shell .error{color:#dc2626;background:#fee2e2;border-radius:var(--border-radius);padding:10px 12px;font-size:14px}.customer-shell .success{color:#047857;background:#d1fae5;border-radius:var(--border-radius);padding:10px 12px;font-size:14px}.customer-tabs{display:flex;gap:10px;margin-bottom:20px}.customer-tabs a,.customer-tabs button{padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:600;background:#f1f5f9;color:#475569;border:none;cursor:pointer}.customer-tabs a.active,.customer-tabs button.active{background:#ec4899;color:#fff}.customer-app-shell{min-height:100vh;width:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#fdf2f8,#fae8ff 40%,#e0f2fe);overflow-y:auto}.customer-dashboard{flex:1;width:100%;display:flex;justify-content:center;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px) 72px;box-sizing:border-box}.customer-dashboard__wrapper{width:min(1140px,100%);display:grid;gap:clamp(20px,3vw,32px)}.dashboard-hero{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;justify-content:space-between}.dashboard-hero__content{max-width:640px;display:grid;gap:12px}.dashboard-hero__eyebrow{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#6366f1}.dashboard-hero h1{font-size:clamp(32px,5vw,42px);color:#0f172a;margin:0}.dashboard-hero p{font-size:17px;line-height:1.55;color:#334155;margin:0}.dashboard-hero__summary{display:grid;gap:12px;background:#ffffffd9;border-radius:var(--border-radius);padding:20px 24px;box-shadow:0 18px 45px #0f172a14;min-width:240px}.summary-label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;display:block}.summary-value{font-size:24px;font-weight:700;color:#0f172a;display:block}.summary-value--small{font-size:16px;word-break:break-word}.dashboard-hero__user{border-top:1px solid rgba(148,163,184,.25);padding-top:10px}.logout-button{border:none;border-radius:999px;background:#dc2626;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;text-align:center}.logout-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px #dc262640}.logout-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.dashboard-card{background:#fff;border-radius:var(--border-radius);padding:clamp(20px,3vw,28px);box-shadow:0 18px 45px #0f172a14;display:grid;gap:clamp(16px,2.5vw,24px)}.dashboard-card--accent{background:linear-gradient(135deg,#ec4899,#f97316);color:#fff;position:relative;overflow:hidden}.dashboard-card--accent:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:var(--border-radius);border:1px solid rgba(255,255,255,.25);pointer-events:none}.dashboard-card--accent h2,.dashboard-card--accent p{color:inherit}.dashboard-card__header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.dashboard-card__header.with-icon{align-items:flex-start}.dashboard-card__header h2{margin:0;font-size:clamp(22px,3vw,26px);color:inherit}.dashboard-card__header p{margin:4px 0 0;color:inherit;opacity:.85;max-width:520px;line-height:1.5}.dashboard-card__body{display:grid;gap:16px}.centers-list{display:flex;flex-wrap:wrap;gap:12px}.center-pill{border-radius:999px;padding:12px 18px;background:#0f172a0d;border:1px solid rgba(148,163,184,.4);display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;color:#0f172a;transition:all .2s ease}.center-pill:hover{transform:translateY(-1px);border-color:#3b82f666}.center-pill--active{background:linear-gradient(120deg,#6366f1,#ec4899);color:#fff;border-color:transparent;box-shadow:0 10px 25px #6366f147}.center-pill__badge{background:#ffffff40;border-radius:999px;padding:4px 10px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dashboard-grid{display:grid;gap:clamp(20px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.icon-circle{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;background:#fff3;color:inherit;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.icon-circle--blue{background:#3b82f626;color:#1d4ed8}.join-form,.search-form{display:flex;flex-wrap:wrap;gap:12px}.join-form input,.search-form input{flex:1 1 220px;border-radius:var(--border-radius);border:1px solid rgba(148,163,184,.45);padding:14px 16px;font-size:16px;transition:border .2s ease,box-shadow .2s ease}.join-form input:focus-visible,.search-form input:focus-visible{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.join-form button,.search-form button{border:none;border-radius:var(--border-radius);background:#0f172a;color:#fff;padding:14px 20px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;min-width:150px}.join-form button:disabled,.search-form button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.join-form button:not(:disabled):hover,.search-form button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 14px 32px #0f172a38}.alert{border-radius:var(--border-radius);padding:12px 14px;font-size:14px;line-height:1.4}.alert--error{background:#fee2e2;color:#b91c1c;border:1px solid rgba(248,113,113,.4)}.alert--success{background:#d1fae5;color:#047857;border:1px solid rgba(45,212,191,.4)}.alert--neutral{background:#f8fafc;color:#475569;border:1px dashed rgba(148,163,184,.6)}.empty-state{display:flex;align-items:center;gap:18px;border-radius:var(--border-radius);background:linear-gradient(120deg,#6366f11f,#ec48991f);padding:18px 20px}.empty-state__icon{font-size:32px}.empty-state__content h3{margin:0 0 4px;font-size:18px;color:#0f172a}.empty-state__content p{margin:0;color:#475569;line-height:1.5}.search-results{display:grid;gap:14px}.search-card{border-radius:var(--border-radius);border:1px solid rgba(148,163,184,.3);padding:16px 18px;background:#f8fafcb3;display:grid;gap:8px}.search-card__header{display:flex;align-items:center;gap:12px}.search-card__header h3{margin:0;font-size:18px;color:#0f172a}.search-card__titles{display:grid;gap:4px}.search-card__subtitle{font-size:13px;color:#6366f1;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.search-card__icon{font-size:24px}.search-card__meta{margin:0;color:#475569;font-size:15px}.search-card__hint{margin:0;color:#6366f1;font-size:14px}.search-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.search-card__cta{border:none;border-radius:999px;background:linear-gradient(120deg,#6366f1,#ec4899);color:#fff;padding:10px 18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.search-card__cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px #6366f140}.search-card__link{border-radius:999px;padding:9px 16px;font-weight:600;text-decoration:none;background:#6366f11a;color:#1d4ed8;transition:background .2s ease,color .2s ease}.search-card__link:hover{background:#6366f12e;color:#1e40af}.dashboard-navigation{display:grid;gap:20px}.dashboard-navigation h2{margin:0;font-size:24px;color:#0f172a}.navigation-tiles{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.navigation-tile{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:18px 20px;border-radius:var(--border-radius);background:#ffffffd9;border:1px solid transparent;color:#0f172a;box-shadow:0 18px 45px #0f172a14;transition:transform .2s ease,box-shadow .2s ease,border .2s ease;cursor:pointer}.navigation-tile:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 20px 36px #6366f12e;border-color:#6366f166}.navigation-tile:disabled{opacity:.45;cursor:not-allowed}.navigation-tile__icon{font-size:28px}.navigation-tile__content{display:grid;gap:4px;text-align:left}.navigation-tile__label{font-weight:700;font-size:16px}.navigation-tile__description{font-size:14px;color:#475569}.navigation-tile__arrow{font-size:18px;color:#6366f1;transition:transform .2s ease}.navigation-tile:hover:not(:disabled) .navigation-tile__arrow{transform:translate(4px)}@media(max-width:768px){.dashboard-hero__summary{width:100%;grid-template-columns:1fr}.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{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.overview-card{border:none;border-radius:var(--border-radius);background:#ffffffe6;padding:20px;display:flex;gap:16px;align-items:center;text-align:left;box-shadow:0 16px 40px #0f172a1a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.overview-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 22px 45px #6366f12e}.overview-card:disabled{opacity:.45;cursor:not-allowed}.overview-card--accent{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff}.overview-card__icon{font-size:28px;flex-shrink:0}.overview-card__content{display:grid;gap:6px}.overview-card__label{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#475569}.overview-card--accent .overview-card__label{color:#fffc}.overview-card__value{font-size:20px;font-weight:700;color:#0f172a}.overview-card--accent .overview-card__value{color:#fff}.overview-card__value--sm{font-size:16px}.overview-card__hint{font-size:13px;color:#6366f1}.overview-card--accent .overview-card__hint{color:#ffffffd9}.customer-view-shell{align-items:flex-start}.customer-view-panel{width:min(960px,100%);display:grid;gap:16px}.customer-view{display:grid;gap:20px}.customer-view__header{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start;justify-content:space-between}.customer-view__stack{display:grid;gap:16px}.customer-view__list{display:grid;gap:12px}.appointment-card{position:relative;overflow:hidden;border-radius:var(--border-radius);padding:clamp(20px,3vw,28px);display:grid;gap:18px;background:linear-gradient(135deg,#fffffffa,#f8fafceb);border:1px solid rgba(148,163,184,.18);box-shadow:0 18px 42px #0f172a1f}.appointment-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.6;background:radial-gradient(circle at 15% 20%,rgba(99,102,241,.18),transparent 55%),radial-gradient(circle at 85% 25%,rgba(236,72,153,.16),transparent 60%);pointer-events:none}.appointment-card>*{position:relative;z-index:1}.appointment-card--upcoming{background:linear-gradient(145deg,#dbeafed9,#ece9febf);border:1px solid rgba(99,102,241,.32)}.appointment-card--past{background:linear-gradient(145deg,#f8fafceb,#e2e8f0bf);border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 28px #0f172a14}.appointment-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.appointment-card__service{margin:0;font-size:clamp(20px,2.6vw,24px);color:#0f172a}.appointment-card--upcoming .appointment-card__service{color:#1e293b}.appointment-card__location{margin:6px 0 0;font-size:14px;color:#0f172ab3}.appointment-card--upcoming .appointment-card__location{color:#1e40afcc}.appointment-card__status{border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:#0f172a1a;color:#0f172a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.appointment-card--upcoming .appointment-card__status{background:#6366f126;color:#4c1d95}.appointment-card__body{display:grid;gap:14px}.appointment-card__info{display:flex;flex-wrap:wrap;gap:12px}.appointment-chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 14px;background:#0f172a0f;color:#0f172a;font-size:13px;font-weight:600}.appointment-chip__icon{font-size:16px}.appointment-chip--accent{background:#3b82f626;color:#1d4ed8}.appointment-chip--online{background:#10b9812e;color:#047857}.appointment-card__notes{border-radius:var(--border-radius);background:#fff9;border:1px solid rgba(148,163,184,.18);padding:14px 16px;display:grid;gap:6px}.appointment-card__notes strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#1f2937}.appointment-card__notes p{margin:0;font-size:14px;line-height:1.5;color:#334155}.appointment-card__footer{display:flex;justify-content:flex-end}.appointment-card__details-button{border:none;border-radius:999px;padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 12px 28px #6366f140;transition:transform .2s ease,box-shadow .2s ease}.appointment-card__details-button:hover{transform:translateY(-1px);box-shadow:0 16px 32px #6366f14d}.appointment-card__details-button:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}@media(max-width:768px){.appointment-card{padding:18px}.appointment-card__info{gap:10px}.appointment-chip{width:100%;justify-content:flex-start}.appointment-card__header{flex-direction:column;gap:8px}.appointment-card__status{align-self:flex-start}}.customer-view__card{border-radius:var(--border-radius);padding:18px;background:#f8fafcd9;border:1px solid rgba(148,163,184,.2);display:grid;gap:8px}.customer-view__card--accent{background:linear-gradient(160deg,#6366f126,#ec489926);border:1px solid rgba(99,102,241,.25)}.customer-view__card--soft{background:#fffffff2}.customer-view__card--highlight{background:#fff5f7f2;border:1px solid rgba(252,165,165,.5)}.customer-view__card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.customer-view__footer{display:flex;justify-content:flex-end}.modal-close-button{border:none;border-radius:999px;padding:10px 18px 10px 14px;background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 18px 42px #6366f159;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.modal-close-button:before{content:"×";display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#ffffff2e;font-size:18px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff40}.modal-close-button:hover{transform:translateY(-1px);box-shadow:0 24px 50px #ec489952;filter:brightness(1.05)}.modal-close-button:focus-visible{outline:none;box-shadow:0 0 0 4px #6366f159}.modal-close-button:active{transform:scale(.97)}.modal-footer{display:flex;justify-content:flex-end;gap:12px}.customer-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:32px}.customer-modal--chat{align-items:flex-end;justify-content:flex-end;padding:clamp(16px,4vw,32px)}.customer-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.customer-modal__container{position:relative;max-width:min(960px,94vw);width:100%;max-height:90vh;display:flex;align-items:stretch;justify-content:center;overflow:visible;pointer-events:none}.customer-modal__container>.customer-modal-scroll{pointer-events:auto}.customer-modal__container--chat{max-width:clamp(320px,35vw,420px);max-height:80vh;justify-content:flex-end}.customer-modal-scroll{background:#fff;border-radius:var(--border-radius);width:100%;box-shadow:0 28px 80px #0f172a4d;max-height:90vh;overflow-y:auto;padding:clamp(18px,3vw,28px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}.customer-modal-scroll--messages{padding:clamp(24px,4vw,36px);background:linear-gradient(160deg,#0f172a,#1e293b 45%,#312e81);color:#f8fafc;position:relative;overflow:hidden;width:100%;max-height:80vh}.customer-modal-scroll--messages:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.18) 0%,transparent 48%),radial-gradient(circle at 88% 12%,rgba(59,130,246,.25) 0%,transparent 60%),radial-gradient(circle at 20% 88%,rgba(236,72,153,.2) 0%,transparent 55%);opacity:.7;pointer-events:none}.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:var(--border-radius);padding:clamp(24px,3vw,32px);box-shadow:0 18px 45px #0f172a14;color:#0f172a;gap:20px}.customer-messages__header{display:flex;align-items:center;justify-content:space-between;gap:14px}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.chat-header__identity{display:flex;align-items:center;gap:14px}.chat-header__avatar{width:56px;height:56px;border-radius:var(--border-radius);background:linear-gradient(135deg,#ec4899eb,#3b82f6eb);color:#f8fafc;font-weight:700;font-size:20px;letter-spacing:.02em;display:grid;place-items:center;box-shadow:0 20px 48px #ec489959}.chat-header__info h2{margin:0;font-size:clamp(20px,2.6vw,26px);color:inherit}.chat-header__info p,.chat-header__status{margin:4px 0 0;font-size:14px;color:#f1f5f9c7}.customer-messages__error{border-radius:var(--border-radius);padding:14px 18px;background:#f8717133;border:1px solid rgba(248,113,113,.35);color:#fee2e2;font-size:14px}.chat-timeline{flex:1;display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2.6vw,24px);border-radius:var(--border-radius);background:#0f172a94;box-shadow:inset 0 0 0 1px #94a3b82e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;scroll-behavior:smooth;position:relative}.chat-timeline::-webkit-scrollbar{width:6px}.chat-timeline::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.chat-timeline__loading{text-align:center;font-size:14px;color:#f1f5f9d9;padding:20px 0}.chat-timeline__empty{margin:0;font-size:15px;padding:28px 18px;border-radius:var(--border-radius);text-align:center;background:#ffffff0d;border:1px dashed rgba(148,163,184,.28);color:#e2e8f0b8}.chat-message{max-width:72%;padding:14px 18px;border-radius:var(--border-radius) 18px 6px 18px;display:grid;gap:6px;line-height:1.45;position:relative}.chat-message--customer{margin-left:auto;background:linear-gradient(135deg,#ec4899eb,#6366f1eb);color:#f8fafc;box-shadow:0 16px 36px #ec489959;border-radius:var(--border-radius) 18px 18px 6px}.chat-message--staff{margin-right:auto;background:#0f172ae0;color:#e2e8f0f2;border:1px solid rgba(148,163,184,.2);box-shadow:0 14px 34px #0f172a73}.chat-message__author{font-size:12px;letter-spacing:.04em;text-transform:uppercase;opacity:.7}.chat-message__text{margin:0;font-size:15px;word-break:break-word}.chat-message__time{font-size:11px;opacity:.65;justify-self:flex-end}.chat-composer{display:flex;align-items:center;gap:12px;border-radius:999px;padding:6px 10px 6px 18px;background:#0f172aa6;border:1px solid rgba(148,163,184,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:inherit}.customer-modal-scroll--messages .chat-composer{background:#fffffff5;border:1px solid rgba(148,163,184,.3);color:#0f172a}.chat-composer__input{flex:1;border:none;background:transparent;color:inherit;font-size:15px;outline:none;min-width:0}.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{border:none;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;background:linear-gradient(135deg,#34d399,#22d3ee);color:#0f172a;cursor:pointer;box-shadow:0 20px 44px #22d3ee59;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){transform:translateY(-1px);box-shadow:0 24px 54px #22d3ee66;filter:brightness(1.05)}.chat-send-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(20%)}.customer-messages__footer{display:flex;justify-content:flex-start}.customer-messages__back{color:#fff;font-weight:600;text-decoration:none;padding:10px 0;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{color:#b91c1c;background:#fee2e2cc;border-color:#f8717173}.customer-messages--page .chat-timeline{background:#f8fafcf2;border:1px solid rgba(148,163,184,.2);color:inherit}.customer-messages--page .chat-timeline__empty{background:#f1f5f9cc;color:#475569}.customer-messages--page .chat-message--staff{background:#fff;color:#0f172a;border:1px solid rgba(148,163,184,.22)}.customer-messages--page .chat-message__time{color:#64748bb3}.customer-messages--page .chat-composer{background:#fffffff2;border:1px solid rgba(148,163,184,.32);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{padding:18px;border-radius:var(--border-radius);gap:16px}.chat-header{flex-direction:column;align-items:flex-start;gap:10px}.chat-header__identity{gap:10px}.chat-header__avatar{width:48px;height:48px;font-size:18px}.chat-timeline{max-height:360px;padding:16px}.chat-message{max-width:88%;padding:12px 14px}.chat-composer{flex-direction:column;align-items:stretch;border-radius:var(--border-radius);padding:12px;gap:10px}.chat-composer__input{font-size:16px}.chat-composer__input::placeholder{font-size:14px}.chat-send-button{width:100%;justify-content:center}.customer-messages__back{width:100%;text-align:center}}@media(max-width:768px){.customer-messages--page .chat-timeline{max-height:420px;padding-bottom:120px}.customer-messages--page .chat-composer{position:sticky;bottom:8px;z-index:3;background:#fffffff5;border:1px solid rgba(148,163,184,.3)}.customer-messages--page .chat-send-button{width:100%;justify-content:center}}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;background:#6366f126;color:#1d4ed8}.badge--pill{background:#0f172a14;color:#0f172a}.badge--status{background:#ec489926;color:#ec4899}.customer-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.customer-list__label{font-weight:600;color:#0f172a}.customer-list__value{font-size:14px;color:#475569}.voucher-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.2)}.customer-view--appointments{gap:24px}.customer-view__list--appointments{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media(max-width:768px){.customer-view__list--appointments{grid-template-columns:1fr;gap:14px}}@media(max-width:768px){.customer-view__list--appointments .appointment-card{padding:16px;border-radius:var(--border-radius)}.customer-view__list--appointments .appointment-card__info{flex-direction:column;gap:8px}.customer-view__list--appointments .appointment-card__details-button{width:100%;text-align:center}}.customer-appointment-detail{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:800px;color:var(--text-primary)}.customer-appointment-detail__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.customer-appointment-detail__header h2{margin:0;font-size:1.6rem}.customer-appointment-detail__header p{margin:.25rem 0;color:var(--text-secondary)}.customer-appointment-detail__location{font-size:.95rem;color:var(--text-muted)}.customer-appointment-detail__notes{border-radius:var(--border-radius);background:#0f172a0d;padding:1rem 1.25rem}.customer-appointment-detail__notes h3{margin:0 0 .3rem;font-size:1.1rem}.customer-appointment-detail__documents,.customer-appointment-detail__signatures,.customer-appointment-detail__pdf{border-radius:var(--border-radius);padding:1.5rem;background:#ffffffa6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(148,163,184,.2);display:flex;flex-direction:column;gap:1rem}.dark-mode .customer-appointment-detail__documents,.dark-mode .customer-appointment-detail__signatures,.dark-mode .customer-appointment-detail__pdf{background:#1e293bcc;border-color:#94a3b84d}.section-heading{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}.section-heading h3{margin:0;font-size:1.2rem}.section-heading p{margin:.35rem 0 0;color:var(--text-secondary);max-width:36ch}.file-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,var(--accent-color),#6366f1);color:#fff;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.file-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.customer-appointment-detail__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.customer-appointment-detail__list li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.75rem .5rem;border-bottom:1px solid rgba(148,163,184,.2)}.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{font-size:.85rem;color:var(--text-muted)}.file-actions{display:flex;gap:.5rem}.file-actions button{padding:.4rem .9rem;border-radius:var(--border-radius);border:none;background:#6366f11f;color:var(--accent-color);cursor:pointer;font-weight:600}.file-actions button.danger{background:#ef44441f;color:#ef4444}.signature-actions{display:flex;gap:.75rem}.signature-actions button{padding:.55rem 1.1rem;border-radius:var(--border-radius);border:none;font-weight:600;cursor:pointer}.signature-actions .ghost{background:transparent;border:1px solid rgba(148,163,184,.4);color:var(--text-secondary)}.signature-actions button:not(.ghost){background:linear-gradient(135deg,#6366f1,var(--accent-color));color:#fff}.signature-pad-wrapper{border-radius:var(--border-radius);border:1px dashed rgba(99,102,241,.4);background:#6366f10d;padding:.75rem;display:flex;justify-content:center}.signature-canvas{width:100%;max-width:600px;height:220px;background:#fff;border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px #94a3b833}.customer-appointment-detail__pdf button{align-self:flex-start;padding:.75rem 1.5rem;border-radius:999px;border:none;font-weight:600;color:#fff;background:linear-gradient(135deg,#14b8a6,#0f766e);cursor:pointer}.customer-appointment-detail__loading,.customer-appointment-detail__empty{font-size:.95rem;color:var(--text-muted)}.customer-dropzone{border:2px dashed rgba(99,102,241,.35);border-radius:var(--border-radius);padding:.9rem 1rem;text-align:center;color:#4f46e5e6;background:#6366f114;transition:background .2s ease,border-color .2s ease,color .2s ease;font-weight:600;font-size:.95rem}.customer-dropzone--active{background:#6366f12e;border-color:#4f46e5cc;color:#1e40aff2}.customer-appointment-detail__error{border-radius:var(--border-radius);padding:.75rem 1rem;background:#f8717126;color:#b91c1c;font-weight:600}.customer-appointment-detail__success{border-radius:var(--border-radius);padding:.75rem 1rem;background:#22c55e26;color:#166534;font-weight:600}@media(max-width:720px){.customer-appointment-detail{padding:1rem}.section-heading{flex-direction:column;align-items:flex-start}.signature-canvas{height:180px}.file-actions{flex-wrap:wrap}}.support-auth-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;z-index:1000}.support-auth-screen .auth-container{background:var(--white);padding:40px;border-radius:var(--border-radius);box-shadow:var(--shadow-hover);width:100%;max-width:400px;margin:20px;animation:slideUp .5s ease}.support-auth-screen .auth-header{text-align:center;margin-bottom:30px}.support-auth-screen .auth-logo{width:100%;max-width:220px;height:auto;margin-bottom:15px;display:block;margin-left:auto;margin-right:auto}.support-auth-screen .auth-header p{color:var(--gray);font-size:1.1rem;margin-top:0}.support-auth-screen .auth-tabs{display:flex;margin-bottom:30px;border-bottom:2px solid var(--light-gray)}.support-auth-screen .auth-tab{flex:1;padding:15px;background:none;border:none;font-size:1rem;color:var(--gray);cursor:pointer;transition:var(--transition);border-bottom:3px solid transparent}.support-auth-screen .auth-tab.active{color:var(--text-title);border-bottom-color:var(--text-title)}.support-auth-screen .auth-tab:hover{color:var(--text-title)}.support-auth-screen .error-message{background:#dc35451a;color:var(--danger);padding:12px 16px;border-radius:var(--border-radius);margin-bottom:20px;border-left:4px solid var(--danger);font-size:.9rem}.support-auth-screen .auth-form{display:flex;flex-direction:column;gap:20px}.support-auth-screen .auth-form .form-group{display:flex;flex-direction:column;gap:8px}.support-auth-screen .auth-form .form-group label{font-weight:600;color:var(--text-color);font-size:.9rem}.support-auth-screen .auth-form .form-group input{width:100%;padding:12px 14px;border:1px solid var(--light-gray);border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);background:var(--white);color:var(--text-color)}.support-auth-screen .auth-form .form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #f59e0b1a}.support-auth-screen .auth-form .btn-primary{width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:14px;font-weight:600}.support-auth-screen .auth-form .btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:var(--white);color:var(--text-color);border:1px solid var(--light-gray);border-radius:var(--border-radius);font-weight:600;transition:var(--transition);cursor:pointer}.support-auth-screen .auth-form .btn-google:hover:not(:disabled){box-shadow:var(--shadow);border-color:var(--gray)}.support-auth-screen .auth-form .btn-google:disabled{opacity:.6;cursor:not-allowed}.support-auth-screen .auth-links{text-align:center;margin-top:20px}.support-auth-screen .forgot-password-link{background:none;border:none;color:var(--accent-color);text-decoration:none;font-size:.9rem;cursor:pointer;padding:0}.support-auth-screen .forgot-password-link:hover{text-decoration:underline}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.support-auth-screen .auth-container{padding:30px 20px;margin:10px}.support-auth-screen .auth-logo{max-width:180px}}@media(max-width:480px){.support-auth-screen .auth-container{padding:20px 15px;margin:5px}.support-auth-screen .auth-logo{max-width:150px;margin-bottom:10px}.support-auth-screen .auth-header p{font-size:.95rem}.support-auth-screen .auth-tab{padding:12px 8px;font-size:.9rem}}