@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";.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:1000;padding:1rem}.settings-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.settings-modal__title{display:flex;align-items:center;gap:.5rem}.settings-modal__title h2{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.settings-modal__close{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;transition:all .2s ease}.settings-modal__close:hover:not(:disabled){background:#e5e7eb;color:#374151}.settings-modal__close:disabled{opacity:.5;cursor:not-allowed}.settings-modal__content{padding:1.5rem;flex:1;overflow-y:auto}.settings-modal__form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-weight:500;color:#374151;font-size:.875rem}.form-input{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-input--disabled{background:#f9fafb;border-color:#e5e7eb}.form-help-text{color:#6b7280;font-size:.75rem;margin-top:.25rem}.settings-lang__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.settings-lang__option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--border, #e5e7eb);background:transparent;color:var(--text-primary, #1f2937);cursor:pointer;transition:all .15s ease;text-align:left}.settings-lang__option:hover{background:#00000008;border-color:#0000001f}.settings-lang__option.active{background:#3b82f61a;border-color:#4f46e559;color:var(--primary, #4f46e5);font-weight:600}.settings-lang__flag{font-size:18px;line-height:1}.settings-lang__label{flex:1}.settings-lang__check{margin-left:auto}.settings-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;text-decoration:none;justify-content:center;min-width:100px}.btn--primary{background:#3b82f6;color:#fff}.btn--primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn--primary:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.btn--secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn--secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.modal-overlay{padding:1rem}.settings-modal{max-width:calc(100% - 2rem);margin:0 auto;border-radius:8px;max-height:95vh}.settings-modal__header{padding:1rem}.settings-modal__title h2{font-size:1.125rem}.settings-modal__content{padding:1rem}.settings-modal__actions{flex-direction:column-reverse;gap:.5rem}.btn{width:100%;padding:.875rem 1.5rem}}@media (max-width: 480px){.modal-overlay{padding:.75rem}.settings-modal__header,.settings-modal__content{padding:.75rem 1rem}.form-input{padding:.875rem .75rem}}.header__settings-button{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:8px;color:#6b7280;transition:all .2s ease;margin-right:.5rem}.header__settings-button:hover{background:#0000000d;color:#374151}.header__side-menu-link{background:none;border:none;font-family:inherit;font-size:inherit;color:inherit}@media (max-width: 768px){.header__settings-button{display:none}}:root{--primary: #4f46e5;--primary-hover: #4338ca;--primary-focus: rgba(79, 70, 229, .25);--primary-light: rgba(79, 70, 229, .1);--success: #10b981;--success-light: rgba(16, 185, 129, .1);--error: #ef4444;--error-light: rgba(239, 68, 68, .1);--text-primary: #1f2937;--text-secondary: #6b7280;--text-light: #9ca3af;--background: #f9fafb;--card-background: #ffffff;--border: #e5e7eb;--input-bg: #f3f4f6;--ticker-bg: rgba(243, 244, 246, .8);--transition-speed: .3s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 1px 2px rgba(0, 0, 0, .06)}.header{background-color:var(--card-background);color:var(--text-primary);padding:1rem 2rem;box-shadow:0 4px 20px #0000000f;position:sticky;top:0;z-index:50;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(229,231,235,.5)}.header__alert-ticker{width:100vw;position:relative;left:0;margin:0;padding:8px 0;overflow:hidden;background-color:var(--ticker-bg);z-index:50;cursor:pointer}.header__ticker-content{display:flex;white-space:nowrap;width:calc(100% - 40px);padding-right:40px}.header__alert-item{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;margin-right:24px;font-size:14px;font-weight:500;border-radius:6px}.header__alert-info{background-color:var(--primary-light);color:var(--primary)}.header__alert-warning{background-color:var(--error-light);color:var(--error)}.header__alert-success{background-color:var(--success-light);color:var(--success)}.header__alert-emoji{font-size:16px}.header__alert-message{max-width:600px;white-space:normal}.header__alert-dismiss-container{position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:200}.header__alert-dismiss{background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:var(--transition-speed);padding:4px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.header__alert-dismiss:hover{color:var(--text-primary);background:var(--primary-light);border-radius:50%;transform:scale(1.1)}.header__container{max-width:1380px;margin:0 auto;display:flex;align-items:center;position:relative;gap:1.5rem}.header__logo-container{display:flex;flex-direction:column;align-items:center;padding-right:2rem}.header__logo{max-width:200px;height:auto;display:block}.header__logo-text{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-top:.25rem}.header__nav{display:flex;align-items:center;flex-grow:1}.header__menu{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0;align-items:center}.header__menu-item{position:relative;display:flex;align-items:center}.header__dropdown{position:relative}.header__link{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;padding:.5rem 0;transition:color var(--transition-speed) ease;display:flex;align-items:center;gap:.5rem;position:relative;background:none;border:none;cursor:pointer}.header__link:hover{color:var(--primary)}.header__link:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:linear-gradient(to right,var(--primary),#8b5cf6);transition:width var(--transition-speed) ease;border-radius:2px}.header__link:hover:after,.header__link.active:after{width:100%}.header .r2c-nav .header__menu{gap:2rem}.header .r2c-nav .header__link{display:flex;align-items:center;gap:.5rem;font-weight:500;padding:.75rem 1rem;border-radius:8px;transition:all var(--transition-speed)}.header .r2c-nav .header__link:hover{background:var(--primary-light);transform:translateY(-1px)}.header .r2c-nav .header__link.active{background:var(--primary-light);color:var(--primary);font-weight:600}.header .r2c-nav .header__link:after{display:none}.header__menu-dropdown{position:absolute;top:100%;left:0;width:200px;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:10;padding:.5rem;margin-top:.5rem;animation:slideDown .3s ease;z-index:50}.header__dropdown-link{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:.875rem;border-radius:6px;transition:all var(--transition-speed) ease;z-index:50}.header__dropdown-link:hover{background-color:var(--primary-light);color:var(--primary);z-index:50}.header__dropdown-link.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.header__right{display:flex;align-items:center;gap:1rem;margin-left:auto}.header__calendar{position:relative;cursor:pointer;display:flex;align-items:center}.header__calendar-icon{color:var(--text-secondary);transition:color var(--transition-speed) ease}.header__calendar:hover .header__calendar-icon{color:var(--primary)}.header__messages{position:relative;cursor:pointer;display:flex;align-items:center}.header__messages-icon{color:var(--text-secondary);transition:color var(--transition-speed) ease}.header__messages:hover .header__messages-icon{color:var(--primary)}.header__messages-badge{position:absolute;top:-6px;right:-6px;background-color:var(--error);color:#fff;font-size:.75rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header__notifications{position:relative;cursor:pointer;display:flex;align-items:center}.header__notifications-icon{color:var(--text-secondary);transition:color var(--transition-speed) ease}.header__notifications:hover .header__notifications-icon{color:var(--primary)}.header__notifications-badge{position:absolute;top:-6px;right:-6px;background-color:var(--error);color:#fff;font-size:.75rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header__notifications-dropdown{position:absolute;top:100%;right:0;width:300px;max-height:400px;overflow-y:auto;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:200;padding:1rem;margin-top:.5rem;animation:slideDown .3s ease}.header__notification-item{padding:.75rem;border-bottom:1px solid var(--border);transition:background var(--transition-speed) ease;cursor:pointer;display:flex;align-items:center;gap:.75rem}.header__notification-item:hover{background-color:var(--primary-light)}.header__notification-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.header__notification-content p{margin:0;font-size:.875rem;color:var(--text-primary)}.header__notification-time{font-size:.75rem;color:var(--text-secondary)}.header__notification-icon{display:flex;align-items:center}.header__notification-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.header__user{display:flex;align-items:center;gap:.75rem}.header__user-icon-container{width:36px;height:36px;border-radius:12px;background:var(--card-background);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed) ease;position:relative;overflow:hidden;cursor:pointer}.header__user-icon-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),transparent);opacity:0;transition:opacity var(--transition-speed) ease}.header__user-icon-container:hover:before{opacity:1}.header__user-icon-container:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.header__user-icon{color:var(--primary);z-index:1}.header__user-dropdown{position:absolute;top:100%;right:0;width:200px;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:200;padding:.75rem;margin-top:.5rem}.header__user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);padding:.25rem .5rem;border-bottom:1px solid var(--border);margin-bottom:.5rem;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__user-stats{display:flex;flex-direction:column;gap:4px;padding:.25rem .5rem;margin-bottom:.5rem}.header__stat-chip{display:flex;align-items:center;padding:2px 6px;border-radius:8px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:500;color:var(--text-primary);background-color:var(--card-background);border:1px solid var(--border);transition:background .2s ease}.header__stat-chip:hover{background-color:var(--primary-light)}.header__stat-ongoing{border-color:#3b82f680}.header__stat-completed{border-color:#10b98180}.header__stat-avg-time{border-color:#6b728080}.header__stat-icon{margin-right:3px;width:10px;height:10px;color:var(--text-secondary)}.header__logout{background-color:transparent;color:var(--text-secondary);padding:.25rem .5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.5rem;width:100%;text-align:left}.header__logout:hover{color:var(--error);background-color:#ef44440d}.header .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-primary);border-radius:8px;z-index:100}.header .menu-toggle svg{width:28px;height:28px;transition:transform .3s ease}.menu-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;opacity:0;transition:opacity .3s ease}.menu-overlay.active{display:block;opacity:1}.header__side-menu{position:fixed;top:0;right:0;width:300px;height:100%;background-color:var(--card-background);box-shadow:-4px 0 20px #00000026;z-index:100;padding:0;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.header__side-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1rem 1rem;border-bottom:1px solid var(--border)}.header__profile-section{display:flex;align-items:center;gap:.75rem;flex:1}.header__profile-icon{width:40px;height:40px;border-radius:12px;background:var(--primary-light);border:1px solid rgba(79,70,229,.2);display:flex;align-items:center;justify-content:center;color:var(--primary)}.header__profile-name{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.header__side-menu-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.5rem;border-radius:8px;transition:all var(--transition-speed) ease}.header__side-menu-close:hover{color:var(--primary);background:var(--primary-light)}.header__side-menu-items{list-style:none;padding:0;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem;flex:1;padding:1rem}.header__side-menu-link{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:1rem;border-radius:8px;transition:all var(--transition-speed)}.header__side-menu-link:hover{background-color:var(--primary-light);color:var(--primary)}.header__side-menu-link.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.header__side-menu-button{display:flex;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:600;border-radius:6px;transition:all var(--transition-speed)}.header__side-menu-footer{padding:1rem;border-top:1px solid var(--border);margin-top:auto}.header__logout-button{background-color:transparent;color:var(--text-secondary);padding:.75rem 1rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.75rem;width:100%;text-align:left;justify-content:flex-start}.header:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:linear-gradient(to right,#4f46e514,#8b5cf614);border-radius:50%;filter:blur(80px);z-index:-1;animation:float 15s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header__link.active{color:var(--primary);font-weight:600}.header__mobile-nav{display:none;position:fixed;bottom:0;left:0;width:100vw;background-color:var(--card-background);box-shadow:0 -2px 10px #0000001a;z-index:10;padding:.4rem 0;transition:transform .3s ease}.header__mobile-nav.hidden{transform:translateY(100%)}.header__mobile-menu{display:flex;justify-content:space-evenly;align-items:center;list-style:none;margin:0 auto;padding:0;max-width:1440px}.header__mobile-menu-item{display:flex;flex-direction:column;align-items:center;padding:.4rem;position:relative;flex:1}.header__mobile-link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;line-height:1.2;transition:all var(--transition-speed) ease;padding:.4rem;border-radius:6px;border:none;outline:none;background:none;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;text-align:center}.header__mobile-link:hover{color:var(--primary)}.header__mobile-link.active{color:var(--primary);background-color:var(--primary-light)}.header__mobile-link svg{width:24px;height:24px;margin-bottom:.25rem}.header__mobile-badge{position:absolute;top:20%;right:30%;transform:translate(80%,-20%);background-color:var(--error);color:#fff;font-size:.65rem;font-weight:600;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003}.header__language{position:relative}.header__language-button{display:flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-color);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.header__language-button:hover{background:#0000000d}.header__language-text{font-size:13px;font-weight:600;letter-spacing:.5px}.header__language-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:8px;min-width:160px;z-index:1000;border:1px solid rgba(0,0,0,.08)}.header__language-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-color);text-align:left}.header__language-option:hover{background:#0000000d}.header__language-option.active{background:#3b82f61a;color:var(--primary);font-weight:500}.language-flag{font-size:18px;line-height:1}.language-check{margin-left:auto;color:var(--primary);font-weight:600}.header__mobile-language-section{border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08);padding:16px 0;margin:12px 0}.header__mobile-language-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);padding:0 20px;margin-bottom:12px}.header__mobile-language-options{display:flex;gap:8px;padding:0 20px}.header__mobile-language-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#00000008;border:1px solid rgba(0,0,0,.08);border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500;color:var(--text-color)}.header__mobile-language-button:hover{background:#0000000d;border-color:#0000001f}.header__mobile-language-button.active{background:#3b82f61a;border-color:var(--primary);color:var(--primary)}.header__dropdown-section{padding:.5rem .5rem .25rem}.header__dropdown-title{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:.35rem}.header__language-group{display:grid;grid-template-columns:1fr;gap:6px;padding:2px 0}.header__user-dropdown .header__language-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--text-primary);text-align:left}.header__user-dropdown .header__language-option:hover{background:var(--primary-light);color:var(--primary);border-color:#4f46e540}.header__user-dropdown .header__language-option.active{background:#3b82f61a;color:var(--primary);font-weight:600;border-color:#4f46e559}.header__dropdown-separator{height:1px;background:var(--border);margin:.5rem .25rem;border-radius:1px}.header__dropdown-action{margin-top:.25rem}.header__dropdown-section{padding:.5rem 0;border-top:1px solid var(--border);margin-top:.5rem}.header__dropdown-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin:.25rem .5rem}.header__user-dropdown .language-flag{font-size:18px}.header__side-menu-accordion{display:flex;align-items:center}.header__mobile-account-panel{padding:.25rem .75rem .75rem}@media (max-width: 768px){.header__language,.header__settings-button{display:none!important}}@media (max-width: 768px){.header__language,.header__language-text{display:none}}@media (max-width: 480px){.header__mobile-language-options{flex-direction:column;gap:8px}.header__mobile-language-button{width:100%}}@media (min-width: 1025px){.header__calendar,.header__messages{display:flex}.header__mobile-nav{display:none}.header .menu-toggle{display:none!important}.header__user{display:flex}}@media (max-width: 1024px){.header{padding:.75rem 1.5rem}.header__calendar{display:none}.header__messages{display:flex}.header__nav{display:none}.header__mobile-nav{display:flex}.header .menu-toggle{display:block}.header__user{display:none}.header__menu{gap:1rem}.header__link{font-size:.875rem}.header__alert-item{font-size:13px;padding:6px 12px}.header__logo-container{padding-right:1.5rem}.header__logo{max-width:200px}.header__logo-text{font-size:.8rem;margin-top:.2rem}.header__right{gap:.75rem}.header__messages-icon,.header__notifications-icon{width:clamp(26px,5.5vw,28px);height:clamp(26px,5.5vw,28px)}.header__messages-badge,.header__notifications-badge{width:18px;height:18px;font-size:.75rem;top:-8px;right:-8px}.header__user-icon-container{width:clamp(38px,8vw,40px);height:clamp(38px,8vw,40px);border-radius:14px}.header__user-icon{width:clamp(24px,5vw,26px);height:clamp(24px,5vw,26px)}.header__notifications-dropdown,.header__user-dropdown{position:fixed;top:70px;right:1rem;width:280px}.header__mobile-menu{justify-content:space-evenly;gap:.5rem}.header__mobile-menu-item{padding:.5rem}.header__mobile-link{font-size:clamp(.85rem,2vw,.9rem);padding:.6rem;border-radius:8px;max-width:100%}.header__mobile-link svg{width:clamp(28px,6vw,30px);height:clamp(28px,6vw,30px);margin-bottom:.3rem}.header__mobile-badge{top:20%;right:30%;transform:translate(80%,-20%);width:16px;height:16px;font-size:.65rem}}@media (max-width: 768px){.header{padding:.75rem 1rem;border-bottom:none;box-shadow:0 2px 8px #00000014}.header__logo-container{padding-right:1rem}.header__logo{max-width:240px}.header__logo-text{font-size:.75rem;margin-top:.15rem}.header__nav{display:none}.header__mobile-nav{display:flex;border-top:1px solid rgba(229,231,235,.3);padding:.4rem 0}.header .menu-toggle{display:block;background:none;color:var(--text-primary);padding:.75rem;border-radius:10px;z-index:100;min-width:44px;min-height:44px}.header__user{display:none}.menu-overlay{display:block}.header__right{gap:.75rem}.header__messages-icon,.header__notifications-icon{width:clamp(26px,5.5vw,28px);height:clamp(26px,5.5vw,28px)}.header__messages-badge,.header__notifications-badge{width:18px;height:18px;font-size:.75rem;top:-8px;right:-8px}.header__user-icon-container{width:clamp(38px,8vw,40px);height:clamp(38px,8vw,40px);border-radius:14px}.header__user-icon{width:clamp(24px,5vw,26px);height:clamp(24px,5vw,26px)}.header__notifications-dropdown{position:fixed;top:70px;right:1rem;width:280px}.header__user-dropdown{position:fixed;top:70px;right:1rem;width:160px}.header__alert-item{font-size:12px;padding:4px 8px}.header__alert-message{max-width:300px}.header__alert-dismiss-container{right:8px}.header__stat-chip{font-size:.6rem;padding:2px 4px;border-radius:8px}.header__stat-icon{width:8px;height:8px;margin-right:2px}}@media (max-width: 480px){.header{padding:.5rem .75rem}.header__logo-container{padding-right:.75rem;padding-left:.5rem}.header__logo{max-width:150px}.header__logo-text{font-size:.7rem;margin-top:.1rem}.header__right{gap:.5rem}.header__messages-icon,.header__notifications-icon{width:clamp(24px,5vw,26px);height:clamp(24px,5vw,26px)}.header__user-icon-container{width:clamp(36px,7.5vw,38px);height:clamp(36px,7.5vw,38px)}.header__mobile-link{font-size:clamp(.8rem,1.8vw,.85rem)}.header__mobile-link svg{width:clamp(26px,5.5vw,28px);height:clamp(26px,5.5vw,28px)}.header__mobile-badge{top:20%;right:30%;transform:translate(80%,-20%);width:14px;height:14px;font-size:.6rem}.header__stat-chip{font-size:.55rem;padding:2px 4px;border-radius:6px}.header__stat-icon{width:7px;height:7px;margin-right:2px}.header__profile-name{font-size:.9rem;max-width:140px}}@supports (padding: max(0px)){.header__side-menu{padding-bottom:env(safe-area-inset-bottom)}}@media print{.header{position:static;box-shadow:none;border-bottom:none}.header__right,.header__nav,.header__mobile-nav,.header .menu-toggle,.menu-overlay{display:none!important}}.r2c-footer{background:linear-gradient(180deg,#fff,#f9fafb);border-top:1px solid #e5e7eb;margin-top:auto;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 -2px 8px #0000000d;z-index:10}.r2c-footer__container{max-width:1440px;margin:0 auto;padding:1.5rem 2rem}.r2c-footer__content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-bottom:1rem;justify-content:space-between}.r2c-footer__section{display:flex;flex-direction:column;align-items:flex-start;min-width:180px}.r2c-footer__section--info h3{font-size:1.5rem;font-weight:800;color:#111827;margin:0 0 .75rem;background:linear-gradient(135deg,#4f46e5,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em;transition:transform .2s ease-in-out}.r2c-footer__section--info h3:hover{transform:scale(1.02)}.r2c-footer__section--legal h4,.r2c-footer__section--resources h4{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 .75rem;letter-spacing:-.01em}.r2c-footer__description{font-size:.9rem;font-weight:400;color:#6b7280;line-height:1.6;margin-bottom:1rem;max-width:320px;opacity:.9;transition:opacity .2s ease-in-out}.r2c-footer__description:hover{opacity:1}.r2c-footer__contact{display:flex;flex-direction:column;gap:.25rem}.r2c-contact-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:400;color:#6b7280;padding:.25rem 0;border-radius:6px;transition:color .2s ease-in-out,transform .2s ease-in-out;text-decoration:none;background:none;width:100%;text-align:left}.r2c-contact-item:hover,.r2c-contact-item:active{color:#4f46e5;transform:translate(4px)}.r2c-contact-item svg{color:#4f46e5;flex-shrink:0;width:18px;height:18px;transition:transform .2s ease-in-out}.r2c-contact-item:hover svg,.r2c-contact-item:active svg{transform:scale(1.1)}.r2c-footer__links{display:flex;flex-direction:column;gap:.25rem}.r2c-footer__link{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;padding:.25rem 0;border-radius:8px;transition:all .2s ease-in-out;text-decoration:none;background:none;border:none;cursor:pointer;width:100%;text-align:left}.r2c-footer__link:hover,.r2c-footer__link:active{color:#4f46e5;background:#4f46e50d}.r2c-footer__bottom{border-top:1px solid #e5e7eb;padding-top:1rem;display:flex;justify-content:center;align-items:center;width:100%}.r2c-footer__copyright{font-size:.8125rem;color:#6b7280;font-weight:500;text-align:center}.r2c-modal--desktop{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1000;overscroll-behavior:contain}.r2c-modal--mobile{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:center;z-index:1000;overscroll-behavior:contain}.r2c-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease-in-out;z-index:1001}.r2c-modal__container{background:#fff;width:100%;max-width:600px;padding:2rem;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0003;z-index:1002;position:relative}.r2c-modal--desktop .r2c-modal__container{border-radius:12px;transform:scale(.8);opacity:0;animation:modalFadeIn .3s ease-out forwards}.r2c-modal--mobile .r2c-modal__container{border-radius:16px 16px 0 0;transform:translateY(100%);animation:slideUp .3s ease-out forwards}@keyframes modalFadeIn{to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.r2c-modal__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#6b7280;padding:.5rem;border-radius:50%;transition:all .2s ease-in-out;z-index:1003}.r2c-modal__close:hover,.r2c-modal__close:active{color:#4f46e5;background:#4f46e51a;transform:rotate(90deg)}.r2c-modal__content h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:#111827;letter-spacing:-.025em}.r2c-modal__content p{font-size:1rem;color:#374151;line-height:1.6;white-space:pre-line}@media (max-width: 768px){.r2c-footer__content{grid-template-columns:1fr;gap:.4rem}.r2c-footer__section{align-items:center;text-align:center;max-width:400px;margin:0 auto}.r2c-footer__description{max-width:100%;font-size:.875rem}.r2c-footer__contact{align-items:center;width:100%;gap:.1rem!important}.r2c-footer__links{align-items:center;width:100%;gap:.05rem!important}.r2c-contact-item{justify-content:center;text-align:center;max-width:300px;padding:.1rem 0!important}.r2c-footer__link{justify-content:center;text-align:center;max-width:300px;padding:.05rem 0!important;line-height:1.2!important}.r2c-contact-item:hover,.r2c-contact-item:active{transform:none}.r2c-footer__bottom{display:flex;justify-content:center;align-items:center;width:100%}.r2c-footer__copyright{text-align:center}}@media (max-width: 480px){.r2c-footer__section--info h3{font-size:1.25rem}.r2c-footer__section--legal h4,.r2c-footer__section--resources h4{font-size:1rem}.r2c-footer__description,.r2c-contact-item,.r2c-footer__link,.r2c-footer__copyright{font-size:.8125rem}.r2c-footer__container{padding:1rem .75rem}.r2c-modal__container{padding:1rem}.r2c-modal__close{top:.75rem;right:.75rem}.r2c-contact-item,.r2c-footer__link{max-width:250px}.r2c-modal__content h2{font-size:1.5rem}.r2c-modal__content p{font-size:.875rem}}@media (max-width: 360px){.r2c-footer__container{padding:.75rem .5rem}.r2c-footer__content{gap:.3rem}.r2c-footer__section{max-width:280px}.r2c-contact-item,.r2c-footer__link{max-width:240px}.r2c-modal__container{padding:.75rem;max-height:90vh}}.language-switcher{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffffe6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#374151;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000}.language-switcher:hover{background:#fff;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.lang-flag{width:20px;height:20px;object-fit:contain}.lang-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600}@media (max-width: 768px){.language-switcher{top:16px;right:16px;padding:6px 10px;font-size:13px}.lang-flag{width:18px;height:18px}}:root{--primary: #0066FF;--primary-hover: #0052CC;--primary-light: #E6F0FF;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--text-primary: #1a1a1a;--text-secondary: #666666;--text-light: #999999;--border: #e5e5e5;--white: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.login-page{min-height:100vh;display:flex;position:relative;background-color:#fafafa}.login-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;position:relative;background-image:url(/images/login_bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.login-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.login-logo-large{position:relative;z-index:1;width:100%;max-width:560px;display:flex;align-items:center;justify-content:center;animation:floatIn .8s ease-out}.login-logo-large img{width:100%;height:auto;filter:drop-shadow(0 10px 30px rgba(0,0,0,.12))}.login-logo-mobile{display:none;width:100%;margin-bottom:1.25rem;animation:fadeInDown .6s ease-out;text-align:center}.login-logo-mobile img{display:block;width:92%;max-width:420px;height:auto;margin:0 auto}@keyframes floatIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:var(--white)}.login-card{width:100%;max-width:420px;animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.login-header{margin-bottom:2rem;text-align:left}.login-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.02em}.login-header p{font-size:.95rem;color:var(--text-secondary);font-weight:400}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.input-wrapper{position:relative;width:100%}.input-wrapper input{width:100%;padding:.875rem 1rem;font-size:.95rem;color:var(--text-primary);background-color:var(--white);border:1.5px solid var(--border);border-radius:12px;outline:none;transition:all .2s ease;font-family:inherit;line-height:1.2}.input-wrapper.has-left input{padding-left:3rem}.input-wrapper.has-right input{padding-right:3.25rem}.input-wrapper input::placeholder{color:var(--text-light)}.input-wrapper input:hover{border-color:#d0d0d0}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input-icon-left{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-light);pointer-events:none;transition:color .2s ease;z-index:1}.input-wrapper:focus-within .input-icon-left{color:var(--primary)}.input-icon-right{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text-light);background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;z-index:1}.input-icon-right:hover{background-color:#0000000d;color:var(--text-secondary)}.input-icon-right:active{transform:translateY(-50%) scale(.95)}.login-button{width:100%;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;color:var(--white);background-color:var(--primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 8px #06f3}.login-button:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0066ff4d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--text-primary);background:var(--white);padding:2rem;border-radius:20px;box-shadow:0 8px 32px #0000001a}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.snackbar{position:fixed;bottom:2rem;right:2rem;display:inline-flex;align-items:center;background-color:var(--white);border-radius:12px;box-shadow:0 8px 32px #0000001f;padding:1rem 1.25rem;min-width:300px;max-width:500px;top:auto!important;height:fit-content!important;min-height:0!important;max-height:none!important;overflow:hidden;z-index:9999;animation:slideInUp .3s ease-out;border:1px solid var(--border)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.snackbar-content{display:flex;align-items:center;gap:.75rem;width:100%;height:auto!important}.snackbar-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.snackbar.success .snackbar-icon{background-color:var(--success-light);color:var(--success)}.snackbar.error .snackbar-icon{background-color:var(--error-light);color:var(--error)}.snackbar-content span{font-size:.95rem;font-weight:500;color:var(--text-primary);line-height:1.4;flex:1;min-width:0;word-break:break-word}.login-footer{position:fixed;left:auto!important;right:1.5rem!important;bottom:1.25rem;z-index:9998;pointer-events:none;font-size:.78rem;color:#1a1a1a8c;letter-spacing:.01em;text-align:right}.footer-link{color:inherit;text-decoration:none;pointer-events:auto;font-weight:500}.footer-link:hover{text-decoration:underline;color:#1a1a1abf}@media (max-width: 768px){.login-page{background-image:url(/images/login_bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.login-header{display:none;margin-bottom:0}.login-left{display:none}.login-right{flex:1;padding:2rem 1.25rem;background:transparent;justify-content:center}.login-logo-mobile{display:block}.login-card{width:100%;max-width:520px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2.25rem 1.75rem;border-radius:24px;box-shadow:0 8px 32px #00000026}.login-header h1{font-size:1.75rem}.snackbar{left:1rem;right:1rem;bottom:1rem;min-width:auto}.login-footer{position:static;margin-top:.9rem;padding-bottom:1rem;width:100%;text-align:center;opacity:.7;pointer-events:none}}@media (max-width: 480px){.login-right{padding:1.5rem 1rem}.login-card{padding:2rem 1.25rem;border-radius:20px}.login-header{margin-bottom:1.5rem}.login-header h1{font-size:1.5rem}.login-header p{font-size:.875rem}.login-form{gap:1rem}.input-wrapper input{padding-top:.8rem;padding-bottom:.8rem;font-size:.9rem;border-radius:10px}.input-wrapper.has-left input{padding-left:2.85rem}.input-wrapper.has-right input{padding-right:3.1rem}.input-icon-left{left:.85rem}.input-icon-right{right:.65rem}.login-button{padding:.85rem 1.25rem;font-size:.95rem;border-radius:10px}}@media (max-width: 360px){.login-header h1{font-size:1.35rem}.input-wrapper.has-left input{padding-left:2.75rem}.input-wrapper.has-right input{padding-right:3rem}.input-icon-left{left:.75rem}.input-icon-right{right:.5rem}.login-button{font-size:.9rem}}@supports (-webkit-touch-callout: none){.input-wrapper input{font-size:16px!important}}.login-button:focus-visible,.input-wrapper input:focus-visible,.input-icon-right:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary: #0A2463;--primary-light: #1E3A8A;--primary-lighter: #3B5998;--primary-ghost: rgba(10, 36, 99, .05);--primary-glow: rgba(10, 36, 99, .15);--accent: #FB8500;--accent-light: #FFB703;--accent-ghost: rgba(251, 133, 0, .1);--success: #06D6A0;--success-ghost: rgba(6, 214, 160, .1);--neutral-50: #FAFBFC;--neutral-100: #F4F6F8;--neutral-200: #E8ECEF;--neutral-300: #D1D8DD;--neutral-400: #9AA5B1;--neutral-500: #697386;--neutral-600: #4C5967;--neutral-700: #364152;--neutral-800: #232B35;--neutral-900: #0F1419;--white: #FFFFFF;--text-primary: #0F1419;--text-secondary: #4C5967;--text-muted: #9AA5B1;--border: #E8ECEF;--shadow-sm: 0 1px 2px rgba(15, 20, 25, .04), 0 1px 3px rgba(15, 20, 25, .02);--shadow-md: 0 4px 6px rgba(15, 20, 25, .05), 0 2px 4px rgba(15, 20, 25, .03);--shadow-lg: 0 10px 15px rgba(15, 20, 25, .08), 0 4px 6px rgba(15, 20, 25, .04);--shadow-xl: 0 20px 25px rgba(15, 20, 25, .1), 0 8px 10px rgba(15, 20, 25, .06);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.role-selection-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;background:var(--neutral-50);overflow:visible}.role-selection-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--neutral-50);z-index:0;pointer-events:none}.role-selection-container{width:100%;max-width:560px;position:relative;z-index:1;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.role-selection-card{background:var(--white);border-radius:28px;padding:3rem;box-shadow:var(--shadow-xl);border:1px solid var(--border);position:relative;overflow:visible}.role-logo{text-align:center;margin-bottom:2rem;animation:fadeInDown .6s cubic-bezier(.4,0,.2,1) .1s backwards}.role-logo img{width:100%;max-width:300px;height:auto;display:inline-block;filter:drop-shadow(0 4px 12px rgba(10,36,99,.08))}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.role-user-info{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2.5rem;padding:.625rem 1.25rem;background:var(--neutral-100);border-radius:999px;width:fit-content;margin-left:auto;margin-right:auto;animation:fadeIn .8s cubic-bezier(.4,0,.2,1) .2s backwards;border:1px solid var(--border);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.role-user-info span{font-size:.9375rem;color:var(--text-secondary);font-weight:600}.role-header{text-align:center;margin-bottom:2.5rem}.role-header h1{font-size:1.875rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.02em;font-family:DM Sans,sans-serif}.role-header p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.role-selection-content{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.portal-option{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:var(--white);border:2px solid var(--border);border-radius:18px;cursor:pointer;transition:all var(--transition-smooth);position:relative;overflow:hidden}.portal-option:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,var(--primary-ghost) 100%);opacity:0;transition:opacity var(--transition-smooth)}.portal-option:hover{border-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.portal-option:hover:before{opacity:1}.portal-option.selected{border-color:var(--primary);background:var(--primary-ghost);box-shadow:0 0 0 4px var(--primary-glow)}.portal-option.selected:before{opacity:1}.portal-option.dropdown{cursor:pointer}.portal-option.dropdown.open{border-bottom-left-radius:0;border-bottom-right-radius:0}.portal-option-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;position:relative;transition:transform var(--transition-bounce);box-shadow:var(--shadow-md)}.portal-option:hover .portal-option-icon{transform:scale(1.05) rotate(-3deg)}.portal-option-icon.r2c{background:var(--primary);color:#fff}.portal-option-icon.support{background:var(--accent);color:#fff}.portal-option-icon.partner{background:#fff;border:2px solid var(--border);color:var(--text-secondary)}.portal-option-icon img{width:100%;height:100%;object-fit:contain;display:block}.portal-option-content{flex:1;min-width:0;position:relative;z-index:1}.portal-option-content h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem;letter-spacing:-.01em;font-family:DM Sans,sans-serif}.portal-option-content p{font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.portal-check{width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;animation:scaleIn .3s cubic-bezier(.34,1.56,.64,1);box-shadow:var(--shadow-md);position:relative;z-index:1}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.portal-dropdown-arrow{color:var(--text-muted);transition:transform var(--transition-smooth);position:relative;z-index:1}.portal-option.open .portal-dropdown-arrow{transform:rotate(180deg)}.portal-dropdown-wrapper{position:relative}.portal-dropdown-menu{position:absolute;top:calc(100% - 1px);left:0;right:0;background:var(--white);border:2px solid var(--primary);border-top:none;border-bottom-left-radius:18px;border-bottom-right-radius:18px;box-shadow:var(--shadow-xl);z-index:100;animation:dropdownSlide .3s cubic-bezier(.34,1.56,.64,1);max-height:320px;display:flex;flex-direction:column;overflow:visible}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--neutral-50);color:var(--text-muted);flex-shrink:0}.dropdown-search input{flex:1;border:none;outline:none;background:transparent;font-size:.9375rem;color:var(--text-primary);font-family:inherit;font-weight:500}.dropdown-search input::placeholder{color:var(--text-muted)}.search-clear{width:28px;height:28px;border-radius:50%;border:none;background:var(--neutral-200);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);padding:0}.search-clear:hover{background:var(--neutral-300);transform:scale(1.1)}.dropdown-list{overflow-y:auto;max-height:240px;padding:.75rem}.dropdown-list::-webkit-scrollbar{width:8px}.dropdown-list::-webkit-scrollbar-track{background:transparent}.dropdown-list::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.dropdown-item{display:flex;align-items:center;gap:1rem;padding:.875rem;border-radius:12px;cursor:pointer;transition:all var(--transition-base);position:relative}.dropdown-item:hover{background:var(--neutral-100)}.dropdown-item.selected{background:var(--primary-ghost);border:1px solid var(--primary)}.dropdown-item-icon{width:44px;height:44px;border-radius:12px;background:#fff;border:2px solid var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:var(--shadow-sm)}.dropdown-item-icon img{width:100%;height:100%;object-fit:contain;display:block}.dropdown-item-content{flex:1;min-width:0}.dropdown-item-content h4{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;font-family:DM Sans,sans-serif}.dropdown-item-content p{font-size:.8125rem;color:var(--text-secondary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item-check{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md)}.dropdown-empty{padding:3rem 1.5rem;text-align:center}.dropdown-empty p{color:var(--text-secondary);font-size:.9375rem}.role-actions{display:flex;justify-content:center;margin-top:2rem}.role-continue-btn{width:100%;padding:1.125rem 2rem;font-size:1.0625rem;font-weight:700;color:var(--white);background:var(--primary);border:none;border-radius:14px;cursor:pointer;transition:all var(--transition-smooth);font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.625rem;box-shadow:var(--shadow-lg);position:relative}.role-continue-btn:hover:not(:disabled){background:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.role-continue-btn:active:not(:disabled){transform:translateY(0)}.role-continue-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-icon{animation:spin 1s linear infinite}.role-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.role-footer p{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.6}.blocked-card,.error-card{background:var(--white);border-radius:24px;padding:3rem 2.5rem;box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--border);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) backwards}.blocked-icon,.error-icon{width:80px;height:80px;margin:0 auto 2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.blocked-icon{background:#fee2e2;color:#ef4444}.error-icon{background:#fef3c7;color:#f59e0b}.blocked-card h2,.error-card h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;font-family:DM Sans,sans-serif;letter-spacing:-.01em}.blocked-card p,.error-card p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}@keyframes shimmerSkeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-100) 0%,var(--neutral-200) 20%,var(--neutral-100) 40%,var(--neutral-100) 100%);background-size:200% 100%;animation:shimmerSkeleton 1.8s ease-in-out infinite;border-radius:12px}.skeleton-logo{width:240px;height:48px;margin:0 auto;border-radius:8px}.skeleton-avatar{width:32px;height:32px;border-radius:50%}.skeleton-text{width:140px;height:16px;border-radius:6px}.skeleton-card{cursor:default;pointer-events:none}.skeleton-card:hover{transform:none;box-shadow:var(--shadow-sm)}.skeleton-icon{width:56px;height:56px;border-radius:16px}.skeleton-text-lg{width:60%;height:18px;margin-bottom:.625rem;border-radius:6px}.skeleton-text-sm{width:80%;height:14px;border-radius:6px}.skeleton-button{width:100%;height:58px;border-radius:14px}@media (max-width: 768px){.role-selection-page{padding:1.5rem 1rem}.role-selection-card{padding:2.5rem 2rem;border-radius:24px}.role-logo img{max-width:260px}.role-header h1{font-size:1.625rem}.role-header p{font-size:.9375rem}.portal-option{padding:1rem}.portal-option-icon{width:50px;height:50px}.portal-option-content h3{font-size:1rem}.portal-option-content p{font-size:.875rem}.dropdown-item-icon{width:40px;height:40px}}@media (max-width: 480px){.role-selection-page{padding:1rem .75rem}.role-selection-card{padding:2rem 1.5rem;border-radius:20px}.role-logo{margin-bottom:1.5rem}.role-logo img{max-width:220px}.role-user-info{margin-bottom:2rem;padding:.5rem 1rem}.role-user-info span{font-size:.875rem}.role-header{margin-bottom:2rem}.role-header h1{font-size:1.5rem}.role-header p{font-size:.875rem}.role-selection-content{gap:.875rem;margin-bottom:1.5rem}.portal-option{padding:.875rem;gap:1rem}.portal-option-icon{width:46px;height:46px;border-radius:14px}.portal-option-content h3{font-size:.9375rem}.portal-option-content p{font-size:.8125rem}.role-continue-btn{padding:1rem 1.5rem;font-size:1rem}.role-footer{margin-top:1.5rem;padding-top:1.5rem}.role-footer p{font-size:.8125rem}.dropdown-item{padding:.75rem}.dropdown-item-icon{width:38px;height:38px}.dropdown-item-content h4{font-size:.875rem}.dropdown-item-content p{font-size:.75rem}}.portal-option:focus-visible,.role-continue-btn:focus-visible,.dropdown-item:focus-visible{outline:3px solid var(--primary-glow);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (-webkit-touch-callout: none){.dropdown-search input{font-size:16px!important}}:root{--primary: #4f46e5;--primary-hover: #4338ca;--success: #10b981;--success-hover: #059669;--error: #ef4444;--error-hover: #dc2626;--text-primary: #1f2937;--text-secondary: #6b7280;--background: #f9fafb;--card-background: #ffffff;--border: #e5e7eb;--input-bg: #f3f4f6;--transition-speed: .2s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .15)}body{font-family:Inter,sans-serif;color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.aw-dashboard{display:flex;flex-direction:column;min-height:100vh;background-color:var(--background)}.aw-dashboard-container{flex:1;max-width:1440px;width:100%;margin:0 auto;padding:.75rem;display:flex;gap:.75rem;align-items:flex-start}.aw-dashboard-sidebar{width:260px;display:flex;flex-direction:column;gap:.75rem;align-self:flex-start}.aw-sidebar-section{background-color:var(--card-background);border-radius:6px;padding:.75rem;border:1px solid var(--border)}.aw-sidebar-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.aw-users-list{display:flex;flex-direction:column;gap:.25rem}.aw-user-item{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:4px;transition:background-color var(--transition-speed) ease}.aw-user-item:hover{background-color:var(--input-bg)}.aw-user-avatar{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff}.aw-user-details{flex:1}.aw-user-name{font-size:.75rem;font-weight:500;color:var(--text-primary)}.aw-top-performers{padding:.5rem!important}.aw-top-list{display:flex;flex-direction:column;gap:.25rem}.aw-top-item{display:flex;align-items:center;gap:.5rem;padding:.25rem;border-radius:4px;transition:background-color var(--transition-speed) ease}.aw-top-item:hover{background-color:var(--input-bg)}.aw-rank{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--primary);color:#fff;font-size:.625rem;font-weight:600}.aw-top-user-info{flex:1;display:flex;flex-direction:column}.aw-job-count{font-size:.625rem;color:var(--text-secondary)}.aw-empty-message{font-size:.75rem;color:var(--text-secondary);text-align:center;padding:.5rem}.aw-dashboard-content{flex:1;display:flex;flex-direction:column;gap:1rem}.aw-content-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.aw-dashboard-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.aw-content-header-actions{display:flex;gap:.5rem;align-items:center}.aw-settings-menu{position:relative}.aw-settings-btn{background:var(--card-background);border:1px solid var(--border);padding:.5rem;border-radius:6px;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;color:var(--text-primary)}.aw-settings-btn:hover{background:var(--primary);color:#fff;border-color:transparent}.aw-settings-dropdown{position:absolute;top:100%;right:0;background:var(--card-background);border:1px solid var(--border);border-radius:6px;box-shadow:var(--shadow-md);z-index:100;min-width:180px;padding:.25rem}.aw-settings-dropdown button{width:100%;text-align:left;background:none;border:none;padding:.5rem;font-size:.75rem;color:var(--text-primary);border-radius:4px;display:flex;align-items:center;gap:.5rem;transition:all var(--transition-speed) ease}.aw-settings-dropdown button:hover{background:var(--input-bg)}.aw-add-user-btn{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.aw-add-user-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.aw-add-user-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.aw-stats-section{display:flex;flex-direction:column;gap:1rem}.aw-section-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.aw-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.aw-chart-card{background-color:var(--card-background);border-radius:6px;padding:1rem;border:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.aw-chart-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.aw-chart-title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.aw-chart-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.aw-chart-filter{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.75rem;background-color:var(--input-bg);transition:all var(--transition-speed) ease}.aw-chart-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e540}.aw-export-btn{background:var(--card-background);border:1px solid var(--border);padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.aw-export-btn:hover{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border-color:transparent;transform:scale(1.05)}.aw-export-btn:active{transform:scale(.95)}.aw-chart-container{height:250px}.aw-users-section{display:flex;flex-direction:column;gap:.75rem}.aw-users-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}.aw-users-controls{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.aw-search-bar{position:relative;flex:1;min-width:180px}.aw-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.aw-search-input{width:100%;padding:.5rem .75rem .5rem 2rem;border:1px solid var(--border);border-radius:6px;font-size:.75rem;background-color:var(--input-bg);transition:all var(--transition-speed) ease}.aw-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e540}.aw-role-filter{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.75rem;background-color:var(--input-bg);transition:all var(--transition-speed) ease}.aw-role-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e540}.aw-users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.aw-user-card{background-color:var(--card-background);border-radius:6px;padding:.5rem;border:1px solid var(--border);cursor:pointer;transition:all var(--transition-speed) ease}.aw-user-card:hover{transform:translateY(-1px);border-color:var(--primary)}.aw-user-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.aw-user-meta{flex:1}.aw-user-card-name{font-size:.75rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aw-user-role{font-size:.625rem;color:var(--text-secondary)}.aw-status-badge{font-size:.625rem;padding:.2rem .4rem;border-radius:10px;font-weight:500}.aw-status-badge.aw-online{background-color:var(--success);color:#fff}.aw-status-badge.aw-offline{background-color:var(--text-secondary);color:#fff}.aw-user-card-body{display:flex;flex-direction:column;gap:.25rem}.aw-user-stat{display:flex;align-items:center;gap:.5rem;font-size:.625rem;color:var(--text-primary)}.aw-toggle-system-users{background:var(--input-bg);border:1px solid var(--border);padding:.5rem;border-radius:6px;font-size:.75rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-speed) ease;margin-top:.5rem;text-align:center}.aw-toggle-system-users:hover{background:var(--primary);color:#fff;border-color:transparent}.aw-system-users{margin-top:.5rem;border-top:1px solid var(--border);padding-top:.5rem}.aw-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:1rem;background-color:var(--background)}.aw-loading-spinner{animation:spin 1s linear infinite;color:var(--primary)}.aw-error-message{color:var(--error);text-align:center;padding:.75rem;font-size:.875rem}.aw-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aw-modal{background-color:var(--card-background);border-radius:10px;padding:1rem;max-width:450px;width:100%;position:relative;box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto}.aw-wallboard-modal{max-width:750px}.aw-modal-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-speed) ease}.aw-modal-close:hover{color:var(--primary);transform:scale(1.1)}.aw-modal-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.aw-modal-form{display:flex;flex-direction:column;gap:.75rem}.aw-form-group{display:flex;flex-direction:column;gap:.25rem}.aw-form-group label{font-size:.75rem;font-weight:500;color:var(--text-primary)}.aw-form-group input,.aw-form-group select,.aw-form-group textarea{padding:.5rem;border:1px solid var(--border);border-radius:6px;font-size:.75rem;background-color:var(--input-bg);transition:all var(--transition-speed) ease}.aw-form-group input:focus,.aw-form-group select:focus,.aw-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e540}.aw-form-group textarea{resize:vertical;min-height:80px}.aw-checkbox-wrapper{display:flex;align-items:center;gap:.5rem}.aw-checkbox-wrapper label{font-size:.75rem;color:var(--text-secondary)}.aw-user-info{font-size:.75rem;color:var(--text-primary)}.aw-form-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.aw-cancel-btn{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border);padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.aw-cancel-btn:hover{background-color:var(--border);transform:scale(1.05)}.aw-submit-btn{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease}.aw-submit-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.aw-submit-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.aw-submit-btn.aw-danger-btn{background:var(--error)}.aw-submit-btn.aw-danger-btn:hover{background:var(--error-hover)}.aw-job-types-list{display:flex;flex-direction:column;gap:.5rem}.aw-job-type-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:6px;background-color:var(--input-bg);transition:all var(--transition-speed) ease}.aw-job-type-item:hover{background-color:#4f46e51a;transform:translateY(-1px)}.aw-job-type-details{flex:1}.aw-job-type-name{font-size:.75rem;font-weight:500;color:var(--text-primary)}.aw-job-type-options{font-size:.625rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.25rem}.aw-delete-job-type-btn{background:none;border:none;color:var(--error);cursor:pointer;padding:.25rem;transition:all var(--transition-speed) ease}.aw-delete-job-type-btn:hover{color:var(--error-hover);transform:scale(1.1)}.aw-wallboard-form-section{margin-bottom:1rem}.aw-wallboard-section-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.aw-checkbox-group{display:flex;flex-direction:column;gap:.5rem}.aw-checkbox-item{display:flex;align-items:center;gap:.5rem}.aw-checkbox-item label{font-size:.75rem;color:var(--text-primary)}.aw-width-input{width:70px;margin-left:.5rem;font-size:.75rem}.aw-wallboard-logo-preview{max-width:80px;max-height:80px;margin-top:.5rem;border-radius:6px}.aw-wallboard-list-section{margin-top:1.5rem}.aw-wallboard-list{display:flex;flex-direction:column;gap:.5rem}.aw-wallboard-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:6px;background-color:var(--input-bg);transition:all var(--transition-speed) ease}.aw-wallboard-item:hover{background-color:#4f46e51a;transform:translateY(-1px)}.aw-wallboard-item-details{flex:1}.aw-wallboard-item-name{font-size:.75rem;font-weight:500;color:var(--text-primary)}.aw-wallboard-item-date{font-size:.625rem;color:var(--text-secondary)}.aw-wallboard-item-actions{display:flex;gap:.5rem}.aw-wallboard-action-btn{background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary);transition:all var(--transition-speed) ease}.aw-wallboard-action-btn:hover{color:var(--primary);transform:scale(1.1)}.aw-wallboard-delete-btn:hover{color:var(--error)}@media (max-width: 1024px){.aw-dashboard-container{flex-direction:column;padding:.5rem;gap:.5rem}.aw-dashboard-sidebar{width:100%}.aw-dashboard-content{width:100%;margin:0;padding:0}.aw-stats-grid,.aw-users-grid{grid-template-columns:1fr;gap:.5rem}.aw-users-controls{flex-direction:column}.aw-search-bar{min-width:100%}}@media (max-width: 768px){.aw-dashboard-container,.aw-sidebar-section{padding:.5rem}.aw-sidebar-title{font-size:.75rem}.aw-dashboard-title{font-size:1rem}.aw-content-header-actions{flex-direction:column;align-items:stretch;gap:.25rem}.aw-settings-btn{width:100%;justify-content:center;font-size:.75rem}.aw-settings-dropdown{width:100%;right:0}.aw-add-user-btn{width:100%;justify-content:center;font-size:.75rem}.aw-stats-grid{gap:.5rem}.aw-chart-card{padding:.5rem}.aw-chart-title{font-size:.75rem}.aw-chart-container{height:200px}.aw-user-card{padding:.5rem}.aw-modal{margin:0 .5rem;padding:.75rem;border-radius:8px}.aw-modal-title{font-size:.875rem}}@media (max-width: 640px){.aw-dashboard-container{padding:.25rem}.aw-sidebar-section{padding:.5rem;border-radius:6px}.aw-user-item,.aw-top-item{padding:.25rem}.aw-content-header,.aw-chart-header{flex-direction:column;align-items:flex-start;gap:.5rem}.aw-chart-controls{width:100%;justify-content:space-between;gap:.25rem}.aw-chart-filter{flex:1;font-size:.75rem}.aw-export-btn{flex:1;justify-content:center;font-size:.75rem}.aw-user-card-header{flex-direction:row;align-items:center;gap:.5rem}.aw-user-meta{text-align:left}.aw-status-badge{align-self:flex-end}.aw-form-group input,.aw-form-group select,.aw-form-group textarea{font-size:.75rem}.aw-form-actions{flex-direction:column;gap:.5rem}.aw-cancel-btn,.aw-submit-btn{width:100%;text-align:center;font-size:.75rem}}.di-step-content{display:block;padding:16px}.di-section{display:flex;flex-direction:column;gap:16px}.di-section-header{display:flex;align-items:center;justify-content:space-between}.di-section-title{display:inline-flex;align-items:center;gap:8px;font-size:1px;font-weight:600}.di-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer;transition:box-shadow .15s ease,transform .05s ease,opacity .15s ease}.di-btn-sm{padding:6px 10px;font-size:14px;border-radius:9px}.di-btn-primary{background:#0f172a;color:#fff}.di-btn-primary:hover{box-shadow:0 6px 18px #0f172a40}.di-btn-primary:active{transform:translateY(1px)}.di-btn-secondary{background:#fff;color:#111827;border:1px solid #e5e7eb}.di-btn-secondary:hover{background:#f9fafb;box-shadow:0 3px 10px #0000000f}.di-btn-secondary:active{transform:translateY(1px)}.di-icon-btn,.di-icon-btn-compact{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:8px;width:34px;height:34px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,color .15s ease,border-color .15s ease}.di-icon-btn:hover,.di-icon-btn-compact:hover{background:#f9fafb;box-shadow:0 3px 10px #0000000f}.di-icon-btn:active,.di-icon-btn-compact:active{transform:translateY(1px)}.di-icon-btn-danger,.di-icon-btn-compact.di-icon-btn-danger{color:#b91c1c;border-color:#fecaca;background:#fff}.di-icon-btn-danger:hover,.di-icon-btn-compact.di-icon-btn-danger:hover{background:#fff5f5}.di-empty-state{border:1px dashed #e5e7eb;border-radius:14px;padding:28px;text-align:center;color:#6b7280;background:linear-gradient(180deg,#fff,#fbfbff)}.di-empty-state svg{color:#94a3b8;margin-bottom:6px}.di-empty-state p{margin:6px 0 2px;font-weight:600;color:#111827}.di-empty-state small{color:#6b7280}.di-damage-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff;box-shadow:0 2px 8px #00000008;transition:box-shadow .15s ease,border-color .15s ease,transform .05s ease;outline:none}.di-damage-card:hover{box-shadow:0 6px 20px #0000000f}.di-damage-card.is-active{border-color:#0ea5e9;box-shadow:0 8px 26px #0ea5e92e}.di-damage-card:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.di-damage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.di-damage-header h4{margin:0;font-size:16px;font-weight:700}.di-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.di-form-group-inline{flex-direction:column}.di-form-group label{font-size:14px;font-weight:600;color:#111827}.di-required{color:#dc2626;margin-left:4px}.di-help-text{font-size:12px;color:#6b7280}.di-search-wrapper{position:relative;width:100%}.di-search-input-wrapper{position:relative;display:flex;align-items:center}.di-search-icon{position:absolute;left:12px;color:#6b7280;pointer-events:none;z-index:1}.di-search-input{width:100%;padding:10px 40px 10px 46px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background:#fff}.di-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.di-search-clear-btn{position:absolute;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease;z-index:2}.di-search-clear-btn:hover{background:#f3f4f6;color:#111827}.di-search-clear-btn:active{transform:scale(.95)}.di-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-height:300px;overflow-y:auto;z-index:1000}.di-search-category{padding:4px 0}.di-search-category:not(:last-child){border-bottom:1px solid #f3f4f6}.di-search-category-label{padding:8px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;color:#6b7280;letter-spacing:.05em}.di-search-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:none;background:transparent;text-align:left;cursor:pointer;transition:background .15s ease;font-size:14px}.di-search-item:hover{background:#f9fafb}.di-search-item:active{background:#f3f4f6}.di-search-item-name{color:#111827;font-weight:500}.di-search-item-price{color:#6b7280;font-size:13px;font-weight:600}.di-search-no-results{padding:20px 12px;text-align:center;color:#6b7280;font-size:14px}.di-selected-service{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;margin-top:6px;max-width:fit-content}.di-selected-service-label{font-size:12px;color:#0e7490;font-weight:600}.di-selected-service-name{font-size:14px;color:#0e7490;font-weight:600}.di-selected-service-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:#0e7490;border-radius:4px;cursor:pointer;transition:background .15s ease}.di-selected-service-remove:hover{background:#a5f3fc}select,input[type=number],textarea{border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;background:#fff}select:focus,input[type=number]:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.di-input-error{border-color:#fca5a5!important;background:#fff7f7}.di-input-group{display:flex;align-items:stretch}.di-input-group>input{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.di-input-addon{display:inline-flex;align-items:center;padding:0 10px;border:1px solid #e5e7eb;border-left:none;background:#f9fafb;color:#111827;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:14px}.di-mini-title{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:#111827;margin-bottom:6px}.di-upload-actions-compact{display:flex;gap:8px;margin-bottom:8px}.di-upload-btn-compact{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-size:13px;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease;background:#fff}.di-upload-btn-compact:hover{background:#f9fafb;box-shadow:0 3px 10px #0000000f}.di-upload-btn-compact:active{transform:translateY(1px)}.di-upload-btn-compact.is-disabled{opacity:.55;pointer-events:none}.di-image-grid-compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.di-image-card-compact{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.di-image-card-compact:hover{border-color:#d1d5db;box-shadow:0 3px 12px #0000000f}.di-image-preview-compact{position:relative;aspect-ratio:1/1;background:#f3f4f6;overflow:hidden}.di-image-preview-compact img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.di-annotated-badge-compact{position:absolute;top:6px;right:6px;background:#0ea5e9;color:#fff;border-radius:8px;padding:3px 4px;display:inline-flex;box-shadow:0 2px 6px #0ea5e966}.di-image-actions-compact{display:flex;gap:6px;padding:6px;justify-content:center}.di-damage-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;background:#ecfeff;color:#0e7490;border:1px solid #a5f3fc;padding:8px 12px;border-radius:10px;font-weight:600;font-size:14px}.di-totals-card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}.di-totals-card h4{margin:0 0 10px;font-size:15px;font-weight:700}.di-totals-row{display:flex;align-items:center;justify-content:space-between;margin:6px 0;font-size:14px}.di-totals-value{font-weight:600}.di-divider{height:1px;background:#e5e7eb;margin:10px 0}.di-totals-total{font-size:16px;font-weight:800}.di-totals-value-total{font-size:18px;font-weight:800}.di-error{display:inline-flex;align-items:center;gap:6px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:8px 10px;border-radius:10px}.di-wheel-config{border:1px dashed #e5e7eb;border-radius:12px;padding:10px;background:#fcfcff;margin-top:8px}.di-wheel-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.di-wheel-qty{display:flex;gap:6px;flex-wrap:wrap}.di-wheel-btn{padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,transform .05s ease,border-color .15s ease}.di-wheel-btn:hover{background:#f9fafb;box-shadow:0 3px 10px #0000000f}.di-wheel-btn.selected{border-color:#0ea5e9;background:#ecfeff}.di-checkbox{margin-top:0}.di-checkbox .di-checkbox-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px;border-radius:8px;transition:background .15s ease}.di-checkbox .di-checkbox-label:hover{background:#f9fafb}.di-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;flex-shrink:0;accent-color:#0ea5e9}.di-checkbox .di-checkbox-label span{font-size:14px;color:#111827;font-weight:500}.di-wheel-item{border:1px solid #eef2ff;background:#fff;border-radius:10px;padding:10px;margin-top:10px}.di-wheel-item h6{margin:0 0 8px;font-size:14px;font-weight:700;color:#111827}.di-extra-cost-group{background:var(--bg-secondary, #f8f9fa);padding:12px;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.di-extra-cost-row{color:var(--color-warning, #f59e0b);font-weight:500}.di-damage-price{margin-top:16px;padding:12px;background:var(--bg-secondary, #f8f9fa);border-radius:8px}.di-damage-price-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}.di-damage-price-total{margin-top:8px;padding-top:8px;border-top:2px solid var(--border-color, #e5e7eb);font-weight:600;font-size:16px}.di-wheel-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin-top:8px;margin-bottom:8px}.di-wheel-image-card{border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden;transition:box-shadow .15s ease,border-color .15s ease}.di-wheel-image-card:hover{border-color:#d1d5db;box-shadow:0 3px 12px #0000000f}.di-wheel-image{position:relative;aspect-ratio:1/1;background:#f3f4f6;overflow:hidden}.di-wheel-image img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.di-wheel-image-actions{display:flex;gap:6px;padding:6px;justify-content:center}.di-wheel-upload{margin-top:8px;display:flex;gap:8px}.di-annotator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.di-annotator-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #0000004d;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column}.di-annotator-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb}.di-annotator-header h3{margin:0;font-size:18px;font-weight:700;display:inline-flex;align-items:center;gap:8px}.di-close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.di-close-btn:hover{background:#f9fafb;box-shadow:0 3px 10px #0000000f}.di-annotator-content{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.di-annotator-canvas-wrapper{position:relative;background:#f3f4f6;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:300px}.di-annotator-loading,.di-annotator-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#6b7280;font-weight:600}.di-annotator-error{color:#dc2626;background:#fef2f2;padding:12px 20px;border-radius:10px;border:1px solid #fecaca}.di-annotator-canvas{max-width:100%;max-height:60vh;display:block;cursor:crosshair;border-radius:8px;box-shadow:0 4px 12px #0000001a}.di-annotator-help{text-align:center;color:#6b7280;font-size:13px;margin:0}.di-annotator-actions{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb;gap:12px}.di-annotator-actions-left,.di-annotator-actions-right{display:flex;gap:8px}.di-sticky-add-mobile{display:none}@media (max-width: 640px){.di-section-title{font-size:10px}.di-btn-sm{font-size:13px}.di-damage-card{padding:12px}.di-annotator-modal{max-height:95vh}.di-annotator-canvas{max-height:50vh}.di-annotator-actions{flex-direction:column}.di-annotator-actions-left,.di-annotator-actions-right{width:100%;justify-content:stretch}.di-annotator-actions-left button,.di-annotator-actions-right button{flex:1}.di-search-dropdown{max-height:250px}.di-section-header .di-btn-primary.di-btn-sm{display:none}.di-sticky-add-mobile{display:block;position:sticky;bottom:88px;z-index:20;padding:10px 0 4px;background:linear-gradient(180deg,#fff0,#ffffffeb 40%,#fff)}.di-sticky-add-mobile .di-btn{width:100%;justify-content:center}.di-add-damage-sticky{position:sticky;bottom:72px;left:0;right:0;width:100%;background:#fff;display:flex;justify-content:center;padding:10px 16px;box-shadow:0 -4px 16px #00000014;z-index:500}.di-add-damage-sticky .di-btn-primary{width:100%;max-width:480px;text-align:center}}.di-center-selector-section{border:2px solid #0ea5e9;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.di-center-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}.di-overview-damage-notes{display:flex;flex-direction:column;gap:4px;margin-top:12px;padding:12px;background:var(--bg-tertiary, #f1f3f5);border-radius:6px;border-left:3px solid var(--color-primary, #2563eb)}.di-overview-notes-label{font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.di-overview-notes-text{margin:0;font-size:14px;line-height:1.5;color:var(--text-primary, #1f2937);white-space:pre-wrap}.di-overview-damage-pricing{margin-top:12px;padding:12px;background:var(--bg-secondary, #f8f9fa);border-radius:6px;border:1px solid var(--border-color, #e5e7eb)}.di-overview-price-line{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}.di-overview-extra-cost{color:var(--color-warning, #f59e0b);font-weight:500}.di-overview-extra-cost-desc{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color, #e5e7eb)}.di-overview-extra-cost-desc small{color:var(--text-secondary, #6b7280);font-style:italic}.di-overview-thumbnail-wrapper{position:relative;display:inline-block}.di-overview-annotated-badge{position:absolute;top:4px;right:4px;width:20px;height:20px;background:var(--color-success, #10b981);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;box-shadow:0 2px 4px #0003}@media (max-width: 768px){.di-overview-damage-notes{padding:10px}.di-overview-notes-text{font-size:13px}.di-overview-damage-pricing{padding:10px}.di-overview-price-line{font-size:13px}}.di-center-card{position:relative;display:flex;align-items:flex-start;gap:14px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.di-center-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926;transform:translateY(-2px)}.di-center-card.selected{border-color:#0ea5e9;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 16px #0ea5e940}.di-center-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:10px;color:#fff;flex-shrink:0}.di-center-card.selected .di-center-card-icon{background:linear-gradient(135deg,#10b981,#059669)}.di-center-card-content{flex:1}.di-center-card-name{margin:0 0 4px;font-size:16px;font-weight:700;color:#0f172a}.di-center-card-city{margin:0 0 4px;font-size:14px;font-weight:600;color:#0ea5e9}.di-center-card-address{margin:0;font-size:12px;color:#64748b;line-height:1.4}.di-center-card-check{position:absolute;top:12px;right:12px;color:#10b981;animation:checkBounce .3s ease}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.di-center-warning{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:14px;font-weight:600;margin-top:12px}.di-center-warning svg{color:#f59e0b;flex-shrink:0}.di-overview-intro{text-align:center;padding:32px 16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;margin-bottom:16px}.di-overview-icon{color:#0ea5e9;margin-bottom:16px}.di-overview-intro h2{margin:0 0 8px;font-size:24px;font-weight:700;color:#0f172a}.di-overview-intro p{margin:0;color:#64748b;font-size:14px}.di-overview-section{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #00000008}.di-overview-section-title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:18px;font-weight:700;color:#0f172a;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.di-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.di-overview-item{display:flex;flex-direction:column;gap:4px}.di-overview-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.di-overview-value{font-size:15px;font-weight:500;color:#1e293b}.di-overview-value-highlight{font-weight:700;color:#0ea5e9;font-size:16px}.di-overview-damages{display:flex;flex-direction:column;gap:12px}.di-overview-damage-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:12px;transition:box-shadow .15s ease,border-color .15s ease}.di-overview-damage-card:hover{box-shadow:0 4px 12px #0000000f;border-color:#d1d5db}.di-overview-damage-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.di-overview-damage-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0ea5e9;color:#fff;border-radius:8px;font-weight:700;font-size:14px;flex-shrink:0}.di-overview-damage-name{flex:1;font-weight:600;font-size:16px;color:#1e293b}.di-overview-damage-price{font-weight:700;font-size:16px;color:#0ea5e9;white-space:nowrap}.di-overview-damage-details{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.di-overview-damage-detail{display:flex;align-items:center;gap:6px;font-size:14px}.di-overview-damage-detail span:first-child{color:#64748b;font-weight:500}.di-overview-damage-detail span:last-child{color:#1e293b;font-weight:600}.di-overview-damage-description{display:flex;align-items:flex-start;gap:8px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:10px;font-size:14px;color:#475569;line-height:1.5}.di-overview-damage-images{display:flex;flex-direction:column;gap:8px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.di-overview-damage-images>span:first-of-type{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#64748b}.di-overview-image-preview{display:flex;gap:8px;flex-wrap:wrap}.di-overview-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb;transition:transform .15s ease,border-color .15s ease}.di-overview-thumbnail:hover{transform:scale(1.05);border-color:#0ea5e9}.di-overview-more-images{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;font-weight:700;font-size:16px;color:#64748b}.di-overview-wheel-images{display:flex;flex-direction:column;gap:12px;padding:10px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;margin-top:10px}.di-overview-wheel-group{display:flex;flex-direction:column;gap:8px}.di-overview-wheel-label{font-size:13px;font-weight:600;color:#475569}.di-overview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;color:#94a3b8}.di-overview-empty p{margin:12px 0 0;font-size:15px;font-weight:500}.di-overview-pricing{background:#f8fafc;border-color:#e5e7eb}.di-overview-price-summary{display:flex;flex-direction:column;gap:12px}.di-overview-price-row{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:6px 0}.di-overview-price-value{font-weight:600;color:#1e293b}.di-overview-divider{height:1px;background:#e5e7eb;margin:6px 0}.di-overview-price-total{padding-top:10px;border-top:2px solid #cbd5e1;font-size:18px;font-weight:700}.di-overview-price-value-total{font-size:22px;font-weight:800;color:#0ea5e9}.di-overview-price-note{padding:12px;background:#fff;border-radius:8px;text-align:center}.di-overview-price-note small{color:#64748b;font-size:13px}.di-overview-footer{padding:12px;text-align:center}.di-overview-footer-text{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;color:#065f46;font-size:14px;font-weight:600;margin:0}@media (max-width: 768px){.di-center-grid{grid-template-columns:1fr}}@media (max-width: 640px){.di-overview-intro{padding:24px 16px}.di-overview-intro h2{font-size:20px}.di-overview-section{padding:14px}.di-overview-grid{grid-template-columns:1fr}.di-overview-damage-header{flex-wrap:wrap}.di-overview-damage-price{width:100%;text-align:right}.di-overview-price-row{font-size:14px}.di-overview-price-total{font-size:16px}.di-overview-price-value-total{font-size:20px}.di-center-card{padding:12px;gap:10px}.di-center-card-icon{width:40px;height:40px}.di-center-card-name{font-size:15px}.di-center-card-city{font-size:13px}}.di-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.di-modal{background:#fff;border-radius:20px;width:100%;max-width:620px;max-height:95vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0000004d;overflow:hidden}.di-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.di-header-content h2{font-size:1.875rem;font-weight:800;color:#1e293b;margin:0 0 .5rem;line-height:1.2}.di-draft-indicator{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:#10b981;font-weight:500;margin:0}.di-close-btn{background:#94a3b81a;border:none;border-radius:12px;padding:.75rem;cursor:pointer;color:#64748b;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.di-close-btn:hover{background:#ef44441a;color:#dc2626;transform:scale(1.05)}.di-step-indicator{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:.5rem;overflow-x:auto;scrollbar-width:none}.di-step-indicator::-webkit-scrollbar{display:none}.di-step-wrapper{display:flex;align-items:center;gap:.5rem}.di-step{display:flex;align-items:center;gap:.75rem;opacity:.4;transition:all .3s ease;flex-shrink:0}.di-step.active{opacity:1}.di-step.current{opacity:1;transform:scale(1.05)}.di-step-circle{width:40px;height:40px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#6b7280;transition:all .3s ease;border:2px solid #e5e7eb}.di-step.active .di-step-circle{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:#4f46e5}.di-step.current .di-step-circle{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;border-color:#06b6d4;box-shadow:0 0 0 4px #06b6d433}.di-step-label{font-size:.875rem;font-weight:500;color:#64748b;white-space:nowrap}.di-step.active .di-step-label{color:#1e293b;font-weight:600}.di-step-divider{width:40px;height:2px;background:#e2e8f0;transition:all .3s ease;flex-shrink:0}.di-step.active+.di-step-wrapper .di-step-divider{background:linear-gradient(90deg,#4f46e5,#e2e8f0)}.di-modal-content{flex:1;overflow-y:auto;padding:2rem}.di-step-content{display:flex;flex-direction:column;gap:2rem}.di-section{display:flex;flex-direction:column;gap:1.5rem}.di-section-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.75rem}.di-form-group{display:flex;flex-direction:column;gap:.5rem}.di-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.di-required{color:#ef4444}.di-form-group input,.di-form-group select,.di-form-group textarea{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;background:#fafafa;transition:all .2s ease;font-family:inherit;color:#1e293b}.di-form-group input:focus,.di-form-group select:focus,.di-form-group textarea:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.di-form-group input.di-input-error,.di-form-group select.di-input-error,.di-form-group textarea.di-input-error{border-color:#ef4444;background:#ef44440d}.di-form-group textarea{resize:vertical;min-height:100px}.di-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.di-help-text{font-size:.75rem;color:#6b7280;margin:0}.di-error{display:flex;align-items:center;gap:.25rem;color:#ef4444;font-size:.75rem;font-weight:500}.di-input-group{display:flex;gap:.5rem;align-items:stretch}.di-input-group input{flex:1}.di-input-addon-btn{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;padding:.75rem;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.di-input-addon-btn:hover:not(:disabled){background:#e5e7eb;color:#4f46e5}.di-input-addon-btn:disabled{opacity:.5;cursor:not-allowed}.di-spinner{animation:di-spin 1s linear infinite}@keyframes di-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.di-radio-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.di-radio-card{border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;background:#fafafa;position:relative}.di-radio-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.di-radio-card.selected{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e51a,#7c3aed0d);box-shadow:0 8px 25px #4f46e533}.di-radio-card input{display:none}.di-radio-content{display:flex;align-items:flex-start;gap:1rem}.di-radio-content svg{color:#64748b;flex-shrink:0}.di-radio-card.selected .di-radio-content svg{color:#4f46e5}.di-radio-content h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.di-radio-content p{font-size:.875rem;color:#64748b;margin:0}.di-vehicle-info-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;padding:1.5rem}.di-vehicle-info-card h4{font-size:1rem;font-weight:700;color:#0369a1;margin:0 0 1rem}.di-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.di-info-item{display:flex;flex-direction:column;gap:.25rem}.di-info-label{font-size:.75rem;color:#0369a1;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.di-info-value{font-size:.875rem;color:#1e293b;font-weight:500}.di-upload-area{border:3px dashed #cbd5e1;border-radius:16px;padding:2rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all .3s ease}.di-upload-area:hover{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e50d,#7c3aed05)}.di-upload-input{display:none}.di-upload-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.di-upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e54d}.di-upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.di-upload-btn:disabled{opacity:.6;cursor:not-allowed}.di-upload-btn-camera{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.di-upload-btn-camera:hover:not(:disabled){box-shadow:0 8px 25px #10b98166}.di-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.di-image-card{border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:all .2s ease}.di-image-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.di-image-preview{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#f9fafb}.di-image-preview img{width:100%;height:100%;object-fit:cover}.di-annotated-badge{position:absolute;top:.5rem;right:.5rem;background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:6px;display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600}.di-image-actions{display:flex;gap:.5rem;padding:.5rem;background:#f9fafb}.di-image-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}.di-image-action-btn:hover{background:#f3f4f6;color:#4f46e5;transform:scale(1.05)}.di-image-action-delete:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}.di-image-info{padding:.75rem .5rem;display:flex;flex-direction:column;gap:.25rem}.di-image-name{font-size:.75rem;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.di-image-size{font-size:.625rem;color:#6b7280}.di-empty-state{text-align:center;padding:3rem 2rem;color:#6b7280;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.di-empty-state svg{color:#cbd5e1;margin-bottom:1rem}.di-empty-state p{font-size:1rem;font-weight:500;color:#374151;margin:0 0 .5rem}.di-empty-state small{font-size:.875rem;color:#6b7280}.di-overview-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:1.5rem}.di-overview-section-title{font-size:1rem;font-weight:700;color:#1e293b;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.di-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.di-overview-item{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.di-overview-label{font-weight:600;color:#64748b;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.di-overview-value{font-weight:600;color:#1e293b;font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word}.di-overview-text{color:#374151;font-size:.875rem;margin:0 0 1rem}.di-overview-empty{color:#9ca3af;font-style:italic;margin:0}.di-overview-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.di-overview-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.di-overview-image img{width:100%;height:100%;object-fit:cover}.di-overview-annotated-badge{position:absolute;bottom:.25rem;right:.25rem;background:#ef4444;color:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600}.di-overview-description{background:#fff;padding:1rem;border-radius:8px;color:#374151;font-size:.875rem;line-height:1.6;margin:0;white-space:pre-wrap}.di-info-box{display:flex;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;color:#1e40af}.di-info-box svg{flex-shrink:0}.di-info-box strong{display:block;margin-bottom:.25rem}.di-info-box p{margin:0;font-size:.875rem}.di-error-banner{display:flex;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#991b1b}.di-error-banner svg{flex-shrink:0}.di-error-banner strong{display:block;margin-bottom:.25rem}.di-error-banner p{margin:0;font-size:.875rem}.di-modal-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.di-actions-left,.di-actions-right{display:flex;gap:.75rem}.di-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.di-btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}.di-btn-secondary:hover:not(:disabled){border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.di-btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;box-shadow:0 4px 12px #4f46e54d}.di-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.di-btn:disabled{opacity:.5;cursor:not-allowed}.di-btn-large{padding:1rem 2rem;font-size:1rem}.di-resume-prompt{background:#fff;border-radius:20px;padding:2rem;max-width:500px;box-shadow:0 25px 50px #0000004d}.di-resume-prompt h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0 0 1rem}.di-resume-prompt p{color:#64748b;margin:0 0 1.5rem;line-height:1.6}.di-resume-actions{display:flex;gap:1rem}.di-annotator-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.di-annotator-modal{background:#fff;border-radius:20px;width:100%;max-width:1200px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.di-annotator-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.di-annotator-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.di-annotator-content{flex:1;overflow:auto;padding:2rem;background:#f9fafb;display:flex;flex-direction:column;align-items:center;gap:1rem}.di-annotator-canvas-wrapper{max-width:100%;max-height:calc(95vh - 250px);overflow:auto;border-radius:12px;box-shadow:0 8px 25px #00000026}.di-annotator-canvas{display:block;max-width:100%;cursor:crosshair;touch-action:none}.di-annotator-help{text-align:center;color:#6b7280;font-size:.875rem;margin:0}.di-annotator-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.di-annotator-actions-left,.di-annotator-actions-right{display:flex;gap:.75rem}.di-modal.di-modal-submitting{pointer-events:none}.di-spin{animation:di-spin .9s linear infinite}@keyframes di-spin{to{transform:rotate(360deg)}}.di-busy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a3d;border-radius:16px}.di-busy-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px #02061726}.di-busy-texts h3{margin:0;font-size:16px;font-weight:800;color:#0f172a}.di-busy-texts p{margin:2px 0 0;font-size:13px;font-weight:500;color:#475569}.di-success-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a40;border-radius:16px}.di-success-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px #02061726}.di-success-check{color:#10b981;display:flex;align-items:center;justify-content:center}.di-success-texts h3{margin:0;font-size:18px;font-weight:800;color:#0f172a}.di-success-texts p{margin:2px 0 0;font-size:14px;font-weight:600;color:#16a34a}.di-btn-loading{position:relative;display:inline-flex;align-items:center;gap:8px}.di-ocr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.di-ocr-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden}.di-ocr-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;background:#f8fafc}.di-ocr-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.di-ocr-content{flex:1;overflow:auto;padding:2rem;background:#000;display:flex;flex-direction:column;gap:1rem}.di-ocr-video-wrapper{position:relative;width:100%;aspect-ratio:4/3;border-radius:12px;overflow:hidden}.di-ocr-video{width:100%;height:100%;object-fit:cover}.di-ocr-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.di-ocr-guide-box{width:80%;height:30%;border:3px solid #10b981;border-radius:8px;box-shadow:0 0 0 9999px #00000080}.di-ocr-help{text-align:center;color:#fff;font-size:.875rem;margin:0;padding:1rem;background:#000000b3;border-radius:8px}.di-ocr-result{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #34d399;border-radius:12px;padding:1rem;text-align:center;color:#065f46}.di-ocr-result-text{font-size:1.5rem;font-weight:700;font-family:Courier New,monospace;letter-spacing:.1em}.di-error-message{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem;color:#991b1b;font-size:.875rem}.di-only-mobile{display:none}@media (max-width: 768px){.di-only-mobile{display:block}}.di-ocr-actions{display:flex;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc;justify-content:center}@media (max-width: 768px){.di-modal-overlay{padding:0;align-items:flex-end}.di-modal{max-height:calc(100vh - 1rem);border-radius:20px 20px 0 0;max-width:none}.di-modal-header,.di-modal-content,.di-modal-actions{padding:1.5rem 1rem}.di-header-content h2{font-size:1.5rem}.di-step-indicator{padding:1rem}.di-step-label{display:none}.di-step-divider{width:20px}.di-form-row,.di-radio-group{grid-template-columns:1fr}.di-image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.di-overview-grid{grid-template-columns:1fr}.di-modal-actions{flex-direction:column;gap:1rem}.di-actions-left,.di-actions-right{width:100%}.di-btn{width:100%;justify-content:center}.di-upload-actions{flex-direction:column}.di-upload-btn{width:100%;justify-content:center}.di-annotator-canvas-wrapper,.di-ocr-video-wrapper{max-height:50vh}.di-resume-actions{flex-direction:column}.di-resume-actions .di-btn{width:100%}}@media (max-width: 480px){.di-section-title{font-size:1.125rem}.di-info-grid{grid-template-columns:1fr}.di-image-grid{grid-template-columns:repeat(2,1fr)}.di-overview-image-grid{grid-template-columns:repeat(3,1fr)}}.qd-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.25rem}.qd-header-main{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.qd-header-title{flex:1 1 auto;min-width:220px}.qd-header-title h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:700;color:#111827;line-height:1.25;white-space:nowrap}.qd-title-sep{margin:0 .25rem;opacity:.75}.qd-status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;color:#111827;border:1px solid #d1d5db;border-radius:8px;padding:.35rem 2rem .35rem .5rem;font-size:.95rem;font-weight:600;line-height:1.2;cursor:pointer;position:relative}.qd-status-select-wrap{position:relative;display:inline-block}.qd-status-select-wrap:after{content:"";position:absolute;right:.6rem;top:50%;width:.5rem;height:.5rem;transform:translateY(-50%) rotate(45deg);border-right:1px solid #6b7280;border-bottom:1px solid #6b7280;pointer-events:none}.qd-header-actions{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto}.qd-action-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#3b82f6}.qd-action-btn-info:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.qd-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .8rem;border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s ease,transform .05s ease;white-space:nowrap}.qd-action-btn:hover:not(:disabled){background:#f3f4f6}.qd-action-btn:active:not(:disabled){transform:translateY(1px)}.qd-action-btn:disabled{opacity:.6;cursor:not-allowed}.qd-close-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;cursor:pointer;transition:background .15s ease,transform .05s ease}.qd-close-btn:hover{background:#f3f4f6}.qd-close-btn:active{transform:translateY(1px)}.qd-header-timestamp{margin-top:.5rem;font-size:.9rem;color:#4b5563}@media (max-width: 768px){.qd-header{padding:.6rem .75rem}.qd-header-main{flex-wrap:nowrap;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.qd-header-main::-webkit-scrollbar{display:none}.qd-header-title{flex:0 0 auto;min-width:max-content}.qd-header-title h2{font-size:1rem;gap:.4rem;white-space:nowrap}.qd-title-sep{margin:0 .2rem}.qd-status-select{font-size:.95rem;padding:.3rem 1.4rem .3rem .5rem;border-radius:6px}.qd-header-actions{flex:0 0 auto;gap:.4rem}.qd-action-btn span{display:none}.qd-action-btn{padding:.45rem .5rem;border-radius:6px}.qd-close-btn{width:36px;height:36px;border-radius:6px}.qd-header-timestamp{font-size:.85rem;margin-top:.4rem;white-space:nowrap}}.delm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:20000;padding:1rem}.delm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:420px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column}.delm-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;border-bottom:1px solid #e5e7eb}.delm-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#111827}.delm-close{width:36px;height:36px;border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;cursor:pointer}.delm-close:hover{background:#f3f4f6}.delm-body{padding:1rem;color:#111827;font-size:.975rem}.delm-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:.9rem 1rem 1rem;border-top:1px solid #e5e7eb}.delm-btn{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:8px;font-weight:600;padding:.55rem .9rem;cursor:pointer}.delm-btn:hover{background:#f3f4f6}.delm-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.delm-modal{border-radius:12px;max-width:95%}.delm-body{font-size:.95rem}}.qse-section{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;margin:2rem;transition:all .3s ease}.qse-section:hover:not(.qse-editing){border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}.qse-section:hover:not(.qse-editing) .qse-edit-btn{opacity:1;transform:translate(0)}.qse-editing{border-color:#6366f1;box-shadow:0 8px 24px #6366f126}.qse-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.qse-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:700;color:#0f172a}.qse-icon{font-size:1.5rem}.qse-header-actions{display:flex;align-items:center;gap:.5rem}.qse-owner-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;font-size:.875rem;cursor:pointer;transition:all .2s ease;position:relative;opacity:0;transform:translate(-10px)}.qse-owner-refresh-btn:hover:not(:disabled){border-color:#6366f1;color:#1d4ed8;background:#eef2ff}.qse-owner-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.qse-owner-refresh-spinner,.qse-owner-refresh-btn svg{width:18px;height:18px}.qse-owner-refresh-tooltip{position:absolute;bottom:110%;left:50%;transform:translate(-50%);padding:.25rem .5rem;background:#0f172a;color:#fff;font-size:.75rem;font-weight:600;border-radius:6px;opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .15s ease}.qse-owner-refresh-btn:hover .qse-owner-refresh-tooltip{opacity:1}.qse-section.qse-editing .qse-owner-refresh-tooltip{opacity:0}.qse-section:hover:not(.qse-editing) .qse-owner-refresh-btn{opacity:1;transform:translate(0)}.qse-edit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#6366f1;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:0;transform:translate(-10px)}.qse-edit-btn:hover{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#7c3aed0d);transform:translate(0) translateY(-2px);box-shadow:0 4px 12px #6366f133}.qse-content{padding:2rem}.qse-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.qse-data-item{display:flex;flex-direction:column;gap:.5rem}.qse-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.qse-value{font-size:.875rem;font-weight:600;color:#0f172a}.qse-form{padding:2rem;background:#f8fafc}.qse-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.qse-field{display:flex;flex-direction:column;gap:.5rem}.qse-field label{font-size:.875rem;font-weight:600;color:#475569}.qse-required{color:#ef4444;margin-left:.25rem}.qse-field input{padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;transition:all .2s ease}.qse-field input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.qse-display-value{padding:.75rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;color:#64748b}.qse-actions{display:flex;justify-content:flex-end;gap:1rem}.qse-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.qse-btn:disabled{opacity:.6;cursor:not-allowed}.qse-btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0}.qse-btn-cancel:hover:not(:disabled){border-color:#cbd5e1;transform:translateY(-1px)}.qse-btn-save{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.qse-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media (max-width: 768px){.qse-section{margin:1rem}.qse-header,.qse-content{padding:1rem}.qse-data-grid,.qse-fields{grid-template-columns:1fr}.qse-edit-btn{opacity:1;transform:translate(0)}.qse-form{padding:1rem}.qse-actions{flex-direction:column}.qse-btn{width:100%;justify-content:center}}.qds-damage-item .qds-wheel-breakdown .qds-wheel-line .qds-wheel-price,.qds-content .qds-damage-item .qds-wheel-breakdown .qds-wheel-line .qds-wheel-price,.qds-section .qds-content .qds-damage-item .qds-wheel-breakdown .qds-wheel-line .qds-wheel-price{color:#1e293b!important;background:transparent!important}.qds-wheel-breakdown *{color:inherit}.qds-wheel-price{color:#1e293b!important}.qds-section{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;margin:2rem;transition:all .3s ease}.qds-section:hover:not(.qds-editing){border-color:#cbd5e1;box-shadow:0 4px 16px #00000014}.qds-section:hover:not(.qds-editing) .qds-edit-btn{opacity:1;transform:translate(0)}.qds-editing{border-color:#6366f1;box-shadow:0 8px 24px #6366f126}.qds-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.qds-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:700;color:#0f172a}.qds-icon{font-size:1.5rem}.qds-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:12px;font-size:.875rem;font-weight:700}.qds-edit-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#6366f1;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;opacity:0;transform:translate(-10px)}.qds-edit-btn:hover{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#7c3aed0d);transform:translate(0) translateY(-2px);box-shadow:0 4px 12px #6366f133}.qds-content{padding:2rem}.qds-damages-grid{display:grid;gap:1rem}.qds-damage-item{padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .2s ease}.qds-damage-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.qds-damage-info{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.qds-service-name{font-size:.875rem;font-weight:600;color:#0f172a}.qds-service-price{font-size:.875rem;font-weight:700;color:#6366f1}.qds-wheel-breakdown{margin-top:12px!important;padding:12px!important;background:#00000005!important;border-radius:8px!important;border-left:3px solid #2563eb!important}.qds-wheel-line{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:8px 0!important;border-bottom:1px solid rgba(0,0,0,.05)!important;gap:12px!important}.qds-wheel-line:last-child{border-bottom:none!important;padding-bottom:0!important}.qds-wheel-line:first-child{padding-top:0!important}.qds-wheel-label{font-size:13px!important;font-weight:500!important;color:#475569!important;min-width:60px!important;flex-shrink:0!important}.qds-wheel-spacer{flex:1!important;height:1px!important;background:linear-gradient(to right,rgba(0,0,0,.08) 0%,rgba(0,0,0,.08) 50%,transparent 50%,transparent 100%)!important;background-size:8px 1px!important;margin:0!important;min-width:20px!important}.qds-wheel-price{font-size:14px!important;font-weight:600!important;color:#1e293b!important;text-align:right!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.02em!important;flex-shrink:0!important}.qds-view-images-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.qds-view-images-btn:hover{border-color:#6366f1;color:#6366f1;transform:translateY(-1px)}.qds-service-selector-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:4000;padding:1rem}.qds-service-selector-modal{background:#fff;border-radius:20px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0006}.qds-service-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #e2e8f0}.qds-service-selector-header h3{margin:0;font-size:1.5rem;font-weight:800;color:#0f172a}.qds-service-selector-header button{background:#94a3b81a;border:none;border-radius:10px;padding:.5rem;cursor:pointer;color:#64748b;transition:all .2s ease}.qds-service-selector-header button:hover{background:#ef44441a;color:#dc2626}.qds-service-search{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-bottom:2px solid #e2e8f0;background:#f8fafc}.qds-service-search input{flex:1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;transition:all .2s ease}.qds-service-search input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.qds-service-categories{flex:1;overflow-y:auto;padding:2rem}.qds-service-category{margin-bottom:2rem}.qds-service-category:last-child{margin-bottom:0}.qds-service-category h4{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.qds-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.qds-service-btn{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left}.qds-service-btn:hover{border-color:#6366f1;background:linear-gradient(135deg,#6366f10d,#7c3aed05);transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.qds-service-btn span:first-child{font-size:.875rem;font-weight:600;color:#0f172a}.qds-service-btn .price{font-size:.875rem;font-weight:700;color:#6366f1}.qds-wheel-config{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.qds-wheel-config h5{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:#0f172a}.qds-wheel-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.qds-wheel-qty{display:flex;gap:.5rem}.qds-wheel-btn{flex:1;padding:.75rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.qds-wheel-btn:hover{border-color:#cbd5e1}.qds-wheel-btn.selected{border-color:#6366f1;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.qds-wheel-item{margin-top:1rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.qds-wheel-item h6{margin:0 0 .75rem;font-size:.875rem;font-weight:700;color:#0f172a}.qds-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;cursor:pointer}.qds-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.qds-form-group{margin-bottom:1rem}.qds-form-group label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.qds-form-group input,.qds-form-group textarea,.qds-form-group select{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;font-family:inherit;transition:all .2s ease}.qds-form-group input:focus,.qds-form-group textarea:focus,.qds-form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.qds-form-group textarea{resize:vertical;min-height:60px}.qds-edit-mode{padding:2rem;background:#f8fafc}.qds-damages-list{display:grid;gap:1.5rem;margin-bottom:1.5rem}.qds-damage-card{background:#fff;border-radius:12px;border:2px solid #e2e8f0;padding:1.5rem}.qds-damage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.qds-damage-header h4{margin:0;font-size:1rem;font-weight:700;color:#0f172a}.qds-damage-actions{display:flex;align-items:center;gap:1rem}.qds-damage-price{font-size:.875rem;font-weight:700;color:#6366f1}.qds-delete-btn{display:inline-flex;align-items:center;padding:.5rem;background:#ef44441a;border:none;border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s ease}.qds-delete-btn:hover{background:#ef444433;transform:scale(1.1)}.qds-damage-description{margin:0 0 1rem;font-size:.875rem;color:#64748b;line-height:1.5}.qds-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem}.qds-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f1f5f9}.qds-image-item img{width:100%;height:100%;object-fit:cover}.qds-image-delete{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444e6;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease}.qds-image-delete:hover{background:#ef4444;transform:scale(1.1)}.qds-upload-area{margin-top:1rem}.qds-upload-input{display:none}.qds-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f11a,#7c3aed0d);border:2px dashed #6366f1;border-radius:10px;color:#6366f1;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.qds-upload-label:hover{background:linear-gradient(135deg,#6366f126,#7c3aed1a);transform:translateY(-1px)}.qds-add-damage-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.qds-add-damage-btn:hover{border-color:#6366f1;color:#6366f1;background:linear-gradient(135deg,#6366f10d,#7c3aed05)}.qds-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1.5rem;border-top:2px solid #e2e8f0}.qds-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.qds-btn:disabled{opacity:.6;cursor:not-allowed}.qds-btn-cancel{background:#fff;color:#64748b;border:2px solid #e2e8f0}.qds-btn-cancel:hover:not(:disabled){border-color:#cbd5e1;transform:translateY(-1px)}.qds-btn-save{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 12px #6366f14d}.qds-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}@media (max-width: 768px){.qds-section{margin:1rem}.qds-edit-btn{opacity:1;transform:translate(0)}.qds-edit-mode{padding:1rem}.qds-images-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.qds-actions{flex-direction:column}.qds-btn{width:100%;justify-content:center}.qds-service-grid,.qds-wheel-basics{grid-template-columns:1fr}.qds-wheel-label{font-size:12px!important;min-width:50px!important}.qds-wheel-price{font-size:13px!important;color:#1e293b!important}}@media (prefers-color-scheme: dark){.qds-wheel-breakdown{background:#ffffff08!important;border-left-color:#3b82f6!important}.qds-wheel-line{border-bottom-color:#ffffff14!important}.qds-wheel-label{color:#cbd5e1!important}.qds-wheel-spacer{background:linear-gradient(to right,rgba(255,255,255,.1) 0%,rgba(255,255,255,.1) 50%,transparent 50%,transparent 100%)!important}.qds-wheel-price{color:#f1f5f9!important}.qds-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:all .3s ease}.qds-section.qds-editing{box-shadow:0 4px 16px #0000001f}.qds-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.qds-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.qds-icon{font-size:1.25rem}.qds-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#3b82f6;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600}.qds-edit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#475569;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qds-edit-btn:hover{background:#f8fafc;border-color:#94a3b8;color:#1e293b}.qds-content,.qds-edit-mode{padding:1.5rem}.qds-damages-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.qds-damage-card{position:relative;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.qds-damage-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.qds-damage-card.qds-drop-target{border-color:#3b82f6;border-style:dashed;background:#eff6ff;box-shadow:0 0 0 4px #3b82f61a}.qds-damage-card.qds-drop-target:before{content:"Släpp bilden här";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border-radius:8px;font-weight:600;font-size:.875rem;pointer-events:none;z-index:10;box-shadow:0 4px 12px #3b82f64d}.qds-damage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f1f5f9}.qds-damage-header h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.qds-damage-actions{display:flex;align-items:center;gap:1rem}.qds-damage-price{font-size:1.25rem;font-weight:700;color:#10b981;white-space:nowrap}.qds-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fee2e2;border:none;border-radius:8px;color:#ef4444;cursor:pointer;transition:all .2s ease}.qds-delete-btn:hover{background:#fecaca;transform:scale(1.05)}.qds-form-group{margin-bottom:1rem}.qds-form-group label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.5rem}.qds-form-group input[type=text],.qds-form-group input[type=number],.qds-form-group textarea,.qds-form-group select{width:100%;padding:.75rem;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;font-size:.875rem;color:#1e293b;transition:all .2s ease}.qds-form-group input:focus,.qds-form-group textarea:focus,.qds-form-group select:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.qds-form-group textarea{resize:vertical;min-height:80px}.qds-extra-costs-section{margin:1.5rem 0;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.qds-extra-costs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.qds-extra-costs-header h5{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#475569;margin:0}.qds-btn-add-cost{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qds-btn-add-cost:hover{background:#10b981;border-color:#10b981;color:#fff}.qds-extra-costs-list{display:flex;flex-direction:column;gap:.75rem}.qds-extra-cost-item{display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:start;padding:.875rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.qds-extra-cost-item .qds-form-group{margin-bottom:0}.qds-price-input{position:relative;width:140px}.qds-price-input input{padding-right:35px}.qds-currency{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:500;color:#64748b;pointer-events:none}.qds-btn-remove-cost{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;transition:all .2s ease;margin-top:0}.qds-btn-remove-cost:hover{background:#fecaca;transform:scale(1.05)}.qds-extra-costs-display{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e2e8f0}.qds-extra-cost-line{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8125rem}.qds-cost-desc{color:#64748b;font-style:italic}.qds-cost-price{font-weight:600;color:#10b981}.qds-wheel-config{margin-top:1.5rem;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.qds-wheel-config h5{font-size:.9375rem;font-weight:600;color:#475569;margin:0 0 1rem}.qds-wheel-basics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.qds-wheel-qty{display:flex;gap:.5rem}.qds-wheel-btn{flex:1;padding:.75rem;background:#fff;border:2px solid #cbd5e1;border-radius:8px;font-size:1rem;font-weight:600;color:#475569;cursor:pointer;transition:all .2s ease}.qds-wheel-btn:hover{border-color:#94a3b8;background:#f8fafc}.qds-wheel-btn.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.qds-checkbox-label{display:flex;align-items:center;gap:.625rem;font-size:.875rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.qds-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.qds-wheel-item{margin-top:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px}.qds-wheel-item h6{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.qds-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem;margin:1rem 0}.qds-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f1f5f9;border:2px solid #e2e8f0;cursor:grab;transition:all .2s ease}.qds-image-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.qds-image-item:active{cursor:grabbing}.qds-drag-handle{position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffffe6;border-radius:4px;color:#64748b;opacity:0;transition:opacity .2s ease;z-index:2;cursor:grab}.qds-image-item:hover .qds-drag-handle{opacity:1}.qds-image-item.qds-dragging{opacity:.5;cursor:grabbing;border-color:#3b82f6;border-style:dashed}.qds-image-item img{width:100%;height:100%;object-fit:cover;pointer-events:none}.qds-image-delete{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ef4444f2;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:all .2s ease;z-index:2}.qds-image-item:hover .qds-image-delete{opacity:1}.qds-image-delete:hover{background:#dc2626;transform:scale(1.1)}.qds-upload-area{margin-top:1rem}.qds-upload-input{display:none}.qds-upload-label{display:flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.25rem;background:#fff;border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qds-upload-label:hover{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.qds-add-damage-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f64d}.qds-add-damage-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px)}.qds-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid #f1f5f9}.qds-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.qds-btn-cancel{background:#f1f5f9;color:#64748b}.qds-btn-cancel:hover{background:#e2e8f0;color:#475569}.qds-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.qds-btn-save:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.qds-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.qds-damages-grid{display:grid;gap:1rem}.qds-damage-item{padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s ease}.qds-damage-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.qds-damage-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.qds-service-name{font-size:.9375rem;font-weight:600;color:#1e293b}.qds-service-price{font-size:1.125rem;font-weight:700;color:#10b981}.qds-wheel-breakdown{margin-top:.625rem;padding-top:.625rem;border-top:1px dashed #e2e8f0}.qds-wheel-line{display:flex;align-items:center;padding:.375rem 0;font-size:.8125rem}.qds-wheel-label{font-weight:500;color:#64748b;min-width:60px}.qds-wheel-spacer{flex:1;height:1px;background:linear-gradient(to right,#e2e8f0 0%,transparent 100%);margin:0 .75rem}.qds-wheel-price{font-weight:600;color:#059669}.qds-view-images-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#3b82f6;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:.75rem}.qds-view-images-btn:hover{background:#dbeafe;border-color:#93c5fd;color:#2563eb}.qds-no-damages{padding:3rem 1.5rem;text-align:center}.qds-no-damages p{font-size:.9375rem;color:#94a3b8;margin:0}.qds-service-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.qds-service-selector-modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.qds-service-selector-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #f1f5f9}.qds-service-selector-header h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.qds-service-selector-header button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;transition:all .2s ease}.qds-service-selector-header button:hover{background:#e2e8f0;color:#475569}.qds-service-search{position:relative;padding:1.5rem;border-bottom:1px solid #f1f5f9}.qds-service-search svg{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.qds-service-search input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-size:.9375rem;color:#1e293b;transition:all .2s ease}.qds-service-search input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 4px #3b82f61a}.qds-service-categories{overflow-y:auto;padding:1.5rem;flex:1}.qds-service-category{margin-bottom:2rem}.qds-service-category:last-child{margin-bottom:0}.qds-service-category h4{font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem}.qds-service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.qds-service-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease}.qds-service-btn:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.qds-service-btn span:first-child{font-size:.8125rem;font-weight:600;color:#1e293b;line-height:1.4}.qds-service-btn .price{font-size:.875rem;font-weight:700;color:#10b981}@media (max-width: 768px){.qds-header,.qds-content,.qds-edit-mode,.qds-damage-card{padding:1rem}.qds-wheel-basics{grid-template-columns:1fr}.qds-images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.qds-extra-cost-item{grid-template-columns:1fr}.qds-price-input{width:100%}.qds-service-grid{grid-template-columns:1fr}}@media (max-width: 480px){.qds-damage-header{flex-direction:column;align-items:flex-start;gap:.75rem}.qds-damage-actions{width:100%;justify-content:space-between}.qds-actions{flex-direction:column}}.qds-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.qds-image-item{position:relative;border-radius:8px;overflow:hidden;background:#f3f4f6}.qds-image-item img{width:100%;height:100%;object-fit:cover;display:block}.qds-drag-handle{position:absolute;left:6px;top:6px;padding:2px 4px;background:#0006;color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;z-index:2}.qds-image-actions{position:absolute;z-index:2;display:flex}.qds-image-actions--bottom-left{left:6px;bottom:6px;gap:6px}.qds-image-actions--top-right{right:6px;top:6px}.qds-image-annotate,.qds-image-delete{width:30px;height:30px;border:none;border-radius:8px;background:#0009;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.qds-image-annotate:hover,.qds-image-delete:hover{background:#000000bf}.qds-drop-target{outline:2px dashed #3b82f6;outline-offset:4px}.qds-discount-section{margin-top:1rem;padding:1rem;background:#f0fdf4;border:2px solid #86efac;border-radius:8px}.qds-discount-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.qds-discount-header h5{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:600;color:#16a34a}.qds-discount-display{margin-top:.75rem;padding:.75rem;background:#f0fdf4;border-radius:6px;border:1px solid #86efac}.qds-discount-line{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.qds-discount-desc{display:flex;align-items:center;font-size:.875rem;font-weight:600;color:#16a34a}.qds-discount-price{font-size:.875rem;font-weight:700;color:#16a34a}.qds-discount-comment{display:block;margin-top:.5rem;font-size:.75rem;color:#15803d;font-style:italic}.qds-damage-images-preview{margin-top:1rem}.qds-images-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem;margin-bottom:.75rem}.qds-thumbnail-item{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f3f4f6;transition:all .2s ease;border:2px solid transparent}.qds-thumbnail-item:hover{border-color:#6366f1;transform:scale(1.05);box-shadow:0 4px 12px #6366f133;z-index:1}.qds-thumbnail-item img{width:100%;height:100%;object-fit:cover;display:block}.qds-view-images-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#6366f1;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.qds-view-images-btn:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 8px #6366f133}}.qd-gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.qd-gallery-modal{width:100%;max-width:1400px;height:90vh;background:#0f172a;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000080}.qd-gallery-source{margin-top:4px;display:flex;align-items:center;gap:8px}.qd-source-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qd-source-cloudinary{background:linear-gradient(135deg,#3448c5,#5865f2);color:#fff}.qd-source-firebase{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.qd-thumbnail-source{position:absolute;top:4px;left:4px;width:18px;height:18px;background:#3448c5e6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #0003}.qd-gallery-info{padding:12px 24px;background:var(--bg-secondary, #f8f9fa);border-top:1px solid var(--border-color, #e5e7eb)}.qd-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.qd-info-text{color:var(--text-secondary, #6b7280);font-size:12px}@media (max-width: 768px){.qd-source-badge{font-size:10px;padding:2px 6px}.qd-thumbnail-source{width:16px;height:16px;font-size:9px}}.qd-gallery-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:2px solid #334155}.qd-gallery-header-info{display:flex;align-items:center;gap:1rem;color:#fff}.qd-gallery-header-info svg{color:#6366f1}.qd-gallery-header-info h3{margin:0;font-size:1.125rem;font-weight:700}.qd-gallery-counter{margin:.25rem 0 0;font-size:.875rem;color:#94a3b8}.qd-gallery-header-actions{display:flex;align-items:center;gap:.75rem}.qd-annotation-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:12px;font-size:.875rem;font-weight:600}.qd-gallery-zoom-btn,.qd-gallery-close-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:12px;background:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease}.qd-gallery-zoom-btn:hover{background:#6366f14d;transform:scale(1.1)}.qd-gallery-close-btn:hover{background:#ef44444d;transform:scale(1.1)}.qd-gallery-content{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:2rem;overflow:hidden}.qd-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border:none;border-radius:50%;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:all .2s ease;z-index:10}.qd-gallery-nav:hover{background:#6366f14d;transform:translateY(-50%) scale(1.1)}.qd-gallery-nav-prev{left:2rem}.qd-gallery-nav-next{right:2rem}.qd-gallery-image-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;transition:transform .3s ease}.qd-gallery-image-container.qd-zoomed{transform:scale(1.5);cursor:zoom-out}.qd-gallery-image{width:100%;height:100%;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;transition:opacity .25s ease;image-rendering:auto}.qd-img-hidden{opacity:0}.qd-img-visible{opacity:1}.qd-gallery-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;color:#e2e8f0;font-weight:600;border-radius:12px}.qd-spinner{width:36px;height:36px;border:3px solid rgba(99,102,241,.25);border-top-color:#6366f1;border-radius:50%;animation:qd-spin .9s linear infinite}.qd-image-overlay-badge{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#6366f1e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:12px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #0000004d;z-index:3}.qd-gallery-thumbnails{padding:1rem 2rem 1.5rem;background:#1e293b;border-top:2px solid #334155}.qd-gallery-thumbnails-track{display:flex;gap:.75rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:#475569 #1e293b}.qd-gallery-thumbnails-track::-webkit-scrollbar{height:6px}.qd-gallery-thumbnails-track::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}.qd-gallery-thumbnails-track::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.qd-gallery-thumbnail{position:relative;flex-shrink:0;width:100px;height:100px;border:3px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;background:#0f172a}.qd-gallery-thumbnail:hover{border-color:#6366f1;transform:translateY(-4px)}.qd-gallery-thumbnail.qd-active{border-color:#6366f1;box-shadow:0 0 0 2px #6366f1}.qd-gallery-thumbnail img{width:100%;height:100%;object-fit:cover}.qd-thumbnail-badge{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#6366f1;border-radius:50%;color:#fff;box-shadow:0 2px 8px #0000004d}.qd-zoom-controls{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--bg-secondary, #f3f4f6);border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.qd-zoom-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text-primary, #1f2937)}.qd-zoom-btn:hover:not(:disabled){background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.qd-zoom-btn:disabled{opacity:.4;cursor:not-allowed}.qd-zoom-level{min-width:50px;text-align:center;font-weight:600;font-size:13px;color:var(--text-secondary, #6b7280)}.qd-gallery-image-container.qd-zoomed{overflow:hidden;cursor:grab}.qd-gallery-image-container.qd-dragging{cursor:grabbing}.qd-gallery-image{transition:opacity .3s ease;-webkit-user-select:none;user-select:none;will-change:transform}.qd-zoom-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);padding:8px 16px;background:#000000bf;color:#fff;border-radius:8px;font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;animation:fadeIn .3s ease;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.qd-gallery-content .qd-gallery-nav{transition:opacity .2s}@media (max-width: 768px){.qd-zoom-controls{padding:2px 8px;gap:4px}.qd-zoom-btn{width:28px;height:28px}.qd-zoom-level{min-width:45px;font-size:12px}.qd-zoom-hint{font-size:11px;padding:6px 12px;bottom:70px}}.qd-thumbnail-label{position:absolute;bottom:4px;left:4px;right:4px;padding:.25rem .5rem;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:.625rem;font-weight:600;text-align:center;border-radius:6px}.qd-gallery-info{padding:1rem 2rem;background:#1e293b;border-top:1px solid #334155;display:flex;justify-content:center}.qd-info-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;color:#fff;border-radius:12px;font-size:.875rem;font-weight:600}@media (max-width: 768px){.qd-gallery-modal{height:100vh;border-radius:0}.qd-gallery-header{padding:1rem}.qd-gallery-header-info h3{font-size:1rem}.qd-gallery-content{padding:1rem}.qd-gallery-nav{width:48px;height:48px}.qd-gallery-nav-prev{left:.5rem}.qd-gallery-nav-next{right:.5rem}.qd-gallery-thumbnails{padding:.75rem 1rem 1rem}.qd-gallery-thumbnail{width:80px;height:80px}.qd-annotation-badge{font-size:.75rem;padding:.375rem .75rem}.qd-image-overlay-badge{font-size:.75rem;padding:.5rem .75rem}}.qd-comments-section{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;margin:2rem}.qd-comments-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.qd-comments-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.qd-comments-header svg{color:#6366f1}.qd-comments-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 .5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:12px;font-size:.875rem;font-weight:700}.qd-comments-timeline{padding:2rem;max-height:600px;overflow-y:auto}.qd-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#94a3b8}.qd-comments-empty svg{margin-bottom:1rem;color:#cbd5e1}.qd-comments-empty p{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#64748b}.qd-comments-empty small{font-size:.875rem}.qd-comment-item{display:flex;gap:1rem;padding:1.5rem;background:#f8fafc;border-radius:12px;margin-bottom:1rem;transition:all .2s ease}.qd-comment-item:last-child{margin-bottom:0}.qd-comment-item.qd-private{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b}.qd-comment-item.status_change{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left:4px solid #10b981}.qd-comment-item.quote_updated{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left:4px solid #3b82f6}.qd-comment-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:12px;color:#6366f1;flex-shrink:0;box-shadow:0 2px 8px #0000000d}.qd-comment-content{flex:1;min-width:0}.qd-comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;gap:1rem}.qd-comment-author{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.qd-author-name{font-weight:700;color:#0f172a;font-size:.875rem}.qd-private-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#f59e0b33;color:#92400e;border-radius:6px;font-size:.75rem;font-weight:600}.qd-edited-badge{font-size:.75rem;color:#64748b;font-style:italic}.qd-comment-actions{display:flex;align-items:center;gap:.75rem}.qd-comment-time{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;color:#64748b}.qd-comment-modify{display:flex;gap:.5rem}.qd-comment-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .625rem;border:none;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.qd-btn-edit{background:#6366f11a;color:#6366f1}.qd-btn-edit:hover{background:#6366f133;transform:translateY(-1px)}.qd-btn-delete{background:#ef44441a;color:#ef4444}.qd-btn-delete:hover{background:#ef444433;transform:translateY(-1px)}.qd-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.qd-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.qd-btn-save:disabled{opacity:.6;cursor:not-allowed}.qd-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.qd-btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.qd-comment-message{margin:0;font-size:.875rem;line-height:1.6;color:#475569;word-wrap:break-word}.qd-comment-edit-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s ease}.qd-comment-edit-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.qd-add-comment-section{padding:1.5rem 2rem;background:#f8fafc;border-top:2px solid #e2e8f0}.qd-comment-type-selector{display:flex;gap:.5rem;margin-bottom:1rem}.qd-type-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#64748b;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.qd-type-btn:hover{border-color:#cbd5e1;background:#f8fafc}.qd-type-btn.qd-active{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#7c3aed0d);color:#6366f1}.qd-comment-input-wrapper{display:flex;gap:1rem;align-items:flex-end}.qd-comment-input{flex:1;padding:.875rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;font-family:inherit;resize:vertical;transition:all .2s ease}.qd-comment-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.qd-send-comment-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.qd-send-comment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.qd-send-comment-btn:disabled{opacity:.6;cursor:not-allowed}.qd-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:qd-spin .8s linear infinite}@keyframes qd-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.qd-comments-section{margin:1rem}.qd-comments-header{padding:1rem}.qd-comments-header h3{font-size:1rem}.qd-comments-timeline{padding:1rem;max-height:400px}.qd-comment-item{padding:1rem}.qd-comment-icon{width:36px;height:36px}.qd-comment-header{flex-direction:column;align-items:flex-start}.qd-add-comment-section{padding:1rem}.qd-comment-input-wrapper{flex-direction:column;align-items:stretch}.qd-send-comment-btn{justify-content:center}.qd-type-btn span{display:none}}.qd-price-summary{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;margin:2rem;box-shadow:0 4px 12px #0000000d}.qd-price-header{display:flex;align-items:center;gap:.75rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.qd-price-header svg{color:#10b981}.qd-price-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.qd-price-content{padding:2rem}.qd-extra-costs-list{margin-bottom:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.qd-price-section-title{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.qd-extra-cost{padding:.75rem;background:#fff;border-radius:8px;margin-bottom:.5rem}.qd-extra-cost:last-child{margin-bottom:0}.qd-cost-description{font-size:.875rem;color:#475569}.qd-cost-amount{font-weight:600;color:#0f172a}.qd-price-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;font-size:.875rem}.qd-price-label{display:flex;align-items:center;gap:.5rem;color:#64748b;font-weight:500}.qd-price-label svg{flex-shrink:0}.qd-price-value{font-weight:700;color:#0f172a;font-size:1rem}.qd-subtotal{padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin-bottom:.5rem}.qd-subtotal .qd-price-label{color:#0369a1;font-weight:600;font-size:.71rem}.qd-subtotal .qd-price-value{color:#0369a1;font-size:1.125rem}.qd-discount{padding:1rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px;margin-bottom:.5rem}.qd-discount .qd-price-label{color:#92400e;font-weight:600}.qd-discount .qd-price-value{color:#dc2626;font-size:1.125rem}.qd-price-value.qd-negative{color:#dc2626}.qd-price-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:1rem 0}.qd-price-divider.qd-thick{height:2px;background:linear-gradient(90deg,transparent,#cbd5e1,transparent);margin:1.5rem 0}.qd-total-before-vat{font-weight:600}.qd-total-before-vat .qd-price-value{font-size:1.125rem}.qd-vat{color:#64748b}.qd-grand-total{padding:1.5rem;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:16px;margin-top:.5rem}.qd-grand-total .qd-price-label{color:#065f46}.qd-grand-label{font-size:.725rem;font-weight:800;letter-spacing:.5px}.qd-grand-value{font-size:1rem!important;font-weight:900!important;color:#10b981!important}.qd-price-note{text-align:center;margin-top:1rem;color:#64748b;font-style:italic}.qd-price-footer{padding:1.5rem 2rem;background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;justify-content:center}.qd-price-badge{display:inline-flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;font-weight:600;color:#475569}.qd-badge-icon{font-size:1.25rem}@media (max-width: 768px){.qd-price-summary{margin:1rem}.qd-price-header{padding:1rem}.qd-price-header h3{font-size:1rem}.qd-price-content{padding:1rem}.qd-extra-costs-list{padding:.75rem}.qd-price-row{padding:.75rem 0}.qd-price-label{font-size:.75rem}.qd-price-value{font-size:.875rem}.qd-grand-value{font-size:1.5rem!important}.qd-grand-label{font-size:1rem}.qd-price-footer{padding:1rem}.qd-price-badge{padding:.75rem 1rem;font-size:.75rem}}.invoice-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:3000;padding:1rem;overflow-y:auto}.invoice-preview-modal{background:#fff;border-radius:24px;width:100%;max-width:1600px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px #0006}.invoice-preview-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.invoice-preview-header h2{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .5rem}.invoice-preview-header p{color:#64748b;margin:0;font-size:.875rem}.invoice-close-btn{background:#94a3b81a;border:none;border-radius:12px;padding:.75rem;cursor:pointer;color:#64748b;transition:all .2s ease}.invoice-close-btn:hover:not(:disabled){background:#ef44441a;color:#dc2626;transform:scale(1.1)}.email-subject-line{padding:1rem 2rem;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:.875rem;color:#64748b}.invoice-preview-content{display:grid;grid-template-columns:350px 1fr;gap:0;flex:1;overflow:hidden}.invoice-settings{background:#f8fafc;padding:2rem;overflow-y:auto;border-right:2px solid #e2e8f0}.invoice-setting-section{margin-bottom:2rem}.invoice-setting-section h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0 0 1.5rem}.invoice-setting-section h4{font-size:.875rem;font-weight:700;color:#64748b;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.invoice-setting-group{margin-bottom:1.5rem}.invoice-setting-label{display:block;font-size:.875rem;font-weight:600;color:#475569;margin-bottom:.75rem}.invoice-logo-options{display:flex;flex-direction:column;gap:.75rem}.invoice-logo-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.invoice-logo-option:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.invoice-logo-option.active{border-color:#6366f1;background:linear-gradient(135deg,#6366f11a,#7c3aed0d);box-shadow:0 4px 16px #6366f133}.logo-preview{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e2e8f0;overflow:hidden;flex-shrink:0}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain;padding:4px}.invoice-logo-option span{font-size:.875rem;font-weight:600;color:#1e293b;flex:1}.invoice-edit-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #6366f14d}.invoice-edit-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.invoice-edit-fields{margin-top:1.5rem}.invoice-field{margin-bottom:1rem}.invoice-field label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.invoice-field input,.invoice-field textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.875rem;transition:all .2s ease;font-family:inherit}.invoice-field input:focus,.invoice-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.invoice-field textarea{resize:vertical;min-height:80px}.invoice-checkbox-group{display:flex;flex-direction:column;gap:.75rem}.invoice-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.invoice-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.custom-section-editor{background:#f8fafc;padding:1rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e2e8f0}.add-section-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.add-section-btn:hover{background:#4338ca;transform:translateY(-1px)}.remove-section-btn{padding:.375rem;background:#fee2e2;color:#dc2626;border:none;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-section-btn:hover{background:#fecaca}.recipient-info{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:8px}.recipient-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#475569}.recipient-row svg{color:#6366f1;flex-shrink:0}.recipient-name{font-weight:600;color:#0f172a}.invoice-preview-paper{padding:2rem;background:#f1f5f9;overflow-y:auto}.invoice-paper{background:#fff;max-width:800px;margin:0 auto;padding:3rem;box-shadow:0 10px 40px #00000026;border-radius:12px;font-size:.875rem;line-height:1.6}.invoice-paper-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:2rem;border-bottom:3px solid #e2e8f0}.invoice-logo-display{width:180px;height:60px;display:flex;align-items:center}.invoice-logo-display img{max-width:100%;max-height:100%;object-fit:contain}.invoice-logo-placeholder{width:100%;height:100%;background:#f1f5f9;border:2px dashed #cbd5e1;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-weight:600}.invoice-company-info{text-align:right}.invoice-company-info h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:800;color:#0f172a}.invoice-company-info p{margin:.25rem 0;font-size:.875rem;color:#64748b}.invoice-title-section{margin-bottom:3rem}.invoice-title-section h1{margin:0 0 1.5rem;font-size:3rem;font-weight:900;color:#6366f1;letter-spacing:-1px}.invoice-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.invoice-detail{display:flex;flex-direction:column;gap:.25rem}.invoice-detail .label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.invoice-detail .value{font-size:.875rem;font-weight:600;color:#0f172a}.invoice-customer-section{margin-bottom:3rem}.invoice-customer-section h4{margin:0 0 1rem;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.invoice-customer-box{background:#f8fafc;padding:1.5rem;border-radius:12px;border:2px solid #e2e8f0}.invoice-customer-box p{margin:.25rem 0;font-size:.875rem;color:#475569}.invoice-customer-box .customer-name{font-size:1rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.invoice-services-section{margin-bottom:2rem}.invoice-table{width:100%;border-collapse:collapse}.invoice-table thead{background:#6366f1;color:#fff}.invoice-table th{padding:.875rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.invoice-table tbody tr{border-bottom:1px solid #e2e8f0}.invoice-table tbody tr:last-child{border-bottom:2px solid #e2e8f0}.invoice-table td{padding:1rem .875rem;font-size:.875rem;color:#475569}.service-description{display:flex;flex-direction:column;gap:.25rem}.service-description strong{color:#0f172a;font-weight:600}.service-description small{color:#64748b;font-size:.75rem}.invoice-summary-section{margin-bottom:2rem;display:flex;justify-content:flex-end}.invoice-summary-grid{width:300px}.summary-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e2e8f0;font-size:.875rem;color:#475569}.summary-row.discount{color:#ef4444}.summary-row.total{margin-top:.5rem;padding-top:1rem;border-top:3px solid #6366f1;border-bottom:none;font-size:1.25rem;font-weight:800;color:#6366f1}.invoice-payment-section{margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:2px solid #e2e8f0}.invoice-payment-section h4{margin:0 0 1rem;font-size:.875rem;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.5px}.payment-info-grid{display:grid;gap:.75rem}.payment-info-item{display:flex;justify-content:space-between;align-items:center}.payment-info-item .label{font-size:.875rem;color:#64748b;font-weight:600}.payment-info-item .value{font-size:.875rem;color:#0f172a;font-weight:700;font-family:monospace}.invoice-message-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;border-left:4px solid #6366f1}.invoice-message-section p{margin:0;font-size:.875rem;color:#1e40af;font-style:italic;line-height:1.6}.invoice-footer{text-align:center;padding-top:2rem;border-top:2px solid #e2e8f0}.invoice-footer p{margin:.25rem 0;font-size:.75rem;color:#94a3b8}.professional-offer-container{background:#fff;padding:3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a;line-height:1.6;position:relative;max-width:800px;margin:0 auto;box-shadow:0 10px 40px #00000026}.pro-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:3px solid #1a1a1a}.pro-header-left{display:flex;align-items:center;gap:1rem}.pro-logo-top{height:50px;width:auto;object-fit:contain}.pro-header-right{text-align:right}.pro-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:2px solid #000}.pro-title-block .pro-title{font-size:28px;font-weight:700;letter-spacing:-.5px}.pro-logo img{height:50px;width:auto}.pro-company-info{text-align:right;font-size:11px;color:#666;line-height:1.8;display:flex;flex-direction:column}.pro-company-info strong{font-size:13px;color:#1a1a1a;margin-bottom:4px;font-weight:600}.pro-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.5px}.pro-subtitle{font-size:14px;color:#666;margin-top:4px}.pro-greeting{font-size:14px;color:#1a1a1a;margin-bottom:1.5rem;font-weight:500}.pro-intro{font-size:13px;color:#4a4a4a;margin-bottom:2rem;line-height:1.8}.pro-section{margin-bottom:2rem}.pro-section-title{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:1rem;border-bottom:1px solid #e0e0e0;padding-bottom:.25rem}.pro-info-grid{display:grid;grid-template-columns:120px 1fr;gap:.75rem;font-size:13px}.pro-label{font-weight:500;color:#666}.pro-value{color:#1a1a1a}.pro-damage-table{width:100%;font-size:13px}.pro-damage-head,.pro-damage-row{display:grid;grid-template-columns:40px 1fr 1fr 120px;gap:8px;padding:6px 0}.pro-damage-head{border-bottom:1px solid #e0e0e0;font-weight:600;color:#555}.pro-damage-row+.pro-damage-row{border-top:1px solid #f0f0f0}.pro-price-box{background:#f8f8f8;border:2px solid #1a1a1a;padding:2rem;margin:2rem 0;text-align:center}.pro-price-label{font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:.75rem}.pro-price-value{font-size:36px;font-weight:700;color:#1a1a1a;letter-spacing:-1px;margin-bottom:.5rem}.pro-price-note{font-size:12px;color:#666}.pro-custom-section{margin:1.5rem 0;padding:1.5rem;background:#fafafa;border-left:3px solid #1a1a1a}.pro-custom-section h3{font-size:13px;font-weight:600;margin-bottom:.75rem;color:#1a1a1a}.pro-custom-section p{font-size:12px;color:#4a4a4a;line-height:1.7}.pro-closing{font-size:13px;color:#4a4a4a;margin:2rem 0}.pro-terms{margin-top:2.5rem;padding:1.5rem;background:#f8f8f8;border:1px solid #e0e0e0;font-size:11px;color:#666;line-height:1.8;margin-bottom:3rem}.pro-terms strong{display:block;margin-bottom:.75rem;color:#1a1a1a;font-size:12px}.pro-terms p{margin:0}.pro-footer-new{display:flex;justify-content:space-between;align-items:flex-end;padding-top:2rem;margin-top:3rem;border-top:1px solid #e0e0e0}.pro-company-info-bottom{text-align:left;font-size:11px;color:#666;line-height:1.8}.pro-company-info-bottom strong{display:block;font-size:12px;color:#1a1a1a;margin-bottom:4px;font-weight:600}.pro-company-info-bottom span{display:block}.pro-footer-copyright{font-size:11px;color:#999}.pro-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;text-align:center;font-size:11px;color:#999}.pro-logo-bottom-left{position:absolute;left:24px;bottom:24px}.pro-logo-bottom-left img{height:32px;width:auto}.offer-price-card{background:linear-gradient(135deg,#10b9810d,#3b82f60d);border:2px solid #e2e8f0;border-radius:20px;padding:2.5rem;text-align:center;margin:2rem 0}.offer-price-card .price-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.75rem}.offer-price-card .price-value{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.offer-info-grid{display:grid;gap:0;margin:2rem 0;border:2px solid #e2e8f0;border-radius:12px;overflow:hidden}.offer-info-row{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0;background:#fff}.offer-info-row:last-child{border-bottom:none}.offer-info-row .label{font-weight:600;color:#64748b;font-size:.875rem}.offer-info-row .value{font-weight:600;color:#0f172a;text-align:right;font-size:.875rem}.offer-cta-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center;margin:2rem 0}.offer-cta-btn{padding:1.25rem 3rem;border-radius:14px;font-weight:700;font-size:.875rem;min-width:320px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:all .2s ease}.offer-cta-btn.primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.offer-cta-btn.secondary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.offer-partner-card{background:#f8fafc;border-radius:16px;padding:1.5rem;margin:2rem 0;border:2px solid #e2e8f0}.offer-partner-card .partner-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#64748b;margin-bottom:.75rem}.offer-partner-card .partner-name{font-size:1.125rem;font-weight:700;color:#0f172a;margin-bottom:1rem}.offer-partner-card .partner-detail{font-size:.875rem;color:#64748b;margin:.5rem 0}.offer-support-card{background:#fafafa;border-radius:12px;padding:1.5rem;text-align:center;margin:2rem 0}.offer-support-card .support-title{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:1rem}.offer-support-card .support-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;font-size:.875rem;color:#3b82f6;font-weight:500}.offer-preview-container{background:#f8fafc;min-height:600px;padding:1.5rem;border-radius:12px}.offer-preview-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1rem 0;margin:-1.5rem -1.5rem 1.5rem;border-radius:12px 12px 0 0}.offer-header-content{padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.offer-logo{height:40px;width:auto}.offer-header-status{display:flex;align-items:center}.offer-status-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:500;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}.offer-welcome{text-align:center;padding:2rem 1rem}.offer-welcome h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;background:linear-gradient(135deg,#4f46e5,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.offer-welcome p{font-size:1rem;color:#6b7280;text-align:left;max-width:100%}.offer-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;padding:2rem;margin-bottom:1.5rem}.offer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #f1f5f9}.offer-card-header h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.offer-id{font-size:.875rem;color:#9ca3af;font-weight:500;background:#f8fafc;padding:.25rem .75rem;border-radius:15px}.offer-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.offer-detail-row{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#f8fafc;border-radius:12px}.offer-detail-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.offer-detail-value{font-size:1rem;color:#1f2937;font-weight:600;margin-left:1.5rem}.offer-price-section{text-align:center;padding:2rem;background:linear-gradient(135deg,#4f46e51a,#8b5cf60d);border:2px solid rgba(79,70,229,.1);border-radius:16px;margin:1.5rem 0 0}.offer-price-label{font-size:1rem;color:#4f46e5;margin-bottom:.5rem;font-weight:500}.offer-price-value{font-size:2.5rem;font-weight:800;color:#4f46e5;margin-bottom:.5rem;line-height:1}.offer-price-note{font-size:.875rem;color:#6b7280;margin:0}.partner-info{display:flex;flex-direction:column;gap:.75rem}.partner-name{font-size:1.125rem;font-weight:600;color:#1f2937}.partner-contact{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;padding:.5rem;background:#f8fafc;border-radius:8px}.partner-contact svg{color:#4f46e5;flex-shrink:0}.offer-footer{background:#f1f5f9;border-top:1px solid #e2e8f0;padding:1.5rem;margin:1.5rem -1.5rem -1.5rem;border-radius:0 0 12px 12px}.offer-footer-contact h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.contact-details{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.contact-item svg{color:#4f46e5;flex-shrink:0}.offer-footer-note{text-align:center;padding-top:1rem;margin-top:1rem;border-top:1px solid #e2e8f0}.offer-footer-note p{font-size:.75rem;color:#9ca3af;margin:0}.text-center{text-align:center}.text-right{text-align:right}.invoice-preview-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:2px solid #e2e8f0;background:#fafafa}.invoice-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:14px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.invoice-btn:disabled{opacity:.6;cursor:not-allowed}.invoice-btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0}.invoice-btn-secondary:hover:not(:disabled){border-color:#cbd5e1;color:#475569;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.invoice-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 16px #10b9814d}.invoice-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 28px #10b98166}.success-message{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;background:linear-gradient(135deg,#10b9811a,#0596690d);border-radius:14px;color:#059669;font-weight:600;width:100%;justify-content:center}.success-message svg{flex-shrink:0}@media (max-width: 1200px){.invoice-preview-content{grid-template-columns:320px 1fr}.invoice-settings{padding:1.5rem}.professional-offer-container{padding:2.5rem}}@media (max-width: 968px){.invoice-preview-content{grid-template-columns:1fr}.invoice-settings{max-height:40vh;border-right:none;border-bottom:2px solid #e2e8f0}.invoice-preview-paper{padding:1.5rem}.professional-offer-container{padding:2rem}.pro-header-new{flex-direction:column;gap:1rem}.pro-header-right{text-align:left}.pro-footer-new{flex-direction:column;align-items:flex-start;gap:1rem}.pro-logo-bottom-left{position:relative;bottom:auto;left:auto;margin-top:2rem}.offer-preview-container{padding:1rem}.offer-welcome h1{font-size:1.5rem}.offer-card{padding:1.25rem}.offer-price-value{font-size:2rem}}@media (max-width: 768px){.invoice-preview-modal{max-height:100vh;border-radius:0}.invoice-preview-header{padding:1.5rem}.invoice-preview-header h2{font-size:1.25rem}.invoice-preview-content{padding:0}.invoice-settings{padding:1.5rem}.invoice-preview-paper{padding:1rem}.invoice-paper{padding:2rem 1.5rem}.invoice-paper-header{flex-direction:column;gap:1.5rem}.invoice-company-info{text-align:left}.invoice-title-section h1{font-size:2rem}.invoice-details-grid{grid-template-columns:1fr}.invoice-preview-actions{flex-direction:column;padding:1rem}.invoice-btn{width:100%;justify-content:center}.professional-offer-container{padding:1.5rem}.pro-header{flex-direction:column;gap:1rem}.pro-company-info{text-align:left}.pro-title{font-size:24px}.pro-price-value{font-size:28px}.pro-info-grid{grid-template-columns:100px 1fr;gap:.5rem}.pro-header-new{flex-direction:column;align-items:flex-start;gap:1rem}.pro-header-left{flex-direction:column;align-items:flex-start;gap:.75rem}.pro-logo-top{height:40px}.pro-title{font-size:1.75rem}.pro-header-right{text-align:left}.offer-price-card .price-value{font-size:2.5rem}.offer-cta-btn{width:100%;min-width:unset}.offer-info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.offer-info-row .value{text-align:left}}@media (max-width: 480px){.invoice-preview-overlay{padding:0}.invoice-preview-modal{border-radius:0;max-height:100vh}.invoice-preview-header{padding:1rem}.invoice-preview-header h2{font-size:1.125rem}.professional-offer-container{padding:1rem}.pro-title{font-size:1.5rem}.pro-price-value{font-size:1.75rem}.pro-damage-head,.pro-damage-row{grid-template-columns:30px 1fr 100px;gap:6px;font-size:.75rem}.pro-damage-head span:nth-child(2),.pro-damage-row span:nth-child(2){grid-column:2}.pro-damage-head span:nth-child(3),.pro-damage-row span:nth-child(3){display:none}}@media print{.invoice-preview-overlay,.invoice-preview-header,.invoice-settings,.invoice-preview-actions{display:none!important}.invoice-preview-modal{max-height:none;box-shadow:none}.invoice-preview-paper{padding:0;background:#fff}.professional-offer-container{box-shadow:none;padding:0}.pro-footer-new{margin-top:4rem;page-break-inside:avoid}}.besiktnings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.besiktnings-modal{background:#fff;border-radius:16px;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.besiktnings-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 32px;border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#fff,#f9fafb)}.besiktnings-header h2{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0 0 4px;display:flex;align-items:center;gap:12px}.besiktnings-header p{font-size:.875rem;color:#6b7280;margin:0}.besiktnings-close-btn{background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280}.besiktnings-close-btn:hover{background:#e5e7eb;color:#1a1a1a}.besiktnings-content{display:grid;grid-template-columns:320px 1fr;gap:24px;padding:24px 32px;overflow-y:auto;flex:1}.besiktnings-settings{display:flex;flex-direction:column;gap:24px}.besiktnings-setting-section{background:#f9fafb;border-radius:12px;padding:20px}.besiktnings-setting-section h3{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 16px}.besiktnings-setting-section h4{font-size:.875rem;font-weight:600;color:#4b5563;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.besiktnings-setting-group{margin-bottom:16px}.besiktnings-setting-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.besiktnings-logo-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.besiktnings-logo-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.besiktnings-logo-option:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.besiktnings-logo-option.active{border-color:#3b82f6;background:#eff6ff}.besiktnings-logo-option .logo-preview{width:100%;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;padding:8px}.besiktnings-logo-option .logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.besiktnings-logo-option span{font-size:.75rem;font-weight:500;color:#6b7280;text-align:center}.besiktnings-logo-option.active span{color:#3b82f6;font-weight:600}.besiktnings-recipient-info{background:#fff;border-radius:8px;padding:12px;border:1px solid #e5e7eb}.besiktnings-recipient-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.875rem;color:#4b5563}.besiktnings-recipient-name{font-weight:600;color:#1a1a1a}.besiktnings-preview-paper{background:#f3f4f6;border-radius:12px;padding:32px;overflow-y:auto;max-height:100%}.besiktnings-protocol-container{background:#fff;border-radius:8px;padding:40px;box-shadow:0 4px 6px -1px #0000001a;max-width:800px;margin:0 auto}.besiktnings-pro-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:20px;border-bottom:3px solid #1a1a1a}.besiktnings-pro-header-left{display:flex;align-items:center}.besiktnings-pro-logo{height:50px;width:auto}.besiktnings-pro-header-right{text-align:right}.besiktnings-pro-header-right h1{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.5px}.besiktnings-pro-date,.besiktnings-pro-regnr{font-size:.875rem;color:#6b7280;margin:4px 0}.besiktnings-section{margin-bottom:32px}.besiktnings-section-title{font-size:.875rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;border-bottom:2px solid #e5e7eb;padding-bottom:8px}.besiktnings-info-grid{display:grid;grid-template-columns:180px 1fr;gap:12px 16px;font-size:.875rem}.besiktnings-label{font-weight:600;color:#6b7280}.besiktnings-value{color:#1a1a1a}.besiktnings-damage-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:16px;transition:all .2s}.besiktnings-damage-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.besiktnings-damage-header{display:grid;grid-template-columns:40px 1fr auto;gap:16px;align-items:start}.besiktnings-damage-number{width:36px;height:36px;background:#1a1a1a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.besiktnings-damage-info h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin:0 0 4px}.besiktnings-damage-location{font-size:.875rem;color:#6b7280;margin:4px 0}.besiktnings-damage-desc{font-size:.875rem;color:#4b5563;margin:8px 0 0;line-height:1.5}.besiktnings-damage-price{font-size:1.125rem;font-weight:700;color:#10b981;white-space:nowrap}.besiktnings-extra-costs{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.besiktnings-extra-cost-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:.875rem;color:#6b7280;font-style:italic}.besiktnings-extra-price{font-weight:600;color:#10b981;font-style:normal}.besiktnings-damage-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.besiktnings-damage-img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.besiktnings-total-box{background:#f8f8f8;border:3px solid #1a1a1a;border-radius:12px;padding:24px;text-align:center;margin:32px 0}.besiktnings-total-label{font-size:.875rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.besiktnings-total-value{font-size:2rem;font-weight:700;color:#1a1a1a;letter-spacing:-1px}.besiktnings-footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:24px;margin-top:40px;border-top:1px solid #e5e7eb}.besiktnings-company-info{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#6b7280;line-height:1.5}.besiktnings-company-info strong{font-size:.875rem;color:#1a1a1a;font-weight:600;margin-bottom:4px}.besiktnings-footer-copyright{font-size:.75rem;color:#9ca3af}.besiktnings-actions{display:flex;gap:12px;padding:20px 32px;border-top:1px solid #e5e7eb;background:#f9fafb;border-radius:0 0 16px 16px}.besiktnings-btn{flex:1;padding:12px 24px;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.besiktnings-pro-header-new{display:flex;justify-content:space-between;align-items:flex-start}.besiktnings-pro-logo-large{height:50px}.besiktnings-header-divider{height:2px;background:#e0e0e0;margin-bottom:1.5rem}.besiktnings-btn-secondary{background:#fff;color:#4b5563;border:1px solid #d1d5db}.besiktnings-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.besiktnings-btn-primary{background:#3b82f6;color:#fff}.besiktnings-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.besiktnings-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.besiktnings-content{grid-template-columns:1fr}.besiktnings-settings{order:2}.besiktnings-preview-paper{order:1}}@media (max-width: 768px){.besiktnings-modal{max-width:100%;max-height:100vh;border-radius:0}.besiktnings-header,.besiktnings-content{padding:16px 20px}.besiktnings-preview-paper{padding:16px}.besiktnings-protocol-container{padding:24px}.besiktnings-actions{flex-direction:column;padding:16px 20px}.besiktnings-btn{width:100%}.besiktnings-damage-images{grid-template-columns:1fr}}.qd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.qd-modal{width:100%;max-width:1600px;max-height:95vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #0000004d}.qd-content{display:grid;grid-template-columns:1fr 400px;gap:0;flex:1;overflow:hidden}.qd-main-column{overflow-y:auto;background:#f8fafc}.qd-sidebar-column{overflow-y:auto;background:#fff;border-left:2px solid #e2e8f0}.qd-section{background:#fff;border-radius:16px;border:2px solid #e2e8f0;overflow:hidden;margin:2rem}.qd-section-header{padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.qd-section-header h3{display:flex;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:700;color:#0f172a}.qd-section-icon{font-size:1.5rem}.qd-section-body{padding:1.25rem 2rem 1.75rem;background:#fff}.qd-section-edit-btn{border:1px solid #cbd5e1;background:#fff;color:#0f172a;font-size:.75rem;font-weight:500;padding:.35rem .8rem;border-radius:999px;display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,border-color .15s ease,transform .1s ease}.qd-section-edit-btn:hover{background:#0f172a;color:#f9fafb;border-color:#0f172a;box-shadow:0 8px 20px #0f172a26;transform:translateY(-1px)}.qd-section-edit-btn:active{transform:translateY(0);box-shadow:0 4px 10px #0f172a1f}.qd-section--center{margin:2rem}.qd-center-current{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1rem}.qd-center-label{font-size:.875rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.qd-center-name{font-size:.95rem;font-weight:500;color:#0f172a}.qd-center-grid{margin-top:1rem}.qds-taxi-action-section{margin-top:1.5rem;padding:1rem;background-color:#fffbeb;border:2px solid #fbbf24;border-radius:8px;transition:all .2s ease}.qds-taxi-action-section:hover{background-color:#fef3c7;box-shadow:0 2px 8px #fbbf2433}.qds-taxi-action-section .qds-form-group:last-child{margin-bottom:0}.qds-taxi-action-section label span{color:#92400e}.qds-taxi-action-section input[type=date]{font-family:inherit;font-size:.875rem}.qds-action-required-display{margin-top:.75rem;padding:.75rem;background-color:#fef3c7;border-left:3px solid #f59e0b;border-radius:6px;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qds-action-badge{font-size:.875rem;font-weight:600;color:#92400e;display:flex;align-items:center;gap:.25rem}.qds-action-deadline{font-size:.875rem;color:#78350f;font-weight:500}.qds-action-required-display:hover{background-color:#fde68a}.overdue-flag{position:absolute;top:8px;right:8px;z-index:5;font-size:20px;animation:wave 2s infinite;cursor:help}.overdue-flag-list{position:absolute;top:12px;right:12px;z-index:5;font-size:20px;animation:wave 2s infinite;cursor:help}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.qd-main-column::-webkit-scrollbar,.qd-sidebar-column::-webkit-scrollbar{width:8px}.qd-main-column::-webkit-scrollbar-track,.qd-sidebar-column::-webkit-scrollbar-track{background:#f1f5f9}.qd-main-column::-webkit-scrollbar-thumb,.qd-sidebar-column::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.qd-main-column::-webkit-scrollbar-thumb:hover,.qd-sidebar-column::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1200px){.qd-content{grid-template-columns:1fr 350px}}@media (max-width: 1024px){.qd-content{grid-template-columns:1fr}.qd-sidebar-column{border-left:none;border-top:2px solid #e2e8f0}}@media (max-width: 768px){.qd-overlay{padding:0}.qd-modal{max-height:100vh;border-radius:0}.qd-section{margin:1rem;border-radius:12px}.qd-section-header{padding:1rem}.qd-section-header h3{font-size:1rem}.qds-action-required-display{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.overdue-flag,.overdue-flag-list{font-size:16px}}@keyframes qd-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qd-animate-in{animation:qd-fadeIn .3s ease-out}@media print{.qd-overlay{position:static;background:none}.qd-modal{max-width:100%;max-height:none;box-shadow:none}.qd-section-edit-btn{display:none}.qds-taxi-action-section,.qds-action-required-display{background-color:#fef3c7!important;border:1px solid #92400e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.overdue-flag,.overdue-flag-list{display:none}}.qds-taxi-action-section *:focus-visible,.qds-action-required-display *:focus-visible,.qd-modal *:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pagination2{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.pagination2__info{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;justify-content:center}.pagination2__text{font-size:.875rem;color:#6b7280}.pagination2__text strong{color:#1f2937;font-weight:600}.pagination2__per-page{display:flex;align-items:center;gap:.7rem;font-size:.575rem;color:#6b7280;flex-wrap:nowrap;white-space:nowrap}.pagination2__select{padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#1f2937;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination2__select:hover{border-color:#4f46e5}.pagination2__select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.pagination2__controls{display:flex;align-items:center;gap:.5rem}.pagination2__pages{display:flex;align-items:center;gap:.25rem;margin:0 .5rem}.pagination2__btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 .5rem;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.pagination2__btn:hover:not(:disabled){border-color:#4f46e5;background:#f5f3ff;color:#4f46e5}.pagination2__btn:disabled{opacity:.4;cursor:not-allowed}.pagination2__btn--active{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#4f46e5;color:#fff;font-weight:600;box-shadow:0 4px 12px #4f46e54d}.pagination2__btn--active:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);color:#fff}.pagination2__btn--nav{font-weight:600}.pagination2__ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#9ca3af;font-weight:600}@media (max-width: 768px){.pagination2{gap:1rem}.pagination2__info{flex-direction:column;gap:.75rem}.pagination2__controls{gap:.25rem}.pagination2__pages{margin:0 .25rem;gap:.125rem}.pagination2__btn{min-width:32px;height:32px;font-size:.8125rem}.pagination2__pages .pagination2__btn:not(.pagination2__btn--active){display:none}.pagination2__pages .pagination2__btn:nth-child(-n+2),.pagination2__pages .pagination2__btn:nth-last-child(-n+2),.pagination2__pages .pagination2__btn--active{display:flex}.pagination2__ellipsis{min-width:32px;height:32px}}@media (max-width: 480px){.pagination2__btn{min-width:28px;height:28px;font-size:.75rem}.pagination2__btn--nav svg{width:14px;height:14px}.pagination2__text{font-size:.8125rem}.pagination2__select{font-size:.8125rem;padding:.25rem .5rem}}.job-booking-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:9999;padding:1rem}.job-booking-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.job-booking-modal-xlarge{max-width:1200px;width:90%}.job-booking-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#fff);flex-shrink:0}.job-booking-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#1f2937}.job-booking-close{background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#6b7280;flex-shrink:0}.job-booking-close:hover{background:#e5e7eb;color:#1f2937}.job-booking-content{padding:1.5rem;overflow-y:auto;overflow-x:hidden;flex:1}.job-booking-content-multi{display:flex;gap:1.5rem;padding:1.5rem;overflow:hidden;flex:1;min-height:0}.jobs-list-panel{width:320px;flex-shrink:0;background:#f9fafb;border-radius:12px;padding:1rem;border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.jobs-list-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;flex-shrink:0}.jobs-list-header h3{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.jobs-list-items{display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.job-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;transition:all .2s;flex-shrink:0}.job-list-item:hover{border-color:#6366f1;box-shadow:0 2px 8px #6366f11a}.job-list-item-main{flex:1;min-width:0}.job-list-item-title{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-list-item-details{font-size:.75rem;color:#6b7280;display:flex;gap:.5rem;align-items:center;margin-bottom:.25rem;flex-wrap:wrap}.job-list-item-type{font-size:.75rem;color:#6366f1;font-weight:500}.job-list-item-actions{display:flex;gap:.25rem;flex-shrink:0}.job-edit-btn,.job-remove-btn{padding:.375rem;border-radius:6px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.job-edit-btn{background:#eff6ff;color:#3b82f6}.job-edit-btn:hover{background:#dbeafe}.job-remove-btn{background:#fef2f2;color:#ef4444}.job-remove-btn:hover{background:#fee2e2}.job-booking-form-panel{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;display:flex;flex-direction:column}.job-mode-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem;background:#f9fafb;border-radius:10px;flex-shrink:0}.job-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.job-mode-btn:hover{border-color:#c7d2fe;color:#4f46e5}.job-mode-btn.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-color:#6366f1;color:#4f46e5;font-weight:600}.job-quote-search{margin-bottom:1.5rem;flex-shrink:0}.job-quote-search-input{position:relative;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s}.job-quote-search-input:focus-within{border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px #6366f11a}.job-quote-search-input input{flex:1;border:none;background:transparent;outline:none;font-size:.875rem;color:#1f2937;min-width:0}.job-quote-search-input input::placeholder{color:#9ca3af}.job-quote-results{margin-top:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;max-height:300px;overflow-y:auto;overflow-x:hidden;box-shadow:0 4px 12px #0000001a}.job-quote-result{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s}.job-quote-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;gap:.5rem}.job-quote-result-name{font-weight:600;color:#1f2937;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-quote-result-license{font-size:.75rem;color:#6366f1;font-weight:500;background:#eef2ff;padding:.125rem .5rem;border-radius:4px;flex-shrink:0}.job-quote-result-details{font-size:.75rem;color:#6b7280;display:flex;gap:.5rem;align-items:center}.job-quote-empty{padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;color:#9ca3af;text-align:center}.job-quote-empty p{margin:0;font-size:.875rem}.job-booking-quote-info{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:10px;padding:1rem;margin-bottom:1.5rem;flex-shrink:0}.job-booking-quote-info h3{font-size:.875rem;font-weight:600;color:#4f46e5;margin:0 0 .75rem}.job-booking-quote-details{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.75rem}.job-booking-quote-details div{color:#1f2937}.job-booking-quote-details strong{color:#4f46e5;font-weight:600}.clear-quote-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.375rem .75rem;background:#fef2f2;color:#ef4444;border:1px solid #fecaca;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:.75rem}.clear-quote-btn:hover{background:#fee2e2;border-color:#fca5a5}.job-booking-form{display:flex;flex-direction:column;gap:1rem}.job-booking-field{display:flex;flex-direction:column;gap:.5rem}.job-booking-field label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.job-booking-field input,.job-booking-field select,.job-booking-field textarea{padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;transition:all .2s;font-family:inherit;width:100%;box-sizing:border-box}.job-booking-field input:disabled,.job-booking-field select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.job-booking-field-hint{font-size:.75rem;color:#6b7280;margin-top:-.25rem}.job-booking-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.job-booking-duration{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46;font-size:.875rem;font-weight:500}.add-job-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:1rem;font-size:.875rem;flex-shrink:0}.add-job-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.add-job-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.job-count-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin-left:.5rem}.job-booking-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:.875rem;margin-top:1rem;flex-shrink:0}.job-booking-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.job-booking-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.job-booking-btn.secondary{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.job-booking-btn.secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.job-booking-btn.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f133}.job-booking-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.job-booking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:#6366f1}.jobs-list-items::-webkit-scrollbar,.job-booking-form-panel::-webkit-scrollbar,.job-quote-results::-webkit-scrollbar,.job-booking-content::-webkit-scrollbar{width:8px}.jobs-list-items::-webkit-scrollbar-track,.job-booking-form-panel::-webkit-scrollbar-track,.job-quote-results::-webkit-scrollbar-track,.job-booking-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.jobs-list-items::-webkit-scrollbar-thumb,.job-booking-form-panel::-webkit-scrollbar-thumb,.job-quote-results::-webkit-scrollbar-thumb,.job-booking-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.jobs-list-items::-webkit-scrollbar-thumb:hover,.job-booking-form-panel::-webkit-scrollbar-thumb:hover,.job-quote-results::-webkit-scrollbar-thumb:hover,.job-booking-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 1024px){.job-booking-content-multi{flex-direction:column}.jobs-list-panel{width:100%;max-height:250px;order:-1}.job-booking-modal-xlarge{width:95%}}@media (max-width: 768px){.job-booking-overlay{padding:0}.job-booking-modal,.job-booking-modal-large,.job-booking-modal-xlarge{max-width:100%;width:100%;max-height:100vh;border-radius:0}.job-booking-header,.job-booking-content,.job-booking-content-multi{padding:1rem}.job-booking-footer{padding:1rem;flex-direction:column-reverse}.job-booking-btn{width:100%;justify-content:center}.job-booking-row,.job-booking-quote-details{grid-template-columns:1fr}.jobs-list-panel{max-height:200px}}@media (max-width: 480px){.job-mode-selector{flex-direction:column}.job-booking-title{font-size:1rem}.job-list-item{padding:.5rem}}:root{--primary: #0A2463;--primary-light: #1E3A8A;--primary-ghost: rgba(10, 36, 99, .05);--accent: #FB8500;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--text-primary: #0F1419;--text-secondary: #536471;--text-muted: #8B98A5;--white: #FFFFFF;--neutral-50: #FAFBFC;--neutral-100: #F3F4F6;--neutral-200: #E5E7EB;--neutral-300: #D1D5DB;--neutral-400: #9CA3AF;--neutral-600: #4B5563;--card-background: #FFFFFF;--border: #E2E8F0;--border-light: #F1F5F9;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 32px rgba(0, 0, 0, .12);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.quote-management{display:flex;flex-direction:column;gap:1.5rem;max-width:1600px;margin:0 auto;padding:1.5rem;overflow:visible}.quote-management__header{display:none}.quote-management__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.quote-management__kpi-card{display:flex;align-items:center;gap:1.25rem;background:var(--card-background);padding:1.5rem;border-radius:12px;border:1px solid var(--border);transition:all var(--transition-smooth);cursor:pointer;position:relative}.quote-management__kpi-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.kpi-card--active{border-color:var(--primary);background:var(--primary-ghost);box-shadow:0 4px 16px #0a24631a}.quote-management__kpi-header{display:flex;align-items:center;gap:1.25rem;width:100%}.quote-management__kpi-icon{width:48px;height:48px;border-radius:10px;background:var(--neutral-100);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.quote-management__kpi-card:hover .quote-management__kpi-icon{background:var(--neutral-200)}.quote-management__kpi-content{flex:1;min-width:0}.quote-management__kpi-content h3{margin:0;font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;font-family:DM Sans,sans-serif;letter-spacing:-.02em}.quote-management__kpi-content p{margin:.25rem 0 0;font-size:.8125rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.quote-card-with-tooltip{position:relative}.quote-card-tooltip{position:absolute;top:-8px;left:50%;transform:translate(-50%) translateY(-100%);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:1rem;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10000;min-width:280px;max-width:320px;border:1px solid rgba(255,255,255,.1);white-space:normal}.quote-card-with-tooltip:hover .quote-card-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(calc(-100% - 8px))}.quotes-grid{overflow:visible!important;position:relative;z-index:1}.quote-card-compact{overflow:visible!important;position:relative}.quote-card-with-tooltip{position:relative;z-index:1}.quote-card-with-tooltip:hover{z-index:10001}.tooltip-header{padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.tooltip-header strong{font-size:1rem;font-weight:700;color:#fff}.tooltip-body{display:flex;flex-direction:column;gap:.5rem}.tooltip-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.875rem}.tooltip-label{color:#ffffffb3;font-weight:500;min-width:90px;flex-shrink:0}.tooltip-value{color:#fff;font-weight:600;text-align:right;word-break:break-word}.tooltip-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}.tooltip-footer small{color:#ffffff80;font-size:.75rem;font-style:italic}.quote-table-row-with-tooltip{position:relative;cursor:pointer;transition:background-color .2s ease}.quote-table-row-with-tooltip:hover{background-color:#f8fafc!important}.quote-management__filters-block{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;width:100%}.mobile-filter-toggle{display:none}.mobile-filters-collapsible{display:contents}.quote-management__search{position:relative;flex:0 0 auto;min-width:160px;width:200px}.quote-management__search svg{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.quote-management__search-input{width:100%;background:var(--card-background);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;font-weight:500;transition:all var(--transition-base);min-height:44px}.quote-management__search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0a24631a}.quote-management__search-input::placeholder{color:var(--text-muted)}.segmented-toggle{display:none}.filters-row{display:flex;align-items:center;gap:.5rem;flex:1 1 auto;flex-wrap:wrap;min-width:0}.filters-row>select{min-height:44px;flex:0 0 auto;width:auto;min-width:120px;max-width:180px;border-radius:10px;border:1px solid var(--border);padding:.625rem 2rem .625rem .875rem;background:var(--card-background);color:var(--text-primary);font-weight:500;font-size:.8125rem;transition:all var(--transition-base);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters-row>select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #0a24631a}.btn-secondary{background:var(--card-background);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:.625rem 1rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;white-space:nowrap;flex:0 0 auto}.btn-secondary:hover{border-color:var(--error);color:var(--error);background:#ef44440d}.btn-secondary svg{flex-shrink:0}.btn-clear-filters{background:var(--card-background);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:.625rem .875rem;font-weight:600;font-size:.8125rem;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:44px;white-space:nowrap;flex-shrink:0;line-height:1}.btn-clear-filters:hover{border-color:var(--error);color:var(--error);background:#ef44440d}.btn-clear-filters svg{flex-shrink:0}.quote-management__add-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;padding:.625rem 1rem;border-radius:10px;cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;font-size:.875rem;min-height:44px;background:var(--primary);color:#fff;border:1px solid var(--primary)}.quote-management__add-btn:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.quote-management__add-btn span{display:inline}.quotes-container-wrapper{display:flex;flex-direction:column;gap:0;overflow:visible}.quotes-container-tabs{display:flex;justify-content:space-between;align-items:center;gap:0;background:var(--neutral-50);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;padding:.5rem .5rem 0}.quotes-tabs-left{display:flex;gap:0}.quotes-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px 10px 0 0;background:transparent;border:none;font-weight:600;font-size:.875rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);position:relative}.quotes-tab:hover{color:var(--text-primary);background:#ffffff80}.quotes-tab.active{color:var(--text-primary);background:var(--card-background);border:1px solid var(--border);border-bottom:1px solid var(--card-background);margin-bottom:-1px}.quotes-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--card-background)}.quotes-tab-export{display:inline-flex;align-items:center;justify-content:center;padding:.625rem;border-radius:8px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);margin-bottom:.5rem}.quotes-tab-export:hover{color:var(--text-primary);background:#fffc;transform:translateY(-1px)}.quotes-container{background:var(--card-background);border:1px solid var(--border);border-radius:0 0 16px 16px;overflow:visible}.quotes-mobile-cards{display:none}.quotes-table{width:100%;border-collapse:separate;border-spacing:0}.quotes-table thead{background:var(--neutral-50);border-bottom:1px solid var(--border)}.quotes-table thead th{padding:1rem 1.25rem;text-align:left;font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.quotes-table thead th:last-child{text-align:right;padding-right:1.5rem}.quotes-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-base);cursor:pointer}.quotes-table tbody tr:hover{background:var(--neutral-50)}.quotes-table tbody tr:last-child{border-bottom:none}.quotes-table tbody td{padding:1.125rem 1.25rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle}.quotes-table tbody td:last-child{padding-right:1.5rem}.table-cell-customer{display:flex;flex-direction:column;gap:.25rem}.table-cell-customer__name{font-weight:500;color:var(--text-primary);font-size:.875rem}.table-cell-license{font-size:.8125rem;color:var(--text-secondary);font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px}.table-cell-partner{display:flex;flex-direction:column;gap:.25rem}.table-cell-partner__name{font-weight:500;color:var(--text-primary);font-size:.875rem}.table-cell-partner__center{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.375rem}.table-cell-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.table-cell-price{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:.875rem;font-family:DM Sans,sans-serif}.table-cell-date{color:var(--text-secondary);font-size:.8125rem;font-variant-numeric:tabular-nums}.table-cell-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.table-action-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-muted);transition:all var(--transition-base);position:relative}.table-action-btn:hover{background:var(--neutral-100);color:var(--primary)}.table-action-btn[data-action=delete]:hover{color:var(--error);background:#ef44440d}.table-action-btn[data-action=book]:hover{color:var(--success);background:#10b9810d}.table-action-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;right:50%;transform:translate(50%) translateY(-4px);background:var(--text-primary);color:#fff;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all var(--transition-base);z-index:100}.table-action-btn:hover:after{opacity:1;transform:translate(50%) translateY(-8px)}.table-unread-indicator{position:absolute;top:.25rem;right:.25rem;width:8px;height:8px;border-radius:50%;background:var(--error);border:2px solid var(--card-background);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.no-results-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem 1.5rem}.no-results{text-align:center;display:flex;flex-direction:column;gap:1rem;align-items:center;max-width:480px}.no-results h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.no-results p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.pagination-wrapper{display:flex;justify-content:center;align-items:center;padding:1.5rem 0;margin-top:1rem;border-top:1px solid var(--border-light)}.skeleton{position:relative;overflow:hidden;background:var(--neutral-100);border-radius:8px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,#fff0,#fff9,#fff0);animation:skeleton-shimmer 1.8s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-kpi{height:96px;border-radius:12px}.skeleton-table-row{display:grid;grid-template-columns:200px 120px 180px 120px 100px 120px;gap:1rem;padding:1.125rem 1.25rem;border-bottom:1px solid var(--border-light)}.skeleton-table-cell{height:20px;border-radius:6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delete-modal{background:var(--card-background);border-radius:16px;max-width:480px;width:100%;box-shadow:var(--shadow-xl)}.delete-modal__header{padding:1.5rem;border-bottom:1px solid var(--border)}.delete-modal__header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.delete-modal__content{padding:1.5rem}.delete-modal__content p{margin:0 0 1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.6}.delete-modal__item{background:var(--neutral-50);padding:1rem;border-radius:8px;border:1px solid var(--border);margin:1rem 0}.delete-modal__item strong{color:var(--text-primary);font-weight:600}.delete-modal__actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border)}.delete-modal__actions .btn-secondary{flex:1}.btn-delete{background:var(--error);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;transition:all var(--transition-base)}.btn-delete:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1400px){.quote-management__kpi-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.625rem}.quote-management__kpi-card{padding:1.25rem}}@media (max-width: 1200px){.quote-management{padding:1rem}.quote-management__kpi-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem}.quote-management__kpi-card{padding:1rem;gap:.75rem}.quote-management__kpi-icon{width:44px;height:44px}.quote-management__kpi-content h3{font-size:1.75rem}}@media (max-width: 768px){.quote-management{padding:1rem;gap:1.25rem}.quote-management__header,h1,h2,.page-title,.page-subtitle{display:none!important}.quote-management__kpi-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.quote-management__kpi-card{padding:1rem}.quote-management__kpi-icon{width:40px;height:40px}.quote-management__kpi-content h3{font-size:1.5rem}.quote-management__kpi-content p{font-size:.75rem}.quote-management__filters-block{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.75rem}.mobile-filter-toggle{display:flex!important;align-items:center;justify-content:space-between;background:var(--card-background);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-weight:600;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);width:100%}.mobile-filter-toggle:active{transform:scale(.98)}.mobile-filter-toggle-left{display:flex;align-items:center;gap:.5rem}.mobile-filter-toggle svg{transition:transform var(--transition-base)}.mobile-filter-toggle.expanded svg:last-child{transform:rotate(180deg)}.mobile-filters-collapsible{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:.75rem;overflow:visible;max-height:0;opacity:0;transition:max-height .3s ease,opacity .3s ease}.mobile-filters-collapsible.expanded{max-height:1000px;opacity:1}.segmented-toggle{display:flex!important;gap:.5rem;width:100%}.segmented-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--card-background);font-weight:600;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);flex:1}.segmented-btn:hover{background:var(--neutral-50)}.segmented-btn.active{background:var(--primary-ghost);border-color:var(--primary);color:var(--primary)}.quote-management__search{flex:1 1 auto;min-width:180px;max-width:none}.filters-row{flex-direction:row;flex-wrap:wrap;flex:1 1 auto;gap:.75rem}.filters-row>select{flex:1 1 auto;min-width:140px;max-width:none}.btn-clear-filters{flex:0 0 auto;min-width:fit-content}.quote-management__export-btn,.quotes-tab-export{display:none!important}.quotes-container-tabs{display:flex!important;justify-content:flex-start;padding:0;background:transparent;border:none;border-radius:0;gap:.5rem;margin-bottom:.75rem}.quotes-tabs-left{width:100%;gap:.5rem}.quotes-tab{flex:1;justify-content:center;border-radius:10px;padding:.75rem 1rem;margin-bottom:0;border:1px solid var(--border);background:var(--card-background)}.quotes-tab.active{background:var(--primary-ghost);border-color:var(--primary);color:var(--primary);margin-bottom:0}.quotes-tab.active:after{display:none}.quotes-container{border-radius:16px!important;border:none!important;background:transparent!important}.quotes-container{background:transparent;border:none}.quotes-table{display:none!important}.quotes-mobile-cards{display:flex!important;flex-direction:column;gap:1rem}.quote-card-compact{position:relative;background:var(--card-background);border:1px solid var(--border);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:pointer}.quote-card-compact:active{transform:scale(.98);box-shadow:var(--shadow-md)}.quote-card-compact__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-light)}.quote-card-compact__title{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.3;flex:1}.quote-card-compact__priority{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.25rem .625rem;border-radius:6px;background:var(--neutral-100);color:var(--text-primary);flex-shrink:0}.quote-card-compact__row{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);font-weight:500;line-height:1.5}.quote-card-compact__row svg{color:var(--primary);flex-shrink:0}.quote-card-compact__price{color:var(--text-primary);font-weight:600;font-size:1rem;padding:.75rem 0;font-family:DM Sans,sans-serif}.quote-card-compact__footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.75rem;border-top:1px solid var(--border-light)}.quote-card-compact__status{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;padding:.375rem .75rem;border-radius:8px;white-space:nowrap;border:1px solid}.quote-card-compact__date{font-size:.8125rem;color:var(--text-secondary);font-weight:600}.unread-badge-mobile{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--error);box-shadow:0 2px 8px #ef444466;z-index:10;animation:pulse-dot 2s infinite}.pagination-wrapper{padding:1rem 0}}@media (max-width: 480px){.quote-management{padding:.75rem}.segmented-toggle{width:100%}.segmented-btn{flex:1;justify-content:center}}@media print{.quote-management__header,.quote-management__filters-block,.table-cell-actions,.pagination-wrapper{display:none}.quotes-container{border:none;box-shadow:none}}:root{--pm-radius: 8px;--pm-space: 16px;--pm-border: #e5e7eb;--pm-border-light: #f3f4f6;--pm-text: #111827;--pm-text-light: #374151;--pm-muted: #6b7280;--pm-muted-light: #9ca3af;--pm-bg: #fff;--pm-bg-subtle: #fafafa;--pm-focus: rgba(17, 24, 39, .06)}.partner-management{display:grid;gap:20px;background:transparent;max-width:1600px;margin:0 auto;padding:0 4px}@keyframes pmSpin{to{transform:rotate(360deg)}}.pm-spin{animation:pmSpin 1s linear infinite}.partner-management__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding-bottom:4px}@media (max-width: 1100px){.partner-management__header{flex-wrap:wrap}}.admin-owner__search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--pm-muted-light);pointer-events:none}.admin-owner__search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--pm-border);border-radius:var(--pm-radius);font-size:14px;background:var(--pm-bg);color:var(--pm-text);transition:.15s ease}.admin-owner__search-input:focus{outline:none;border-color:var(--pm-text-light);background:var(--pm-bg-subtle)}.admin-owner__search-input::placeholder{color:var(--pm-muted-light)}.admin-owner__filters{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}@media (max-width: 1100px){.admin-owner__filters{flex-wrap:wrap}}.admin-owner__filters select{padding:10px 32px 10px 12px;border:1px solid var(--pm-border);border-radius:var(--pm-radius);background:var(--pm-bg);color:var(--pm-text);font-size:13px;font-weight:500;transition:.15s ease;cursor:pointer;min-width:140px;-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='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.admin-owner__filters select:hover{border-color:var(--pm-muted-light)}.admin-owner__filters select:focus{outline:none;border-color:var(--pm-text-light);background:var(--pm-bg-subtle)}.r2c-export-btn,.admin-owner__button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--pm-text);background:var(--pm-text);color:#fff;padding:10px 16px;border-radius:10px;font-weight:600;font-size:14px;transition:all .15s ease;cursor:pointer;white-space:nowrap}.r2c-export-btn:hover,.admin-owner__button:hover{background:#1f2937;border-color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.r2c-export-btn:active,.admin-owner__button:active{transform:translateY(0)}.r2c-export-btn--secondary,.admin-owner__button--secondary{background:var(--pm-bg);border-color:var(--pm-border);color:var(--pm-text)}.r2c-export-btn--secondary:hover,.admin-owner__button--secondary:hover{background:var(--pm-bg-subtle);border-color:var(--pm-text-light);box-shadow:none}.partners-grid{background:var(--pm-bg);border:1px solid var(--pm-border);border-radius:var(--pm-radius);overflow:hidden}.partners-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.partners-table::-webkit-scrollbar{height:8px}.partners-table::-webkit-scrollbar-track{background:transparent}.partners-table::-webkit-scrollbar-thumb{background:var(--pm-border);border-radius:4px}.partners-table::-webkit-scrollbar-thumb:hover{background:var(--pm-muted-light)}.partners-table table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.partners-table thead th{text-align:left;background:var(--pm-bg-subtle);color:var(--pm-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:12px;border-bottom:1px solid var(--pm-border);white-space:nowrap}.partners-table thead th:nth-child(1){width:20%}.partners-table thead th:nth-child(2){width:18%}.partners-table thead th:nth-child(3){width:16%}.partners-table thead th:nth-child(4){width:14%}.partners-table thead th:nth-child(5){width:12%}.partners-table thead th:nth-child(6){width:10%}.partners-table thead th:nth-child(7){width:10%}.partners-table tbody td{padding:14px 12px;border-bottom:1px solid var(--pm-border-light);vertical-align:middle;font-size:13px;color:var(--pm-text);overflow:hidden}.partners-table tbody tr:last-child td{border-bottom:none}.partners-table tbody tr{transition:background .15s ease;cursor:pointer}.partners-table tbody tr:hover{background:var(--pm-bg-subtle)}.pm-partner{display:flex;align-items:center;gap:10px;min-width:0}.pm-partner__avatar{width:32px;height:32px;border-radius:6px;background:var(--pm-bg-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--pm-text-light);flex-shrink:0}.pm-partner__meta{min-width:0;overflow:hidden}.pm-partner__name{font-weight:600;color:var(--pm-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-partner__id{color:var(--pm-muted-light);font-size:11px;margin-top:2px;white-space:nowrap}.pm-company{display:flex;align-items:center;gap:6px;min-width:0}.pm-company svg{color:var(--pm-muted-light);flex-shrink:0;width:14px;height:14px}.pm-company span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-contact{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}.pm-contact__item{display:flex;align-items:center;gap:5px;min-width:0}.pm-contact__item svg{flex-shrink:0;color:var(--pm-muted-light);width:13px;height:13px}.pm-contact__item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-city{display:flex;align-items:center;gap:5px;font-size:13px}.pm-city svg{flex-shrink:0;color:var(--pm-muted-light);width:13px;height:13px}.pm-type{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:11px;font-weight:600;background:var(--pm-bg-subtle);color:var(--pm-text-light);white-space:nowrap}.pm-type--master{background:#3b82f614;color:#2563eb;border:1px solid rgba(59,130,246,.15)}.pm-type--sub{background:var(--pm-bg-subtle);color:var(--pm-muted);border:1px solid transparent}.pm-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent}.pm-status--active{background:#10b98114;color:#065f46;border-color:#10b98126}.pm-status--inactive{background:#6b728014;color:#374151;border-color:#6b728026}.pm-status--suspended{background:#ef444414;color:#991b1b;border-color:#ef444426}.pm-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.pm-iconbtn{width:32px;height:32px;border-radius:var(--pm-radius);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pm-border);background:var(--pm-bg);color:var(--pm-text-light);transition:.15s ease;cursor:pointer}.pm-iconbtn:hover{background:var(--pm-bg-subtle);border-color:var(--pm-text-light);color:var(--pm-text)}.pm-iconbtn:active{transform:scale(.95)}.pm-iconbtn--edit{color:var(--pm-text-light)}.pm-iconbtn--delete{color:#991b1b}.pm-iconbtn--delete:hover{background:#fef2f2;border-color:#fecaca}.no-results-container{padding:60px 20px;display:grid;place-items:center}.no-results svg{margin-bottom:16px;opacity:.3}.no-results h3{margin:8px 0 0;color:var(--pm-text);font-size:16px;font-weight:600}.no-results p{margin:8px 0 0;color:var(--pm-muted);font-size:14px}.no-results .btn-primary{margin-top:16px}.skeleton{background:linear-gradient(90deg,var(--pm-bg-subtle) 0%,var(--pm-border-light) 20%,var(--pm-bg-subtle) 40%,var(--pm-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--pm-radius)}.pm-skel-rows{padding:16px}.pm-skel-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--pm-border-light)}.pm-skel-row:last-child{border-bottom:none}.modal-overlay,.partner-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;display:grid;place-items:center;padding:20px}.partner-modal{background:var(--pm-bg);border-radius:16px;border:1px solid var(--pm-border);box-shadow:0 20px 60px -16px #00000040;max-width:1100px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.partner-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--pm-border-light);background:linear-gradient(135deg,#fafafa,#fff);position:sticky;top:0;z-index:1;gap:20px}.partner-modal__header>div:first-child{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.partner-modal__header h2{margin:0;font-size:22px;font-weight:700;color:var(--pm-text);display:flex;align-items:center;gap:12px;letter-spacing:-.02em}.partner-modal__header h2 img{height:28px;border-radius:8px;border:1px solid var(--pm-border-light);box-shadow:0 2px 8px #00000014}.partner-modal__header p{margin:0;color:var(--pm-muted);font-size:14px;font-weight:500}.partner-modal__header>div:last-child{display:flex;gap:8px;align-items:center;flex-shrink:0}.partner-modal__close{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pm-border-light);background:var(--pm-bg);color:var(--pm-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.partner-modal__close:hover{background:var(--pm-text);color:#fff;border-color:var(--pm-text);transform:rotate(90deg)}.partner-modal__content{padding:20px;overflow-y:auto;flex:1}.partner-modal__content::-webkit-scrollbar{width:8px}.partner-modal__content::-webkit-scrollbar-track{background:transparent}.partner-modal__content::-webkit-scrollbar-thumb{background:var(--pm-border);border-radius:4px}.partner-modal__content::-webkit-scrollbar-thumb:hover{background:var(--pm-muted-light)}.partner-modal__section{margin-bottom:24px}.partner-modal__section h3{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--pm-text);text-transform:uppercase;letter-spacing:.03em}.edit-partner-form{display:flex;flex-direction:column;gap:16px}.edit-form-group{display:flex;flex-direction:column;gap:6px}.edit-form-group label{font-size:13px;font-weight:600;color:var(--pm-text)}.edit-form-input{width:100%;padding:10px 14px;border:1px solid var(--pm-border);border-radius:10px;background:var(--pm-bg);color:var(--pm-text);font-size:14px;font-family:inherit;transition:.15s ease}.edit-form-input:hover{border-color:var(--pm-muted-light)}.edit-form-input:focus{outline:none;border-color:var(--pm-text-light);background:var(--pm-bg-subtle)}textarea.edit-form-input{resize:vertical;min-height:80px}.edit-form-group--full{grid-column:1 / -1}.edit-partner-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;border-top:1px solid var(--pm-border-light);margin-top:8px}.partner-details__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.partner-details__grid{grid-template-columns:1fr}}.partner-detail{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--pm-border-light);border-radius:12px;background:var(--pm-bg);transition:all .15s ease}.partner-detail:hover{border-color:var(--pm-border);box-shadow:0 2px 8px #0000000a}.partner-detail--full{grid-column:1 / -1}.partner-detail__icon{width:32px;height:32px;border-radius:6px;background:var(--pm-bg-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--pm-text-light);flex-shrink:0}.partner-detail label{display:block;font-size:11px;font-weight:600;color:var(--pm-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.partner-detail p{margin:0;font-size:13px;color:var(--pm-text);font-weight:500}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--pm-border-light);background:var(--pm-bg-subtle)}.btn-primary{background:var(--pm-text);border-color:var(--pm-text);color:#fff}.btn-secondary{background:var(--pm-bg);border-color:var(--pm-border);color:var(--pm-text)}.btn-secondary:hover:not(:disabled){background:var(--pm-bg-subtle);border-color:var(--pm-text-light);transform:translateY(-1px)}.btn-delete{background:#991b1b;border-color:#991b1b;color:#fff}.btn-delete:hover:not(:disabled){background:#7f1d1d;border-color:#7f1d1d;transform:translateY(-1px);box-shadow:0 4px 12px #991b1b4d}@media (max-width: 900px){.partners-table thead{display:none}.partners-table table,.partners-table tbody,.partners-table tr,.partners-table td{display:block;width:100%}.partners-table tr{border-bottom:1px solid var(--pm-border);padding:12px;margin-bottom:8px;border-radius:var(--pm-radius);cursor:pointer}.partners-table tr:hover{background:var(--pm-bg-subtle)}.partners-table td{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;border-bottom:none}.partners-table td:before{content:attr(data-label);font-weight:600;color:var(--pm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.pm-actions{flex-wrap:wrap}}@media (max-width: 420px){.partner-management{padding:0 8px}.partner-management__header{flex-direction:column;align-items:stretch}.admin-owner__search{max-width:100%}.r2c-actions{flex-direction:column;align-items:stretch}.admin-owner__filters{flex-wrap:wrap}}.wf-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999}.wf-loader-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}.wf-logo{position:relative;width:164px;height:164px;display:flex;align-items:center;justify-content:center}.logo-image{width:100%;height:100%;object-fit:contain;animation:pulse-logo 1.5s ease-in-out infinite}@keyframes pulse-logo{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.wf-loader-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;color:#6b7280;letter-spacing:.5px;animation:r2c-pulse 2s ease-in-out infinite}@keyframes r2c-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.wf-loader-container{gap:20px}.wf-logo{width:156px;height:156px}.wf-loader-text{font-size:13px}}@media (max-width: 480px){.wf-loader-container{gap:16px}.wf-logo{width:148px;height:148px}.wf-loader-text{font-size:12px}}.ceum-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998}.ceum-modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;background:#fff;border-radius:12px;width:min(680px,92vw);max-height:min(88vh,100dvh);box-shadow:0 25px 50px #00000040;z-index:9999;display:flex;flex-direction:column;overflow:hidden}.ceum-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.ceum-header h2{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:600;color:#111827;margin:0}.ceum-close{padding:.5rem;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ceum-close:hover:not(:disabled){background:#f3f4f6;color:#111827}.ceum-close:disabled{opacity:.5;cursor:not-allowed}.ceum-steps{display:flex;align-items:center;justify-content:center;padding:1.25rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0}.ceum-step{display:flex;flex-direction:column;align-items:center;gap:.375rem}.ceum-step span{width:1.875rem;height:1.875rem;border-radius:50%;background:#fff;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:600;color:#9ca3af;transition:all .2s ease;font-size:.8125rem}.ceum-step.active span{background:#3b82f6;border-color:#3b82f6;color:#fff}.ceum-step.done span{background:#10b981;border-color:#10b981;color:#fff}.ceum-step label{font-size:.6875rem;font-weight:500;color:#6b7280;text-align:center}.ceum-step.active label{color:#3b82f6;font-weight:600}.ceum-step-line{width:2.5rem;height:2px;background:#e5e7eb;margin:0 .375rem 1.25rem}.ceum-content{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.ceum-step-content h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .375rem}.ceum-desc{color:#6b7280;font-size:.8125rem;margin:0 0 1.25rem}.ceum-help{color:#6b7280;font-size:.75rem;margin:0 0 .75rem}.ceum-row{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:.875rem}.ceum-field{margin-bottom:.875rem}.ceum-field:last-child{margin-bottom:0}.ceum-field label{display:flex;align-items:center;gap:.375rem;font-weight:500;color:#374151;margin-bottom:.375rem;font-size:.8125rem}.ceum-field input,.ceum-field select{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;transition:all .2s ease;box-sizing:border-box}.ceum-field input:focus,.ceum-field select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ceum-field input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.ceum-field small{display:block;margin-top:.25rem;font-size:.6875rem;color:#6b7280}.ceum-type-section{margin-bottom:1.25rem}.ceum-type-section h4{font-size:.8125rem;font-weight:600;color:#374151;margin:0 0 .75rem}.ceum-type-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ceum-type-card{padding:1rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:center}.ceum-type-card:hover{border-color:#3b82f6;background:#f9fafb}.ceum-type-card.selected{border-color:#3b82f6;background:#eff6ff}.ceum-type-card svg{color:#3b82f6;margin-bottom:.5rem}.ceum-type-card h5{font-size:.8125rem;font-weight:600;color:#111827;margin:0 0 .25rem}.ceum-type-card p{font-size:.6875rem;color:#6b7280;margin:0}.ceum-section{margin-bottom:1.25rem}.ceum-section h4{font-size:.8125rem;font-weight:600;color:#374151;margin:0 0 .75rem}.ceum-master-toggle{margin-bottom:.875rem}.ceum-master-toggle label{display:flex;align-items:center;gap:.625rem;padding:.875rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.ceum-master-toggle label:hover{border-color:#3b82f6;background:#f9fafb}.ceum-master-toggle input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;flex-shrink:0}.ceum-master-toggle strong{display:block;color:#111827;font-size:.8125rem;font-weight:600}.ceum-master-toggle span{display:block;color:#6b7280;font-size:.6875rem}.ceum-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.625rem}.ceum-item{display:flex;align-items:center;gap:.625rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease}.ceum-item:hover{border-color:#3b82f6;background:#f9fafb}.ceum-item.selected{border-color:#3b82f6;background:#eff6ff}.ceum-checkbox{width:1.125rem;height:1.125rem;border-radius:4px;border:2px solid #d1d5db;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.ceum-item.selected .ceum-checkbox{background:#3b82f6;border-color:#3b82f6}.ceum-item:not(.selected) .ceum-checkbox svg{display:none}.ceum-item.selected .ceum-checkbox svg{color:#fff}.ceum-item-info{min-width:0;flex:1}.ceum-item-info h5{font-size:.8125rem;font-weight:500;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ceum-item-info p{font-size:.6875rem;color:#6b7280;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ceum-partners-list{display:flex;flex-direction:column;gap:.625rem}.ceum-partner-group{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.ceum-partner-parent{display:flex;align-items:center;background:#fff;transition:all .2s ease}.ceum-partner-parent.selected{background:#eff6ff}.ceum-partner-select{flex:1;display:flex;align-items:center;gap:.625rem;padding:.75rem;cursor:pointer}.ceum-expand-btn{padding:.75rem;background:transparent;border:none;border-left:1px solid #e5e7eb;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.ceum-expand-btn:hover{background:#f3f4f6;color:#3b82f6}.ceum-partner-children{background:#f9fafb;padding:.5rem;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.5rem}.ceum-partner-children .ceum-item{background:#fff}.ceum-modules{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.ceum-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-top:1.25rem}.ceum-summary h4{font-size:.8125rem;font-weight:600;color:#374151;margin:0 0 .75rem}.ceum-summary-grid{display:grid;gap:.5rem}.ceum-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .625rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.ceum-summary-item strong{color:#6b7280;font-size:.6875rem;font-weight:500}.ceum-summary-item span{color:#111827;font-size:.6875rem;font-weight:600;text-align:right}.ceum-error{display:flex;align-items:center;gap:.625rem;padding:.75rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:.8125rem;margin-top:1rem}.ceum-footer{display:flex;justify-content:flex-end;gap:.625rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.ceum-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;font-size:.8125rem}.ceum-btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.ceum-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.ceum-btn-primary{background:#3b82f6;color:#fff}.ceum-btn-primary:hover:not(:disabled){background:#2563eb}.ceum-btn:disabled{opacity:.6;cursor:not-allowed}.ceum-spinner{animation:spin 1s linear infinite}@media (max-width: 768px){.ceum-modal{max-width:100%;max-height:95vh}.ceum-header,.ceum-content,.ceum-footer{padding-left:1rem;padding-right:1rem}.ceum-steps{padding:1rem}.ceum-step label{font-size:.625rem}.ceum-step-line{width:2rem}.ceum-row,.ceum-type-cards,.ceum-grid{grid-template-columns:1fr}.ceum-footer{flex-direction:column-reverse}.ceum-btn{width:100%;justify-content:center}}@media (max-width: 480px){.ceum-header h2{font-size:1rem}.ceum-step span{width:1.625rem;height:1.625rem;font-size:.75rem}.ceum-step label{display:none}.ceum-step-line{width:1.5rem}.ceum-step-content h3{font-size:.9375rem;margin-bottom:.25rem}.ceum-desc{margin-bottom:1rem}}.user-management{padding:1.5rem;max-width:100%;margin:0 auto}.user-management-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.user-management-loading .spinner{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-icon{width:32px;height:32px;border-radius:8px}.skeleton-text{height:16px;border-radius:4px}.skeleton-button{width:180px;height:42px;border-radius:8px}.skeleton-stat-icon{width:48px;height:48px;border-radius:12px}.skeleton-input,.skeleton-select{height:40px;border-radius:8px}.skeleton-toggle{width:80px;height:40px;border-radius:8px}.skeleton-avatar{width:40px;height:40px;border-radius:8px;flex-shrink:0}.skeleton-badge{width:80px;height:24px;border-radius:6px}.skeleton-icon-btn{width:32px;height:32px;border-radius:6px}.um-header{margin-bottom:2rem}.um-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.um-title{display:flex;align-items:center;gap:.75rem;color:#1f2937}.um-title svg{color:#3b82f6;flex-shrink:0}.um-title h1{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.um-title p{color:#6b7280;margin:.25rem 0 0;font-size:.875rem}.um-create-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.um-create-btn:hover{background:#2563eb}.um-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.um-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.um-stat-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.um-stat-icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f4f6}.um-stat-icon.total{background:#f3f4f6;color:#6b7280}.um-stat-icon.active{background:#d1fae5;color:#059669}.um-stat-icon.r2c{background:#dbeafe;color:#2563eb}.um-stat-icon.partner{background:#fef3c7;color:#d97706}.um-stat-content h3{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.um-stat-content p{color:#6b7280;font-size:.875rem;margin:0}.um-filters{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.um-search{position:relative;margin-bottom:1rem}.um-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.um-search input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.um-search input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.um-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.um-filter-row select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer;transition:all .2s ease}.um-filter-row select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.um-notification{position:fixed;top:2rem;right:2rem;z-index:9999;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:.5rem;font-weight:500;box-shadow:0 10px 25px #00000026;font-size:.875rem}.um-notification.error{background:#fff;color:#dc2626;border:1px solid #fca5a5}.um-notification.success{background:#fff;color:#059669;border:1px solid #6ee7b7}.um-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden}.um-table-header{padding:1.5rem;border-bottom:1px solid #e5e7eb}.um-table-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.um-table{overflow-x:auto}.um-table table{width:100%;border-collapse:collapse}.um-table thead{background:#f9fafb}.um-table th{padding:1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.um-table td{padding:1rem;border-top:1px solid #f3f4f6}.um-table tbody tr{transition:background .2s ease}.um-table tbody tr:hover{background:#f9fafb}.um-table tbody tr.user-disabled{background:#fef2f2}.um-user-info{display:flex;align-items:center;gap:.75rem}.um-user-avatar{width:2.5rem;height:2.5rem;border-radius:.5rem;background:#dbeafe;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.um-user-details{min-width:0}.um-user-name{font-weight:600;color:#111827;margin-bottom:.25rem;font-size:.875rem}.um-user-email{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.75rem}.type-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.type-badge.r2c{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.type-badge.partner{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.type-badge.workshop{background:#e0e7ff;color:#3730a3;border:1px solid #c7d2fe}.um-roles{display:flex;flex-wrap:wrap;gap:.375rem}.um-role-tag{padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.um-associations{display:flex;flex-direction:column;gap:.375rem}.um-master-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#fef3c7;color:#92400e;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid #fde68a;width:fit-content}.um-center-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#eff6ff;color:#1e40af;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid #bfdbfe;width:fit-content}.um-partners-list{display:flex;flex-wrap:wrap;gap:.375rem}.um-partner-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;background:#fef3c7;color:#92400e;border-radius:.375rem;font-size:.75rem;font-weight:500;border:1px solid #fde68a}.um-more-badge{padding:.25rem .625rem;background:#f3f4f6;color:#6b7280;border-radius:.375rem;font-size:.75rem;font-weight:500}.um-no-data{color:#9ca3af;font-size:.875rem}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.status-badge.disabled{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.um-last-login{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.um-actions{position:relative}.um-action-btn{padding:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.um-action-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.um-action-btn:disabled{opacity:.5;cursor:not-allowed}.um-action-menu{position:absolute;right:0;top:calc(100% + .5rem);background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #00000026;border:1px solid #e5e7eb;min-width:200px;z-index:1000;overflow:hidden}.um-action-menu button{width:100%;padding:.75rem 1rem;border:none;background:#fff;display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left}.um-action-menu button:hover:not(:disabled){background:#f9fafb}.um-action-menu button:disabled{opacity:.5;cursor:not-allowed}.um-action-menu button.disable{color:#d97706}.um-action-menu button.enable{color:#059669}.um-action-menu button.delete{color:#dc2626}.um-action-menu button+button{border-top:1px solid #f3f4f6}.um-action-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999}.um-empty{padding:4rem 2rem;text-align:center;color:#6b7280}.um-empty svg{color:#d1d5db;margin-bottom:1rem}.um-empty h3{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.um-empty p{font-size:.875rem;margin:0}.um-filters-row{display:grid;grid-template-columns:1.4fr repeat(4,1fr) auto;gap:.75rem;align-items:center}.um-filters .um-search{margin:0}.um-view-toggle{display:inline-flex;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;height:40px}.um-view-toggle button{background:#fff;border:none;padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.um-view-toggle button+button{border-left:1px solid #e5e7eb}.um-view-toggle button.active{background:#eff6ff;color:#2563eb}@media (max-width: 1024px){.um-filters-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.um-filters-row{grid-template-columns:1fr}}.um-grouped{padding:.5rem 0 .75rem}.um-group{border-top:1px solid #f3f4f6}.um-group:first-child{border-top:none}.um-group-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.um-group-header h4{margin:0;font-size:.95rem;font-weight:600;color:#111827}.um-group-count{margin-left:auto;font-size:.75rem;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;padding:.1rem .5rem;border-radius:999px}.um-pagination{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem .5rem 0;flex-wrap:wrap}.um-page-info{color:#6b7280;font-size:.875rem}.um-page-controls{display:inline-flex;align-items:center;gap:.375rem}.um-page-controls button{min-width:36px;height:36px;padding:0 .5rem;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.um-page-controls button:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6}.um-page-controls button:disabled{opacity:.5;cursor:not-allowed}.um-page-current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;border-radius:.375rem;border:1px dashed #e5e7eb;color:#374151}.um-page-size{display:inline-flex;align-items:center;gap:.5rem}.um-page-size label{color:#6b7280;font-size:.875rem}.um-page-size select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff}@media (max-width: 768px){.user-management{padding:1rem}.um-header-content{flex-direction:column;align-items:stretch}.um-create-btn{width:100%;justify-content:center}.um-stats,.um-filter-row{grid-template-columns:1fr}.um-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.um-table table{min-width:800px}.um-notification{top:1rem;right:1rem;left:1rem}}@media (max-width: 480px){.um-title h1{font-size:1.25rem}.um-stat-content h3{font-size:1.5rem}}:root{--cc-radius: 8px;--cc-space: 16px;--cc-border: #e5e7eb;--cc-border-light: #f3f4f6;--cc-text: #111827;--cc-text-light: #374151;--cc-muted: #6b7280;--cc-muted-light: #9ca3af;--cc-bg: #fff;--cc-bg-subtle: #fafafa;--cc-focus: rgba(17, 24, 39, .06)}.center-management{display:grid;gap:20px;background:transparent;max-width:1600px;margin:0 auto;padding:0 4px}.r2c-left{align-items:stretch}@keyframes ccSpin{to{transform:rotate(360deg)}}.cc-spin{animation:ccSpin 1s linear infinite}.center-management__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;padding-bottom:4px}@media (max-width: 1100px){.center-management__header{flex-wrap:wrap}}.center-management__title{display:flex;align-items:center;gap:12px;color:var(--cc-text)}.center-management__title h2{margin:0;font-size:24px;font-weight:600;color:var(--cc-text);letter-spacing:-.02em}.center-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border-radius:4px;font-size:11px;font-weight:600;color:var(--cc-text-light);background:var(--cc-bg-subtle);border:1px solid var(--cc-border-light)}.admin-owner__search{position:relative;display:block;width:100%;min-width:280px}.admin-owner__search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--cc-muted-light);pointer-events:none}.admin-owner__search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--cc-border);border-radius:var(--cc-radius);font-size:14px;background:var(--cc-bg);color:var(--cc-text);transition:.15s ease}.admin-owner__search-input:focus{outline:none;border-color:var(--cc-text-light);background:var(--cc-bg-subtle)}.admin-owner__search-input::placeholder{color:var(--cc-muted-light)}.r2c-actions{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}@media (max-width: 1100px){.r2c-actions{flex-wrap:wrap}}.admin-owner__button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--cc-text);background:var(--cc-text);color:#fff;padding:10px 16px;border-radius:10px;font-weight:500;font-size:14px;transition:.15s ease;cursor:pointer;white-space:nowrap}.admin-owner__button:hover{background:#1f2937;border-color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-owner__button:active{transform:scale(.98)}.center-management__content{width:100%}.center-cards-grid{background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius);overflow:hidden}.centers-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.centers-table::-webkit-scrollbar{height:8px}.centers-table::-webkit-scrollbar-track{background:transparent}.centers-table::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:4px}.centers-table::-webkit-scrollbar-thumb:hover{background:var(--cc-muted-light)}.centers-table table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed}.centers-table thead th{text-align:left;background:var(--cc-bg-subtle);color:var(--cc-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:12px;border-bottom:1px solid var(--cc-border);white-space:nowrap}.centers-table thead th:nth-child(1){width:25%}.centers-table thead th:nth-child(2){width:25%}.centers-table thead th:nth-child(3){width:20%}.centers-table thead th:nth-child(4){width:12%}.centers-table thead th:nth-child(5){width:18%}.centers-table tbody td{padding:14px 12px;border-bottom:1px solid var(--cc-border-light);vertical-align:middle;font-size:13px;color:var(--cc-text);overflow:hidden}.centers-table tbody tr:last-child td{border-bottom:none}.centers-table tbody tr{transition:background .15s ease;cursor:pointer}.centers-table tbody tr:hover{background:var(--cc-bg-subtle)}.cc-center{display:flex;align-items:center;gap:10px;min-width:0}.cc-center__avatar{width:32px;height:32px;border-radius:6px;background:var(--cc-bg-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--cc-text-light);flex-shrink:0}.cc-center__meta{min-width:0;overflow:hidden}.cc-center__name{font-weight:600;color:var(--cc-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-center__id{color:var(--cc-muted-light);font-size:11px;margin-top:2px;white-space:nowrap}.cc-location{display:flex;flex-direction:column;gap:4px;min-width:0}.cc-location__item{display:flex;align-items:center;gap:5px;min-width:0;font-size:12px}.cc-location__item svg{flex-shrink:0;color:var(--cc-muted-light);width:13px;height:13px}.cc-location__item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-contact{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}.cc-contact__item{display:flex;align-items:center;gap:5px;min-width:0}.cc-contact__item svg{flex-shrink:0;color:var(--cc-muted-light);width:13px;height:13px}.cc-contact__item span,.cc-contact__item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}.cc-contact__item a:hover{color:var(--cc-text);text-decoration:underline}.cc-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.cc-status--active{background:#10b98114;color:#065f46;border-color:#10b98126}.cc-status--inactive{background:#6b728014;color:#374151;border-color:#6b728026}.cc-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.btn-secondary,.btn-icon-compact{width:32px;height:32px;border-radius:var(--cc-radius);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cc-border);background:var(--cc-bg);color:var(--cc-text-light);transition:.15s ease;cursor:pointer;font-size:16px}.btn-secondary:hover,.btn-icon-compact:hover{background:var(--cc-bg-subtle);border-color:var(--cc-text-light);color:var(--cc-text)}.btn-secondary:active,.btn-icon-compact:active{transform:scale(.95)}.btn-action-edit{color:var(--cc-text-light)}.btn-action-delete{color:#991b1b}.btn-action-delete:hover{background:#fef2f2;border-color:#fecaca}.no-results-container{padding:60px 20px;display:grid;place-items:center;background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius)}.no-results{text-align:center;max-width:400px}.no-results svg{margin-bottom:16px;opacity:.2}.no-results h3{margin:8px 0 0;color:var(--cc-text);font-size:16px;font-weight:600}.no-results p{margin:8px 0 0;color:var(--cc-muted);font-size:14px}.skeleton{background:linear-gradient(90deg,var(--cc-bg-subtle) 0%,var(--cc-border-light) 20%,var(--cc-bg-subtle) 40%,var(--cc-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--cc-radius)}.cc-skel-rows{padding:16px}.cc-skel-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--cc-border-light)}.cc-skel-row:last-child{border-bottom:none}.skeleton-text-lg{width:180px;height:16px}.skeleton-text-sm{width:120px;height:12px}.center-card.skeleton-card{padding:16px;background:var(--cc-bg);border:1px solid var(--cc-border);border-radius:var(--cc-radius)}.skeleton-title{width:60%;height:18px;margin-bottom:12px}.skeleton-chip{width:80px;height:14px;margin-bottom:10px}.skeleton-line{width:100%;height:12px;margin-bottom:8px}.skeleton-line.short{width:70%}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;display:grid;place-items:center;padding:20px}.center-modal{background:var(--cc-bg);border-radius:16px;border:1px solid var(--cc-border);box-shadow:0 20px 60px -16px #00000040;max-width:600px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.center-modal-large{max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--cc-border-light);background:linear-gradient(135deg,#fafafa,#fff)}.modal-title{display:flex;align-items:center;gap:12px}.modal-title h2{margin:0;font-size:20px;font-weight:700;color:var(--cc-text);letter-spacing:-.02em}.modal-title svg{color:var(--cc-text-light)}.modal-close{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cc-border-light);background:var(--cc-bg);color:var(--cc-muted);cursor:pointer;transition:all .15s ease}.modal-close:hover{background:var(--cc-text);color:#fff;border-color:var(--cc-text);transform:rotate(90deg)}.modal-content{padding:20px;overflow-y:auto;flex:1}.modal-content-scrollable{max-height:calc(85vh - 180px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--cc-muted-light)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--cc-border-light);background:var(--cc-bg-subtle)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;font-weight:600;font-size:14px;transition:all .15s ease;cursor:pointer;border:1px solid;white-space:nowrap}.btn-primary{background:var(--cc-text);border-color:var(--cc-text);color:#fff}.btn-primary:hover:not(:disabled){background:#1f2937;border-color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--cc-bg);border-color:var(--cc-border);color:var(--cc-text)}.btn-secondary:hover:not(:disabled){background:var(--cc-bg-subtle);border-color:var(--cc-text-light);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--cc-border-light)}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3,.section-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--cc-text);text-transform:uppercase;letter-spacing:.03em;display:flex;align-items:center;gap:8px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--cc-text)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid var(--cc-border);border-radius:var(--cc-radius);background:var(--cc-bg);color:var(--cc-text);font-size:13px;font-family:inherit;transition:.15s ease}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--cc-muted-light)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--cc-text-light);background:var(--cc-bg-subtle)}.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.form-grid-two{grid-template-columns:1fr}}.opening-hours-grid{display:flex;flex-direction:column;gap:10px}.opening-hour-row{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:16px 20px;border:1px solid var(--cc-border-light);border-radius:12px;background:var(--cc-bg);transition:all .15s ease}.opening-hour-row:hover{border-color:var(--cc-border);box-shadow:0 2px 8px #0000000a}@media (max-width: 900px){.opening-hour-row{grid-template-columns:1fr;gap:12px}}.day-checkbox{display:flex;align-items:center}.day-checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none}.day-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--cc-text);flex-shrink:0}.day-label{color:var(--cc-text);min-width:90px}.time-inputs{display:flex;gap:24px;align-items:center;flex-wrap:nowrap}@media (max-width: 900px){.time-inputs{flex-wrap:wrap}}.time-row{display:flex;align-items:center;gap:10px;flex-shrink:0}.time-label{font-size:11px;color:var(--cc-muted);min-width:60px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.time-pair{display:flex;align-items:center;gap:8px;flex-shrink:0}.time-input{padding:10px 14px;border:1px solid var(--cc-border);border-radius:10px;background:var(--cc-bg);color:var(--cc-text);font-size:14px;font-family:SF Mono,Courier New,monospace;font-weight:600;transition:.15s ease;width:120px;text-align:center;flex-shrink:0}.time-input:hover{border-color:var(--cc-muted-light)}.time-input:focus{outline:none;border-color:var(--cc-text-light);background:var(--cc-bg-subtle)}.time-separator{color:var(--cc-muted);font-weight:600;font-size:14px}.closed-indicator{display:flex;align-items:center}.closed-badge{display:inline-flex;padding:8px 14px;border-radius:10px;background:#6b728014;color:var(--cc-muted);font-size:13px;font-weight:600;border:1px solid var(--cc-border-light)}.delete-modal{background:var(--cc-bg);border-radius:var(--cc-radius);border:1px solid var(--cc-border);box-shadow:0 20px 60px -16px #00000040;max-width:500px;width:100%}.delete-modal__header{padding:16px 20px;border-bottom:1px solid var(--cc-border-light)}.delete-modal__header h3{margin:0;font-size:16px;font-weight:600;color:var(--cc-text)}.delete-modal__content{padding:20px}.delete-modal__content p{margin:0 0 12px;color:var(--cc-text);font-size:14px}.delete-modal__content strong{color:var(--cc-text);font-weight:600}.delete-modal__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid var(--cc-border-light);background:var(--cc-bg-subtle)}.btn-delete{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:var(--cc-radius);font-weight:500;font-size:14px;transition:.15s ease;cursor:pointer;border:1px solid;white-space:nowrap;background:#991b1b;border-color:#991b1b;color:#fff}.btn-delete:hover:not(:disabled){background:#7f1d1d;border-color:#7f1d1d}.btn-delete:active:not(:disabled){transform:scale(.98)}.btn-delete:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 900px){.centers-table thead{display:none}.centers-table table,.centers-table tbody,.centers-table tr,.centers-table td{display:block;width:100%}.centers-table tr{border-bottom:1px solid var(--cc-border);padding:12px;margin-bottom:8px;border-radius:var(--cc-radius);cursor:pointer}.centers-table tr:hover{background:var(--cc-bg-subtle)}.centers-table td{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:8px 0;border-bottom:none}.centers-table td:before{content:attr(data-label);font-weight:600;color:var(--cc-muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.cc-actions{flex-wrap:wrap}}@media (max-width: 420px){.center-management{padding:0 8px}.center-management__header{flex-direction:column;align-items:stretch}.admin-owner__search{max-width:100%}.r2c-actions{flex-direction:column;align-items:stretch}.center-management__title h2{font-size:20px}}:root{--cm-radius:8px;--cm-space:16px;--cm-border:#e5e7eb;--cm-border-light:#f3f4f6;--cm-text:#111827;--cm-text-light:#374151;--cm-muted:#6b7280;--cm-muted-light:#9ca3af;--cm-bg:#fff;--cm-bg-subtle:#fafafa;--cm-focus:rgba(17,24,39,.06);--cm-modal-maxh: 85vh;--cm-hdr-h: 52px;--cm-ftr-h: 60px}.cm-root{display:grid;gap:20px;background:transparent;max-width:1600px;margin:0 auto;padding:0 4px}@keyframes cmSpin{to{transform:rotate(360deg)}}.cm-spin{animation:cmSpin 1s linear infinite}.cm-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:4px}.cm-header__text h2{margin:0;font-size:24px;font-weight:600;color:var(--cm-text);letter-spacing:-.02em}.cm-header__text p{margin:4px 0 0;color:var(--cm-muted);font-size:14px;font-weight:400}.cm-header__actions{display:flex;gap:8px;flex-wrap:wrap}.cm-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--cm-border);background:var(--cm-bg);color:var(--cm-text);padding:9px 14px;border-radius:var(--cm-radius);font-weight:500;font-size:14px;transition:.15s ease;cursor:pointer}.cm-btn:hover{background:var(--cm-bg-subtle);border-color:var(--cm-text-light)}.cm-btn:active{transform:scale(.98)}.cm-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cm-btn--primary{background:var(--cm-text);border-color:var(--cm-text);color:#fff}.cm-btn--primary:hover{background:var(--cm-text-light);border-color:var(--cm-text-light)}.cm-btn--ghost{background:transparent;border-color:var(--cm-border-light);color:var(--cm-muted)}.cm-btn--ghost:hover{background:var(--cm-bg-subtle);color:var(--cm-text)}.cm-btn--danger{background:transparent;border-color:#fecaca;color:#991b1b}.cm-btn--danger:hover{background:#fef2f2}.cm-btn--tight{padding:7px 12px;font-size:13px}.cm-iconbtn{width:32px;height:32px;border-radius:var(--cm-radius);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cm-border);background:var(--cm-bg);color:var(--cm-text-light);transition:.15s ease;cursor:pointer}.cm-iconbtn:hover{background:var(--cm-bg-subtle);border-color:var(--cm-text-light);color:var(--cm-text)}.cm-iconbtn:active{transform:scale(.95)}.cm-iconbtn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.cm-iconbtn--danger{color:#991b1b}.cm-iconbtn--danger:hover{background:#fef2f2;border-color:#fecaca}.cm-iconbtn--ghost{border-color:transparent;background:transparent}.cm-iconbtn--sm{width:28px;height:28px}.cm-kpis{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.cm-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cm-kpis{grid-template-columns:1fr}}.cm-kpi{display:flex;flex-direction:column;gap:12px;background:var(--cm-bg);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:16px;transition:border-color .15s ease}.cm-kpi:hover{border-color:var(--cm-muted-light)}.cm-kpi__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:6px;background:var(--cm-bg-subtle);color:var(--cm-text-light)}.cm-kpi__icon--accent{background:#3b82f60f;color:#2563eb}.cm-kpi__icon--ok{background:#10b9810f;color:#059669}.cm-kpi__icon--trend{background:#6366f10f;color:#6366f1}.cm-kpi__content h3{margin:0;font-size:28px;font-weight:600;color:var(--cm-text);letter-spacing:-.02em;line-height:1}.cm-kpi__content p{margin:6px 0 0;color:var(--cm-muted);font-size:13px;font-weight:500}.cm-kpi__hint{display:block;margin-top:4px;color:var(--cm-muted-light);font-size:12px;font-weight:400}.cm-content{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 1200px){.cm-content{grid-template-columns:1fr}.cm-aside{order:-1}}.cm-main{display:grid;gap:16px;min-width:0}.cm-filters{display:flex;flex-direction:column;gap:12px}@media (min-width: 840px){.cm-filters{flex-direction:row;align-items:center;justify-content:space-between}}.cm-search{position:relative;display:block;width:100%}@media (min-width: 640px){.cm-search{min-width:280px}}.cm-search__icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--cm-muted-light);pointer-events:none}.cm-search__input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);font-size:14px;background:var(--cm-bg);color:var(--cm-text);transition:.15s ease}.cm-search__input:focus{outline:none;border-color:var(--cm-text-light);background:var(--cm-bg-subtle)}.cm-search__input::placeholder{color:var(--cm-muted-light)}.cm-filter-row{display:flex;gap:8px;flex-wrap:nowrap;align-items:center}@media (max-width: 840px){.cm-filter-row{flex-wrap:wrap}}.cm-select{padding:10px 12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:var(--cm-bg);color:var(--cm-text);font-size:13px;font-weight:500;transition:.15s ease;cursor:pointer}.cm-select:hover{border-color:var(--cm-muted-light)}.cm-select:focus{outline:none;border-color:var(--cm-text-light);background:var(--cm-bg-subtle)}.cm-table__wrap{background:var(--cm-bg);border:1px solid var(--cm-border);border-radius:var(--cm-radius);overflow:hidden}.cm-table__head{padding:14px 16px;border-bottom:1px solid var(--cm-border);display:flex;align-items:center;justify-content:space-between}.cm-table__head h3{margin:0;font-size:15px;font-weight:600;color:var(--cm-text)}.cm-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cm-table::-webkit-scrollbar{height:8px}.cm-table::-webkit-scrollbar-track{background:transparent}.cm-table::-webkit-scrollbar-thumb{background:var(--cm-border);border-radius:4px}.cm-table::-webkit-scrollbar-thumb:hover{background:var(--cm-muted-light)}.cm-table table{width:100%;min-width:1000px;border-collapse:collapse;table-layout:fixed}.cm-table thead th{text-align:left;background:var(--cm-bg-subtle);color:var(--cm-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;padding:12px;border-bottom:1px solid var(--cm-border);white-space:nowrap}.cm-table thead th:nth-child(1){width:15%}.cm-table thead th:nth-child(2){width:17%}.cm-table thead th:nth-child(3){width:10%}.cm-table thead th:nth-child(4){width:11%}.cm-table thead th:nth-child(5){width:14%}.cm-table thead th:nth-child(6){width:10%}.cm-table thead th:nth-child(7){width:11%}.cm-table thead th:nth-child(8){width:12%}.cm-table tbody td{padding:14px 12px;border-bottom:1px solid var(--cm-border-light);vertical-align:middle;font-size:13px;color:var(--cm-text);overflow:hidden}.cm-table tbody tr:last-child td{border-bottom:none}.cm-table tbody tr{transition:background .15s ease}.cm-table tbody tr:hover{background:var(--cm-bg-subtle)}.cm-row--unopened{background:#fbbf240a}.cm-row--unopened:hover{background:#fbbf2414}.cm-td-contact{overflow:hidden}.cm-contact{display:flex;flex-direction:column;gap:6px;min-width:0}.cm-contact__item{display:flex;align-items:center;gap:6px;color:var(--cm-text);min-width:0;font-size:13px}.cm-contact__item svg{flex-shrink:0;color:var(--cm-muted-light)}.cm-ellipsis{display:block;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.cm-table thead{display:none}.cm-table table,.cm-table tbody,.cm-table tr,.cm-table td{display:block;width:100%}.cm-table tr{border-bottom:1px solid var(--cm-border);padding:12px;margin-bottom:8px;border-radius:var(--cm-radius)}.cm-table tr:hover{background:var(--cm-bg-subtle)}.cm-table td{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:8px 0;border-bottom:none}.cm-table td:before{content:attr(data-label);font-weight:600;color:var(--cm-muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.cm-td-contact{max-width:100%}}.cm-cust{display:flex;align-items:center;gap:10px;min-width:0}.cm-cust__avatar{width:32px;height:32px;border-radius:6px;background:var(--cm-bg-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--cm-text-light);flex-shrink:0}.cm-cust__meta{min-width:0;overflow:hidden}.cm-cust__name{font-weight:600;color:var(--cm-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-cust__id{color:var(--cm-muted-light);font-size:11px;margin-top:2px;white-space:nowrap}.cm-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid transparent;background:var(--cm-bg-subtle);color:var(--cm-text-light);white-space:nowrap}.cm-badge svg{width:13px;height:13px}.cm-badge--ok{background:#10b98114;color:#065f46;border-color:#10b98126}.cm-badge--no{background:#ef444414;color:#991b1b;border-color:#ef444426}.cm-badge--muted{background:var(--cm-bg-subtle);color:var(--cm-muted-light);border-color:transparent}.cm-opened,.cm-booking{display:flex;flex-direction:column;gap:6px;min-width:0}.cm-opened__date,.cm-booking__date{font-size:10px;color:var(--cm-muted-light);white-space:nowrap}.cm-activity{display:flex;flex-direction:column;gap:6px;min-width:0}.cm-activity__item{display:flex;gap:6px;align-items:center;font-size:13px;min-width:0}.cm-activity__item svg{color:var(--cm-muted-light);flex-shrink:0}.cm-activity__item span{white-space:nowrap}.cm-activity__date{display:flex;gap:4px;align-items:center;color:var(--cm-muted-light);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-activity__date svg{flex-shrink:0;width:11px;height:11px}.cm-created{display:flex;gap:5px;align-items:center;font-size:12px;white-space:nowrap}.cm-created svg{color:var(--cm-muted-light);flex-shrink:0;width:13px;height:13px}.cm-actions{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}@media (max-width: 900px){.cm-actions{flex-wrap:wrap}}.cm-empty{padding:40px 20px;display:grid;gap:10px;place-items:center;text-align:center;color:var(--cm-muted)}.cm-empty svg{color:var(--cm-muted-light)}.cm-empty h4{margin:8px 0 0;color:var(--cm-text);font-size:16px;font-weight:600}.cm-empty p{margin:4px 0 0;color:var(--cm-muted);font-size:14px;max-width:400px}.cm-aside{position:relative}.cm-activity-panel{background:var(--cm-bg);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:16px;display:grid;gap:12px;position:sticky;top:20px}.cm-activity-panel__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--cm-border-light)}.cm-activity-panel h3{margin:0;font-size:15px;font-weight:600;color:var(--cm-text)}.cm-chip{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 7px;border-radius:4px;font-size:11px;font-weight:600;color:var(--cm-text-light);background:var(--cm-bg-subtle);border:1px solid var(--cm-border-light)}.cm-activity-list{display:grid;gap:8px;max-height:600px;overflow-y:auto;overflow-x:hidden;padding-right:4px}.cm-activity-list::-webkit-scrollbar{width:6px}.cm-activity-list::-webkit-scrollbar-track{background:transparent}.cm-activity-list::-webkit-scrollbar-thumb{background:var(--cm-border);border-radius:3px}.cm-activity-list::-webkit-scrollbar-thumb:hover{background:var(--cm-muted-light)}.cm-activity-row{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--cm-border-light);border-radius:6px;background:var(--cm-bg);transition:all .15s ease}.cm-activity-row:hover{border-color:var(--cm-border);background:var(--cm-bg-subtle)}.cm-activity-row__icon{width:32px;height:32px;border-radius:6px;background:var(--cm-bg-subtle);display:inline-flex;align-items:center;justify-content:center;color:var(--cm-text-light);flex-shrink:0}.cm-activity-row__content{min-width:0}.cm-activity-row__title{font-weight:600;color:var(--cm-text);font-size:12px;line-height:1.4}.cm-activity-row__meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--cm-muted-light);font-size:11px;margin-top:4px}.cm-activity-row__email{font-weight:500;color:var(--cm-muted)}.cm-activity-row__time{color:var(--cm-muted-light)}.cm-activity-row__quote{color:var(--cm-muted);font-size:11px;margin-top:4px;font-weight:500}.cm-activity-empty{padding:32px 16px;text-align:center;color:var(--cm-muted);display:grid;gap:8px;place-items:center}.cm-activity-empty svg{color:var(--cm-muted-light)}.cm-activity-empty p{font-size:13px;margin:0}.cm-activity-empty span{font-size:11px;color:var(--cm-muted-light)}.cm-toast{position:fixed;left:20px;bottom:20px;z-index:1100;background:var(--cm-text);color:#fff;border-radius:var(--cm-radius);border:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center;padding:12px 16px;box-shadow:0 8px 24px -8px #0000004d;min-width:320px}@media (max-width: 640px){.cm-toast{left:12px;right:12px;bottom:12px;min-width:0}}.cm-toast__text{font-size:14px;font-weight:500;flex:1}.cm-toast__actions{display:flex;gap:8px}.cm-toast .cm-btn{font-size:13px;padding:6px 12px}.cm-toast .cm-btn--ghost{color:#fffc;border-color:#fff3}.cm-toast .cm-btn--ghost:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.cm-toast .cm-btn--primary{background:#fff;color:var(--cm-text);border-color:#fff}.cm-toast .cm-btn--primary:hover{background:#ffffffe6}.cm-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999}.cm-modal__container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;pointer-events:none;padding:20px}.cm-modal{pointer-events:auto;width:min(840px,100%);max-height:var(--cm-modal-maxh);height:auto;background:var(--cm-bg);border-radius:var(--cm-radius);border:1px solid var(--cm-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px -16px #00000040}.cm-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cm-border-light);background:var(--cm-bg);min-height:var(--cm-hdr-h)}.cm-modal__header h4{margin:0;font-size:16px;font-weight:600;color:var(--cm-text)}.cm-modal__body{padding:20px;overflow:auto;max-height:calc(var(--cm-modal-maxh) - var(--cm-hdr-h) - var(--cm-ftr-h))}.cm-modal__body::-webkit-scrollbar{width:8px}.cm-modal__body::-webkit-scrollbar-track{background:transparent}.cm-modal__body::-webkit-scrollbar-thumb{background:var(--cm-border);border-radius:4px}.cm-modal__body::-webkit-scrollbar-thumb:hover{background:var(--cm-muted-light)}.cm-modal__footer{padding:16px 20px;border-top:1px solid var(--cm-border-light);display:flex;align-items:center;gap:8px;background:var(--cm-bg-subtle);min-height:var(--cm-ftr-h)}.cm-tight__head{display:flex;gap:12px;align-items:center;min-width:0}.cm-tight__avatar{width:32px;height:32px;border-radius:6px;background:var(--cm-bg-subtle);color:var(--cm-text-light);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cm-tight__titlewrap{display:flex;flex-direction:column;gap:3px;min-width:0}.cm-tight__titlewrap h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-tight__subtitle{color:var(--cm-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-tight__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}@media (max-width: 700px){.cm-tight__grid{grid-template-columns:1fr}}.cm-tight__card{border:1px solid var(--cm-border-light);border-radius:var(--cm-radius);background:var(--cm-bg);padding:16px;display:grid;gap:12px}.cm-tight__sectiontitle{font-size:12px;font-weight:600;color:var(--cm-text);text-transform:uppercase;letter-spacing:.03em;padding-bottom:4px;border-bottom:1px solid var(--cm-border-light)}.cm-tight__formgrid{display:grid;gap:12px}.cm-tight__field{display:grid;gap:6px}.cm-tight__field>span{font-size:12px;font-weight:600;color:var(--cm-text)}.cm-tight__inputwrap{position:relative}.cm-tight__icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--cm-muted-light);pointer-events:none}.cm-tight__inputwrap input{width:100%;padding:9px 12px 9px 32px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:var(--cm-bg);color:var(--cm-text);font-size:13px;transition:.15s ease}.cm-tight__inputwrap input:hover{border-color:var(--cm-muted-light)}.cm-tight__inputwrap input:focus{outline:none;border-color:var(--cm-text-light);background:var(--cm-bg-subtle)}.cm-tight__field select{width:100%;padding:9px 12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius);background:var(--cm-bg);color:var(--cm-text);font-size:13px;font-weight:500;transition:.15s ease;cursor:pointer}.cm-tight__field select:hover{border-color:var(--cm-muted-light)}.cm-tight__field select:focus{outline:none;border-color:var(--cm-text-light);background:var(--cm-bg-subtle)}.cm-tight__checks{display:grid;gap:10px;padding:8px 0}.cm-tight__check{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--cm-text);cursor:pointer}.cm-tight__check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--cm-text)}.cm-formerror{padding:10px 14px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:var(--cm-radius);font-size:13px;font-weight:500}.cm-formerror--tight{padding:8px 12px;font-size:12px}.cm-tight__spacer{flex:1}@media (max-width: 420px){.cm-root{padding:0 8px}.cm-modal{width:100%}.cm-modal__header,.cm-modal__body,.cm-modal__footer{padding:12px 16px}.cm-tight__card{padding:12px}.cm-tight__inputwrap input,.cm-tight__field select{padding:8px 10px 8px 30px;font-size:13px}.cm-header__text h2{font-size:20px}.cm-kpi__content h3{font-size:24px}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.6}}.skeleton{background:linear-gradient(90deg,var(--cm-bg-subtle) 0%,var(--cm-border-light) 20%,var(--cm-bg-subtle) 40%,var(--cm-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;border-radius:var(--cm-radius);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 2.2s ease-in-out infinite}.skeleton-kpi-card{display:flex;flex-direction:column;gap:12px;background:var(--cm-bg);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:16px}.skeleton-kpi-icon{width:36px;height:36px;border-radius:6px;background:var(--cm-bg-subtle);animation:pulse-glow 2s ease-in-out infinite}.skeleton-kpi-content{display:flex;flex-direction:column;gap:10px}.skeleton-kpi-number{width:70px;height:32px;border-radius:6px;background:linear-gradient(90deg,var(--cm-bg-subtle) 0%,var(--cm-border-light) 20%,var(--cm-bg-subtle) 40%,var(--cm-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.skeleton-kpi-label{width:120px;height:16px;border-radius:4px;background:linear-gradient(90deg,var(--cm-bg-subtle) 0%,var(--cm-border-light) 20%,var(--cm-bg-subtle) 40%,var(--cm-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.cm-skel-rows{padding:16px}.cm-skel-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--cm-border-light)}.cm-skel-row:last-child{border-bottom:none}.skeleton-avatar{width:32px;height:32px;border-radius:6px;flex-shrink:0}.skeleton-text-group{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton-text{height:14px;border-radius:4px}.skeleton-text-lg{width:160px;height:16px}.skeleton-text-sm{width:100px;height:12px}.cm-skel-activity{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:10px;border:1px solid var(--cm-border-light);border-radius:6px;margin-bottom:8px}.cm-skel-activity:before{content:"";width:32px;height:32px;border-radius:6px;background:var(--cm-bg-subtle);animation:pulse-glow 2s ease-in-out infinite}.cm-skel-activity:after{content:"";width:80%;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--cm-bg-subtle) 0%,var(--cm-border-light) 20%,var(--cm-bg-subtle) 40%,var(--cm-bg-subtle) 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite;align-self:center}.u-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:grid;place-items:center;z-index:1000}.u-modal__container{width:min(680px,92vw);background:#fff;border-radius:14px;box-shadow:0 20px 60px #00000040;overflow:hidden;border:1px solid #e5e7eb;animation:u-pop .12s ease-out}@keyframes u-pop{0%{transform:translateY(4px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.u-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.u-modal__header h2{margin:0;font-size:18px;font-weight:700;color:#111827}.u-modal__close{border:none;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:#6b7280}.u-modal__meta{padding:10px 16px 0}.u-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;font-size:12px;font-weight:600}.u-modal__content{padding:12px 16px 4px;color:#111827}.u-list{margin:0;padding-left:18px}.u-list li{margin:6px 0}.u-modal__footer{padding:14px 16px 16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e5e7eb;background:#fafafa}.u-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d1d5db;background:#fff;padding:10px 14px;border-radius:10px;font-weight:600;cursor:pointer}.u-btn--primary{background:#111827;color:#fff;border-color:#111827}.u-btn:hover{filter:brightness(.98)}.u-btn:active{transform:translateY(1px)}.schedule-skeleton{padding:1.5rem;background:#f9fafb;min-height:calc(100vh - 120px)}@keyframes skeleton-shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton-shimmer{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(to right,#e0e0e0,#f0f0f0,#e0e0e0 40%,#e0e0e0);background-size:936px 100%}.skeleton-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.skeleton-kpi-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.skeleton-kpi-icon{width:48px;height:48px;border-radius:10px}.skeleton-kpi-number{width:60px;height:28px;border-radius:4px}.skeleton-kpi-label{width:80px;height:14px;border-radius:4px}.skeleton-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.skeleton-controls-left{display:flex;gap:1rem;flex:1;flex-wrap:wrap}.skeleton-controls-right{display:flex;gap:1rem;align-items:center}.skeleton-search{width:280px;height:40px;border-radius:8px}.skeleton-filter{width:180px;height:40px;border-radius:8px}.skeleton-nav{width:160px;height:40px;border-radius:8px}.skeleton-view-toggle{width:200px;height:40px;border-radius:8px}.skeleton-btn{width:140px;height:40px;border-radius:8px}.skeleton-calendar{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.skeleton-calendar-header{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:2px solid #e5e7eb;background:#f9fafb}.skeleton-time-header{padding:1rem;border-right:1px solid #e5e7eb;width:40px;height:20px;margin:auto;border-radius:4px}.skeleton-day-header{padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;border-right:1px solid #e5e7eb}.skeleton-day-header:last-child{border-right:none}.skeleton-day-name{width:50px;height:16px;border-radius:4px}.skeleton-day-number{width:30px;height:24px;border-radius:4px}.skeleton-calendar-grid{display:grid;grid-template-columns:80px 1fr}.skeleton-time-column{border-right:1px solid #e5e7eb;background:#f9fafb}.skeleton-time-slot{height:60px;border-bottom:1px solid #e5e7eb;margin:.5rem;border-radius:4px}.skeleton-days-grid{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.skeleton-day-column{border-right:1px solid #e5e7eb;position:relative;min-height:780px}.skeleton-day-column:last-child{border-right:none}.skeleton-cell{height:60px;border-bottom:1px solid #f0f0f0}.skeleton-job{position:absolute;left:4px;right:4px;border-radius:6px;border-left:4px solid transparent}@media (max-width: 1200px){.skeleton-controls{flex-direction:column;align-items:stretch}.skeleton-controls-left,.skeleton-controls-right{width:100%}.skeleton-controls-right{justify-content:space-between}.skeleton-search,.skeleton-filter{flex:1;width:auto}}@media (max-width: 900px){.skeleton-kpi-grid{grid-template-columns:repeat(2,1fr)}.skeleton-calendar-header,.skeleton-days-grid{grid-template-columns:repeat(3,1fr)}.skeleton-calendar-grid{grid-template-columns:1fr}.skeleton-time-column{display:none}}.schedule-management{padding:24px;background:#f9fafb;min-height:100vh}.schedule-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.schedule-loading p{color:#6b7280;font-size:16px}.schedule-snackbar{position:fixed;bottom:24px;right:24px;background:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 10px 40px #00000026;display:flex;align-items:center;gap:12px;z-index:10000;animation:slideInUp .3s ease}.schedule-snackbar.success{border-left:4px solid #10b981;color:#065f46}.schedule-snackbar.error{border-left:4px solid #ef4444;color:#991b1b}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.schedule-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.schedule-kpi-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.schedule-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.schedule-kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center}.schedule-kpi-icon.scheduled{background:#eef2ff;color:#6366f1}.schedule-kpi-icon.in-progress{background:#fef3c7;color:#f59e0b}.schedule-kpi-icon.completed{background:#d1fae5;color:#10b981}.schedule-kpi-icon.total{background:#f3e8ff;color:#a855f7}.schedule-kpi-content h3{margin:0;font-size:28px;font-weight:700;color:#1f2937}.schedule-kpi-content p{margin:4px 0 0;font-size:14px;color:#6b7280}.schedule-controls{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 2px 8px #0000000a}.schedule-controls-left,.schedule-controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1 1 0;min-width:0}.schedule-controls-right{justify-content:flex-end;flex-wrap:nowrap}.schedule-search{position:relative;display:flex;align-items:center;flex:1 1 320px;min-width:220px;max-width:420px}.schedule-search svg{position:absolute;left:12px;color:#9ca3af}.schedule-search input{padding:10px 12px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.schedule-search input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.schedule-filter-group{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;flex:0 1 220px;min-width:180px}.schedule-filter-group svg{color:#6b7280}.schedule-filter-group select{border:none;background:none;font-size:14px;color:#1f2937;cursor:pointer;padding:2px 8px 2px 0}.schedule-filter-group select:focus{outline:none}.schedule-navigation{display:flex;align-items:center;gap:8px;padding:4px;background:#f9fafb;border-radius:8px;flex:0 0 auto}.schedule-navigation button{padding:8px;border:none;background:none;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.schedule-navigation button:hover{background:#e5e7eb}.schedule-month-picker{padding:0 8px;flex:0 0 auto;position:relative;z-index:2}.schedule-month-picker input{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.schedule-month-picker input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.schedule-today-btn{padding:8px 16px!important;font-size:14px;font-weight:500;color:#374151}.schedule-view-toggle{display:flex;gap:4px;padding:4px;background:#f9fafb;border-radius:8px;flex:0 0 auto}.schedule-view-toggle button{padding:8px 16px;border:none;background:none;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s ease}.schedule-view-toggle button.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.schedule-action-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.schedule-action-btn.primary{background:#6366f1;color:#fff}.schedule-action-btn.primary:hover{background:#4f46e5}.schedule-calendar-wrapper{max-height:calc(100vh - 360px);overflow-y:auto;padding-bottom:8px}.schedule-calendar-wrapper .schedule-week-view,.schedule-calendar-wrapper .schedule-month-view{min-height:460px}.schedule-week-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.schedule-week-header{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:2px solid #e5e7eb;background:#f9fafb}.schedule-time-column-header{padding:16px;font-size:13px;font-weight:600;color:#6b7280;text-align:center;border-right:1px solid #e5e7eb}.schedule-week-header-day{padding:16px;text-align:center;border-right:1px solid #e5e7eb}.schedule-week-header-day:last-child{border-right:none}.schedule-week-header-day.today{background:#eef2ff}.schedule-week-header-day.closed{background:#fef2f2}.schedule-week-day-name{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.schedule-week-day-number{font-size:20px;font-weight:700;color:#1f2937}.schedule-closed-badge{font-size:10px;font-weight:600;color:#dc2626;text-transform:uppercase;margin-top:4px}.schedule-week-grid-container{display:grid;grid-template-columns:80px 1fr;overflow-x:auto}.schedule-time-column{border-right:2px solid #e5e7eb;background:#f9fafb}.schedule-time-slot{height:60px;padding:8px;font-size:12px;font-weight:500;color:#6b7280;border-bottom:1px solid #e5e7eb;display:flex;align-items:flex-start;justify-content:center}.schedule-week-grid{display:grid;grid-template-columns:repeat(7,1fr)}.schedule-week-day-column{border-right:1px solid #e5e7eb}.schedule-week-day-column:last-child{border-right:none}.schedule-week-day-column.today{background:#fefce8}.schedule-time-cell{height:60px;border-bottom:1px solid #e5e7eb;padding:4px;position:relative;overflow:visible}.schedule-time-cell.closed{background:#fafafa;pointer-events:none}.schedule-time-cell.lunch{background:#fffbeb}.schedule-closed-overlay,.schedule-lunch-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase;pointer-events:none}.schedule-closed-overlay{background:#ef44440d;color:#dc2626}.schedule-lunch-overlay{background:#fbbf240d;color:#d97706}.schedule-time-job{margin-bottom:2px}.schedule-month-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden}.schedule-month-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f9fafb;border-bottom:2px solid #e5e7eb}.schedule-month-header-day{padding:16px;text-align:center;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase}.schedule-month-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(120px,auto)}.schedule-month-day{border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:8px;min-height:120px;position:relative}.schedule-month-day:nth-child(7n){border-right:none}.schedule-month-day.other-month{background:#fafafa}.schedule-month-day.other-month .schedule-month-day-number{color:#d1d5db}.schedule-month-day.today{background:#fefce8}.schedule-month-day-number{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:8px}.schedule-month-jobs{display:flex;flex-direction:column;gap:4px}.schedule-month-job-pill{padding:6px 8px;border-radius:6px;cursor:pointer;transition:transform .15s ease;display:flex;flex-direction:column;gap:2px}.schedule-month-job-pill:hover{transform:translate(2px)}.schedule-month-job-time{font-size:11px;font-weight:600;color:#1f2937}.schedule-month-job-customer{font-size:12px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-month-job-license{font-size:10px;color:#6b7280;opacity:.8}.schedule-month-more{font-size:11px;font-weight:600;color:#6b7280;padding:4px 8px;text-align:center}.schedule-job-card{background:#fff;border-radius:8px;padding:12px;border-left:4px solid #6366f1;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;margin-bottom:8px}.schedule-job-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.schedule-job-card.compact{padding:8px;margin-bottom:4px}.schedule-job-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.schedule-job-time{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#1f2937}.schedule-job-actions-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.schedule-job-actions-btn:hover{background:#f3f4f6}.schedule-job-customer,.schedule-job-vehicle,.schedule-job-type,.schedule-job-center,.schedule-job-tech{display:flex;align-items:center;gap:6px;font-size:13px;color:#4b5563;margin-bottom:6px}.schedule-job-customer{font-weight:600;color:#1f2937}.schedule-job-vehicle svg,.schedule-job-type svg,.schedule-job-center svg,.schedule-job-tech svg,.schedule-job-customer svg{flex-shrink:0;color:#6366f1}.schedule-job-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;margin-top:8px;padding-top:8px;border-top:2px solid #e5e7eb}.schedule-job-action-menu{position:absolute;top:40px;right:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e5e7eb;padding:4px;z-index:100;min-width:180px}.schedule-job-action-menu button{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#374151;cursor:pointer;transition:background .2s ease;text-align:left}.schedule-job-action-menu button:hover{background:#f3f4f6}.schedule-job-action-menu button.delete{color:#ef4444}.schedule-job-action-menu button.delete:hover{background:#fee2e2}.schedule-action-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99}.schedule-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.schedule-job-detail-modal-simple{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto}.schedule-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.schedule-modal-header h3{margin:0;font-size:20px;color:#1f2937}.schedule-modal-header button{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.schedule-modal-header button:hover{background:#f3f4f6}.schedule-detail-grid{display:flex;flex-direction:column;gap:12px}.schedule-detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.schedule-detail-row strong{color:#6b7280;font-size:14px;font-weight:500}.schedule-detail-row span{color:#1f2937;font-size:14px;text-align:right}.schedule-detail-row.full-width{flex-direction:column;gap:8px}.schedule-detail-row.full-width span{text-align:left}.schedule-close-btn{width:100%;padding:12px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;margin-top:20px;transition:background .2s ease}.schedule-close-btn:hover{background:#4f46e5}.schedule-job-detail-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}.schedule-job-detail-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.schedule-job-detail-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb}.schedule-job-detail-title{display:flex;align-items:center;gap:12px}.schedule-job-detail-title h2{margin:0;font-size:22px;font-weight:600;color:#1f2937}.schedule-job-detail-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.schedule-job-detail-close:hover{background:#f3f4f6}.schedule-job-detail-content{flex:1;overflow-y:auto;padding:24px}.schedule-job-info-card{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid #e5e7eb}.schedule-job-info-card h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.schedule-job-info-details{display:flex;flex-direction:column;gap:6px}.schedule-job-info-details div{font-size:14px;color:#6b7280}.schedule-job-info-details strong{color:#374151;font-weight:500}.schedule-job-status-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;padding:16px;margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.schedule-job-status-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.schedule-job-status-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.schedule-job-status-header p{margin:6px 0 0;font-size:13px;color:#6b7280}.schedule-job-status-badge{padding:6px 12px;border-radius:999px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.schedule-job-status-note{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;padding:10px 12px;font-size:13px;color:#475569;display:flex;flex-direction:column;gap:6px}.schedule-job-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.schedule-job-image-card{display:flex;flex-direction:column;gap:10px}.schedule-job-image-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#374151}.schedule-job-image-preview{position:relative;width:100%;height:160px;border-radius:12px;border:1px dashed #cbd5f5;background-color:#f8fafc;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}.schedule-job-image-placeholder{display:flex;flex-direction:column;gap:6px;align-items:center;font-size:12px;color:#94a3b8}.schedule-job-image-card input[type=file]{font-size:12px;color:#475569}.schedule-job-status-actions{display:flex;flex-wrap:wrap;gap:12px}.schedule-reason-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.schedule-reason-modal{background:#fff;border-radius:14px;padding:20px;width:100%;max-width:420px;box-shadow:0 20px 50px #0f172a33;display:flex;flex-direction:column;gap:12px}.schedule-reason-modal h3{margin:0;font-size:18px;color:#0f172a}.schedule-reason-modal p{margin:0;font-size:13px;color:#64748b}.schedule-reason-modal textarea{width:100%;border-radius:10px;border:1px solid #d1d5db;padding:10px 12px;font-size:14px;color:#1f2937;resize:vertical;min-height:90px}.schedule-reason-error{font-size:13px;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:8px 10px;border-radius:8px}.schedule-reason-actions{display:flex;justify-content:flex-end;gap:10px}.schedule-job-detail-form{display:flex;flex-direction:column;gap:20px}.schedule-job-detail-field{display:flex;flex-direction:column;gap:8px}.schedule-job-detail-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.schedule-job-detail-field input,.schedule-job-detail-field select,.schedule-job-detail-field textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.schedule-job-detail-field input:focus,.schedule-job-detail-field select:focus,.schedule-job-detail-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.schedule-job-detail-field input:disabled,.schedule-job-detail-field select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.schedule-job-detail-field textarea{resize:vertical;min-height:80px;font-family:inherit}.schedule-job-detail-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.schedule-job-duration-badge{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;color:#059669;font-size:14px;font-weight:500}.schedule-job-detail-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-top:12px}.schedule-job-detail-footer{display:flex;align-items:center;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb}.schedule-job-detail-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.schedule-job-detail-btn.primary{background:#6366f1;color:#fff}.schedule-job-detail-btn.primary:hover:not(:disabled){background:#4f46e5}.schedule-job-detail-btn.secondary{background:#f3f4f6;color:#374151}.schedule-job-detail-btn.secondary:hover:not(:disabled){background:#e5e7eb}.schedule-job-detail-btn.danger{background:#ef4444;color:#fff}.schedule-job-detail-btn.danger:hover:not(:disabled){background:#dc2626}.schedule-job-detail-btn:disabled{opacity:.5;cursor:not-allowed}.schedule-delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001}.schedule-delete-confirm-modal{background:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%}.schedule-delete-confirm-modal h3{margin:0 0 12px;font-size:20px;color:#1f2937}.schedule-delete-confirm-modal p{margin:0 0 16px;color:#6b7280;line-height:1.5}.schedule-delete-confirm-info{background:#f9fafb;border-radius:8px;padding:12px;margin-bottom:20px;display:flex;flex-direction:column;gap:4px}.schedule-delete-confirm-info strong{color:#1f2937;font-size:15px}.schedule-delete-confirm-info span{color:#6b7280;font-size:13px}.schedule-delete-confirm-actions{display:flex;gap:12px;justify-content:flex-end}@media (min-width: 1200px){.schedule-controls,.schedule-controls-left,.schedule-controls-right{flex-wrap:nowrap;align-items:center}.schedule-controls-right{gap:8px}}@media (max-width: 1024px){.schedule-controls{flex-direction:column;align-items:stretch}.schedule-controls-left,.schedule-controls-right{width:100%;justify-content:space-between;flex-wrap:wrap}.schedule-search input{width:100%}}@media (max-width: 768px){.schedule-management{padding:16px}.schedule-kpi-grid{grid-template-columns:1fr 1fr}.schedule-job-detail-modal{max-width:100%;max-height:100vh;border-radius:0}.schedule-job-detail-row{grid-template-columns:1fr}.schedule-job-detail-footer{flex-direction:column-reverse}.schedule-job-detail-footer>div{width:100%;margin-left:0!important}.schedule-job-detail-footer>div,.schedule-job-detail-footer button{width:100%}.schedule-job-status-header{flex-direction:column;align-items:flex-start}.schedule-job-status-actions{flex-direction:column;width:100%}.schedule-job-status-actions .schedule-job-detail-btn{width:100%;justify-content:center}.schedule-week-grid-container{overflow-x:scroll}}.schedule-week-day-column{border-right:1px solid #e5e7eb;position:relative}.schedule-week-job-overlay{position:absolute;z-index:10}.schedule-week-job-overlay .schedule-job-card{height:100%;margin:0;overflow-y:auto}.schedule-time-cell{height:60px;border-bottom:1px solid #e5e7eb;padding:0;position:relative;overflow:visible}.job-booking-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:20px;overflow-y:auto}.job-booking-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;position:relative;z-index:100000;overflow:hidden}.job-booking-modal-large{max-width:900px}.job-booking-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.job-booking-title{display:flex;align-items:center;gap:12px}.job-booking-title h2{margin:0;font-size:22px;font-weight:600;color:#1f2937}.job-booking-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:8px;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.job-booking-close:hover{background:#f3f4f6}.job-booking-content{flex:1;overflow-y:auto;padding:24px;background:#fff}.job-mode-selector{display:flex;gap:12px;margin-bottom:24px;padding:4px;background:#f9fafb;border-radius:10px}.job-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.job-mode-btn:hover{background:#e5e7eb}.job-mode-btn.active{background:#fff;color:#6366f1;box-shadow:0 2px 4px #0000001a}.job-booking-quote-info{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:24px;border:1px solid #e5e7eb}.job-booking-quote-info h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.job-booking-quote-details{display:flex;flex-direction:column;gap:6px}.job-booking-quote-details div{font-size:14px;color:#6b7280}.job-booking-quote-details strong{color:#374151;font-weight:500}.job-quote-search{margin-bottom:24px}.job-quote-search-input{position:relative;display:flex;align-items:center;margin-bottom:12px}.job-quote-search-input svg{position:absolute;left:12px;color:#9ca3af}.job-quote-search-input input{width:100%;padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.job-quote-search-input input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.job-quote-results{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.job-quote-result{padding:12px 16px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s ease}.job-quote-result:last-child{border-bottom:none}.job-quote-result:hover{background:#f9fafb}.job-quote-result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.job-quote-result-name{font-weight:600;color:#1f2937;font-size:14px}.job-quote-result-license{font-size:13px;color:#6b7280;font-weight:500}.job-quote-result-details{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:8px}.job-quote-empty{padding:40px;text-align:center;color:#9ca3af}.job-quote-empty svg{margin-bottom:12px}.job-quote-empty p{margin:0;font-size:14px}.job-booking-form{display:flex;flex-direction:column;gap:20px}.job-booking-field{display:flex;flex-direction:column;gap:8px}.job-booking-field label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#374151}.job-booking-field input,.job-booking-field select,.job-booking-field textarea{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;width:100%;box-sizing:border-box}.job-booking-field input:focus,.job-booking-field select:focus,.job-booking-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.job-booking-field input:disabled,.job-booking-field select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.job-booking-field textarea{resize:vertical;min-height:80px}.job-booking-field-hint{font-size:13px;color:#6b7280;margin-top:4px}.job-booking-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.job-booking-duration{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ecfdf5;border:1px solid #d1fae5;border-radius:8px;color:#059669;font-size:14px;font-weight:500}.schedule-job-card-minimal{background:#fff;border-radius:8px;padding:8px;border-left:4px solid #6366f1;box-shadow:0 2px 4px #0000001a;cursor:pointer;transition:all .2s ease;position:relative;height:100%;display:flex;flex-direction:column}.schedule-job-card-minimal:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.schedule-job-card-minimal.resizing{box-shadow:0 6px 20px #6366f166;border-left-width:6px;opacity:.95}.schedule-job-card-minimal-content{display:flex;align-items:center;justify-content:space-between;gap:8px}.schedule-job-license{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#1f2937;flex:1}.schedule-job-license svg{flex-shrink:0;color:#6366f1}.schedule-job-actions-btn-minimal{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .2s ease;color:#6b7280;flex-shrink:0}.schedule-job-actions-btn-minimal:hover{background:#0000000d;color:#1f2937}.schedule-job-resize-handle{position:absolute;bottom:0;left:0;right:0;height:8px;cursor:ns-resize;background:#00000008;border-bottom-left-radius:8px;border-bottom-right-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.schedule-job-resize-handle:after{content:"⋮";font-size:12px;color:#0003;font-weight:700}.schedule-job-resize-handle:hover{background:#6366f133;height:10px}.schedule-job-resize-handle:hover:after{color:#6366f1}.schedule-action-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99998;background:transparent}.schedule-job-action-menu-portal{position:fixed!important;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;border:1px solid #e5e7eb;padding:6px;z-index:99999!important;min-width:200px;animation:menuSlideIn .2s ease}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.schedule-job-action-menu-portal button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:all .2s ease;text-align:left;font-weight:500}.schedule-job-action-menu-portal button:hover{background:#f3f4f6;color:#1f2937}.schedule-job-action-menu-portal button.delete{color:#ef4444}.schedule-job-action-menu-portal button.delete:hover{background:#fee2e2;color:#dc2626}.schedule-job-action-menu-portal button svg{flex-shrink:0}.schedule-week-view.day-view .schedule-week-day-column{min-width:100%}.schedule-week-view.day-view .schedule-week-grid{grid-template-columns:1fr}.schedule-job-stack{position:relative;height:100%}.schedule-job-stack-preview{position:relative;height:100%;cursor:pointer;padding:4px}.schedule-job-stack-count{position:absolute;top:8px;right:8px;background:#6366f1;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;z-index:1000;box-shadow:0 2px 8px #6366f166}.schedule-job-stack-card{position:absolute;top:0;left:0;right:0;bottom:0;transition:transform .3s ease}.schedule-job-stack-preview:hover .schedule-job-stack-card{transform:translateY(0) translate(0)!important}.schedule-job-stack-expanded{position:absolute;top:0;left:0;right:-250px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;border:3px solid #6366f1;z-index:1000;min-width:350px;max-height:600px;display:flex;flex-direction:column;animation:stackExpand .3s cubic-bezier(.34,1.56,.64,1)}@keyframes stackExpand{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.schedule-job-stack-expanded-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:10px 10px 0 0;font-weight:700;font-size:15px}.schedule-job-stack-expanded-header button{background:#fff3;border:none;padding:6px;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#fff}.schedule-job-stack-expanded-header button:hover{background:#ffffff4d;transform:rotate(90deg)}.schedule-job-stack-expanded-list{padding:12px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:10px}.schedule-job-stack-expanded-item{animation:cardFadeIn .3s ease forwards;opacity:0}@keyframes cardFadeIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.schedule-month-job-customer{font-size:12px;color:#4b5563;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.job-booking-error{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-top:12px}.job-booking-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0}.job-booking-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.job-booking-btn.primary{background:#6366f1;color:#fff}.job-booking-btn.primary:hover:not(:disabled){background:#4f46e5}.job-booking-btn.secondary{background:#f3f4f6;color:#374151}.job-booking-btn.secondary:hover:not(:disabled){background:#e5e7eb}.job-booking-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.job-booking-modal{max-width:100%;max-height:100vh;border-radius:0}.job-booking-row{grid-template-columns:1fr}.job-mode-selector{flex-direction:column}.job-booking-footer{flex-direction:column-reverse}.job-booking-footer .job-booking-btn{width:100%}}.bookings-table-container{padding:1.5rem;background:#f9fafb;min-height:calc(100vh - 120px)}.bookings-header{margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb}.bookings-header h2{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 1rem}.bookings-filters{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;flex:1;min-width:200px;max-width:300px}.search-box svg{color:#666;flex-shrink:0}.search-box input{border:none;background:transparent;outline:none;font-size:.875rem;width:100%;color:#1a1a1a}.search-box input::placeholder{color:#999}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:500;color:#666;white-space:nowrap}.filter-group select{padding:.5rem .75rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;font-size:.875rem;color:#1a1a1a;cursor:pointer;outline:none;transition:border-color .2s}.filter-group select:hover{border-color:#1a1a1a}.filter-group select:focus{border-color:#1a1a1a}.current-center{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f0fdf4;border:1px solid #10b981;border-radius:6px;color:#065f46;font-size:.875rem;font-weight:500}.current-center svg{flex-shrink:0}.bookings-grid{display:grid;gap:1rem;margin-bottom:1rem}.booking-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:start}.booking-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #3b82f61a}.booking-card-status{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:80px}.booking-card-body{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.booking-card-section{display:flex;flex-direction:column;gap:.5rem}.booking-card-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:.25rem}.booking-card-actions{display:flex;flex-direction:column;gap:.5rem;min-width:120px}.status-badge{display:inline-flex;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-align:center}.badge-preliminary{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.badge-confirmed{background:#d1fae5;color:#065f46;border:1px solid #10b981}.badge-rejected{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.booking-id{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:#3b82f6;font-size:.875rem;background:#eff6ff;padding:.25rem .5rem;border-radius:6px;display:inline-block}.customer-name{font-weight:600;color:#1a1a1a;font-size:1rem;margin-bottom:.25rem}.customer-contact{display:flex;flex-direction:column;gap:.375rem}.contact-item{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.875rem}.contact-item svg{flex-shrink:0;color:#9ca3af}.license{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1a1a1a;font-size:.875rem;background:#f3f4f6;padding:.375rem .75rem;border-radius:6px;display:inline-flex}.license svg{color:#6b7280}.center{display:flex;align-items:center;gap:.5rem;color:#1a1a1a;font-size:.875rem;font-weight:500}.center svg{color:#6b7280}.date{color:#1a1a1a;font-size:.875rem;font-weight:500}.time{display:flex;align-items:center;gap:.5rem;color:#1a1a1a;font-size:.875rem}.time svg{color:#6b7280}.services-list{display:flex;flex-wrap:wrap;gap:.375rem}.service-tag{display:inline-block;padding:.25rem .625rem;background:#eff6ff;color:#1e40af;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;border:1px solid #bfdbfe}.service-more{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .625rem;background:#f3f4f6;color:#4b5563;border-radius:6px;font-size:.75rem;font-weight:600}.price{font-weight:700;color:#059669;font-size:1.125rem;white-space:nowrap}.action-buttons{display:flex;flex-direction:column;gap:.5rem}.action-buttons button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500;white-space:nowrap}.btn-confirm{background:#d1fae5;color:#065f46;border:1px solid #10b981}.btn-confirm:hover:not(:disabled){background:#10b981;color:#fff}.btn-reject{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.btn-reject:hover:not(:disabled){background:#ef4444;color:#fff}.btn-reschedule{background:#e0f2fe;color:#075985;border:1px solid #38bdf8}.btn-reschedule:hover:not(:disabled){background:#38bdf8;color:#fff}.btn-delete{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.btn-delete:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}.action-buttons button:disabled{opacity:.5;cursor:not-allowed}.status-text{font-size:.8125rem;color:#6b7280;text-align:center;padding:.5rem}.booking-expired{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:#fff1f2;color:#be123c;border:1px solid #fecdd3;border-radius:999px;font-size:.75rem;font-weight:600;margin-top:.5rem;width:fit-content}.reschedule-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.reschedule-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:420px;box-shadow:0 20px 40px #0003}.reschedule-modal h3{margin:0 0 .5rem;font-size:1.125rem}.reschedule-subtitle{margin:0 0 1rem;color:#6b7280;font-size:.875rem}.reschedule-row{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.reschedule-row label{font-size:.8125rem;font-weight:600;color:#374151}.reschedule-row input,.reschedule-row textarea{border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .75rem;font-size:.875rem;outline:none}.reschedule-row input:focus,.reschedule-row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.reschedule-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.reschedule-actions .btn-cancel,.reschedule-actions .btn-confirm{padding:.5rem .75rem;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;cursor:pointer;font-size:.875rem;font-weight:600}.reschedule-actions .btn-confirm{background:#10b981;color:#fff;border-color:#10b981}.reschedule-actions .btn-confirm:disabled,.reschedule-actions .btn-cancel:disabled{opacity:.6;cursor:not-allowed}.bookings-summary{padding:.75rem 1rem;background:#f9f9f9;border-radius:6px;font-size:.875rem;color:#666;text-align:center}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#666}.loading-state .spinner,.empty-state svg{color:#999;margin-bottom:1rem}.spinner-sm{animation:spin 1s linear infinite}@media (max-width: 1200px){.bookings-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{justify-content:space-between}.booking-card{grid-template-columns:1fr}.booking-card-status{flex-direction:row;justify-content:space-between;min-width:auto;width:100%}.booking-card-actions{min-width:auto;width:100%}.action-buttons{flex-direction:row}}@media (max-width: 768px){.bookings-table-container,.bookings-header,.booking-card{padding:1rem}.booking-card-body{grid-template-columns:1fr}.action-buttons button{font-size:.8125rem;padding:.5rem .75rem}}.admin-owner{display:flex!important;flex-direction:row!important;min-height:100vh;background:#f9fafb}.r2c-mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:70;background:var(--primary);color:#fff;border:none;width:44px;height:44px;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a;align-items:center;justify-content:center;transition:all .2s ease}.r2c-mobile-close{display:none;position:fixed;top:1rem;right:1rem;z-index:70;background:#000c;color:#fff;border:none;width:44px;height:44px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center}.r2c-sidebar{width:280px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:60;box-shadow:0 1px 3px #0000001a;transition:width .3s ease,transform .3s ease;cursor:pointer}.r2c-customer-controls{margin-bottom:16px}.r2c-search-filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.r2c-search-input-container{flex-wrap:nowrap;align-items:center}.r2c-search-input,.r2c-search-input:focus,.r2c-search-input:focus-visible{outline:none!important;box-shadow:none!important}.r2c-search-input-container:focus-within{outline:none!important;box-shadow:0 1px 2px #0000000d!important;border-color:#d1d5db!important}.snackbar-fixed-container{display:none!important}.r2c-row-unopened{background:#fef2f280;border-left:3px solid #ef4444}.r2c-opened-status.accepted{color:#10b981;background:#10b9811a;border-radius:999px;padding:2px 8px;display:inline-flex;gap:6px;align-items:center}.r2c-opened-status.declined{color:#ef4444;background:#ef44441a;border-radius:999px;padding:2px 8px;display:inline-flex;gap:6px;align-items:center}.r2c-user-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 12px}.r2c-support-trigger.small{width:42px;height:42px;min-width:32px;min-height:32px;display:grid;place-items:center;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease,background .12s ease;padding:0;margin:0}.r2c-support-trigger.small:hover{border-color:#d1d5db;box-shadow:0 2px 10px #0000000f;background:#f8fafc;transform:translateY(-1px)}.r2c-support-trigger.small:active{transform:translateY(0)}.r2c-logout-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px}.r2c-logout-btn{background:#fff;border:1px solid #e5e7eb;color:#0f172a}.r2c-logout-btn:hover{background:#f8fafc;border-color:#d1d5db}.r2c-support-trigger{margin:10px 12px 12px;display:inline-flex;align-items:center;gap:8px;width:calc(100% - 24px);padding:10px 12px;border-radius:12px;border:1px dashed #c7d2fe;background:linear-gradient(180deg,#fff,#f8fafc);color:#1e3a8a;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.r2c-support-trigger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #1e40af1a;border-color:#93c5fd;background:linear-gradient(180deg,#fff,#f3f4f6)}.r2c-support-trigger:active{transform:translateY(0)}.r2c-support-trigger.collapsed{width:36px;height:36px;margin:8px auto 12px;border-radius:50%;padding:0;display:grid;place-items:center;border-style:solid}.r2c-support-modal{position:fixed;right:24px;bottom:24px;width:calc(min(920px,calc(100vw - 32px))/2);height:calc(min(80vh,940px)*.7);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;overflow:hidden;z-index:9999;animation:r2c-popin .18s ease-out}@keyframes r2c-popin{0%{transform:translateY(8px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.r2c-support-header{height:52px;min-height:52px;padding:0 10px 0 14px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#f8fafc,#fff);display:flex;align-items:center;justify-content:space-between}.r2c-support-title{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#0f172a}.r2c-support-actions{display:inline-flex;align-items:center;gap:8px}.r2c-support-iconbtn{width:34px;height:34px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;display:grid;place-items:center;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.r2c-support-iconbtn:hover{background:#f8fafc;border-color:#d1d5db;transform:translateY(-1px)}.r2c-support-iconbtn.close{border-color:#fee2e2;background:#fff}.r2c-support-iconbtn.close:hover{background:#fef2f2;border-color:#fecaca}.r2c-support-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.r2c-support-body iframe{flex:1;border:none;width:100%;height:100%}.r2c-customers-responsive .r2c-table{width:100%;border-collapse:collapse}.r2c-customers-responsive .r2c-table th,.r2c-customers-responsive .r2c-table td{padding:12px;border-bottom:1px solid var(--border, #e5e7eb);vertical-align:top}.r2c-row-unopened{background:#fff7ed}@media (max-width: 720px){.r2c-customers-responsive .r2c-table,.r2c-customers-responsive .r2c-table thead,.r2c-customers-responsive .r2c-table tbody,.r2c-customers-responsive .r2c-table th,.r2c-customers-responsive .r2c-table td,.r2c-customers-responsive .r2c-table tr{display:block}.r2c-customers-responsive .r2c-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.r2c-customers-responsive .r2c-table tr{background:var(--background, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;margin:10px 0;overflow:hidden}.r2c-customers-responsive .r2c-table td{border:0;border-bottom:1px solid var(--border, #eef0f3);position:relative;padding:10px 12px}.r2c-customers-responsive .r2c-table td:last-child{border-bottom:0}.r2c-customers-responsive .r2c-table td:before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--text-muted, #6b7280);text-transform:uppercase;margin-bottom:4px;letter-spacing:.4px}}.r2c-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000}.r2c-edit-modal{position:fixed;top:8vh;left:50%;transform:translate(-50%);width:min(720px,calc(100% - 24px));max-height:84vh;background:var(--card-background, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;box-shadow:0 20px 50px #00000040;display:flex;flex-direction:column;z-index:1001}.r2c-modal-header,.r2c-modal-footer{padding:12px 14px;border-bottom:1px solid var(--border, #e5e7eb);display:flex;align-items:center;justify-content:space-between}.r2c-modal-footer{border-bottom:0;border-top:1px solid var(--border, #e5e7eb);gap:8px}.r2c-modal-header h4{margin:0;font-size:16px;font-weight:700;color:var(--text-primary, #111827)}.r2c-modal-body{padding:14px;overflow:auto}.r2c-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.r2c-form-field{display:flex;flex-direction:column;gap:6px}.r2c-form-field label{font-size:13px;color:var(--text-secondary, #374151);font-weight:600}.r2c-form-field input,.r2c-form-field select{padding:10px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--input-bg, #f9fafb);color:var(--text-primary, #111827);font-size:14px}.r2c-form-field input:focus,.r2c-form-field select:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f133;background:var(--card-background, #fff)}.r2c-form-checks{grid-column:1 / -1;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.r2c-checkbox{display:inline-flex;align-items:center;gap:8px;font-size:14px}.r2c-form-error{margin-top:8px;background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.25);border-radius:8px;padding:8px 10px;font-size:13px}.r2c-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid var(--border, #e5e7eb);background:var(--card-background, #fff);color:var(--text-primary, #111827)}.r2c-btn.ghost:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06))}.r2c-btn.primary{background:var(--primary, #6366f1);color:#fff;border-color:var(--primary, #6366f1)}.r2c-btn.primary:hover{filter:brightness(.97);transform:translateY(-1px);box-shadow:var(--shadow-sm, 0 2px 8px rgba(0,0,0,.06))}.r2c-btn[disabled]{opacity:.65;cursor:not-allowed}@media (max-width: 768px){.r2c-edit-modal{top:6vh;width:min(640px,calc(100% - 16px))}.r2c-form-grid{grid-template-columns:1fr}}.r2c-icon-btn.edit:hover{border-color:var(--success, #10b981);color:var(--success, #10b981)}.r2c-support-modal.minimized{width:320px;height:56px;padding:0;overflow:hidden}.r2c-support-modal.minimized .r2c-support-header{height:56px;border-bottom:none;background:linear-gradient(180deg,#eef2ff,#fff)}.r2c-support-modal.minimized .r2c-support-title span{font-weight:600;color:#1e3a8a}.r2c-support-modal.minimized .r2c-support-body{display:none}@media (max-width: 640px){.r2c-support-modal{right:12px;left:12px;width:auto;height:min(75vh,820px);border-radius:14px}}.r2c-search-input{flex:1 1 auto;min-width:0;padding:0;margin:0;background:transparent;border:none;font-size:13px;line-height:1.5;height:100%;display:block}.r2c-search-input-container svg{flex:0 0 auto;display:inline-block;width:auto!important;height:18px!important;max-width:none!important;line-height:0}.r2c-filter-section{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.r2c-filter-select{padding:6px 24px 6px 10px;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 2px #0000000d;font-size:13px;min-width:120px;max-width:150px;height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 10.5L4 6.5h8L8 10.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.r2c-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.r2c-opened-status{display:flex;align-items:center;gap:6px}.r2c-opened-status.accepted{color:#10b981}.r2c-opened-status.declined{color:#ef4444}.r2c-sidebar-logo{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;border-bottom:1px solid #f1f5f9;margin-bottom:1rem}.r2c-sidebar-toggle{display:none}.r2c-main-content{flex:1;margin-left:280px;padding:24px;background:#f9fafb;min-height:100vh;transition:margin-left .3s ease;overflow-x:hidden;overflow-y:auto;max-height:100vh;-webkit-overflow-scrolling:touch}.r2c-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;margin:0 1rem;border:none;background:transparent;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:calc(100% - 2rem)}.r2c-nav-item:hover{background:#f3f4f6;color:#1f2937}.r2c-nav-item.active{background:#4f46e51a;color:var(--primary);font-weight:600}.r2c-nav-subitems{display:flex;flex-direction:column;margin-left:2rem;border-left:2px solid #f1f5f9;animation:slideDown .3s ease}.r2c-sidebar.collapsed .r2c-nav-group{display:block}.r2c-sidebar.collapsed .r2c-nav-group .r2c-nav-item{display:flex}.r2c-nav-subitem{display:flex;align-items:center;padding:.5rem 1.5rem;margin:.25rem 0;border:none;background:transparent;color:#9ca3af;font-size:.813rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;text-align:left}.r2c-nav-subitem:hover{background:#f3f4f6;color:#6b7280}.r2c-nav-subitem.active{background:#4f46e51a;color:var(--primary);font-weight:600}.r2c-user-profile{margin-top:auto;padding:1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.r2c-user-profile__avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.r2c-user-profile__name{font-size:.875rem;font-weight:600;color:#1f2937;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2c-user-profile__role{font-size:.75rem;color:#6b7280;margin:0;text-transform:uppercase;font-weight:500}.r2c-logout-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none;background:#fff;color:#6b7280;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #e5e7eb}.r2c-logout-btn:hover{background:#fef2f2;color:#ef4444;border-color:#fecaca}.r2c-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem!important;padding-bottom:1rem!important;border-bottom:1px solid #e5e7eb}.r2c-content-header h1{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.r2c-content-header p{color:#6b7280;margin:.5rem 0 0;font-size:1rem;line-height:1.5}.r2c-overview-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.r2c-overview-kpi-card{display:flex;align-items:center;gap:1.5rem;background:#fff;padding:2rem;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.r2c-overview-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5,#7c3aed);opacity:0;transition:opacity .3s ease}.r2c-overview-kpi-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.r2c-overview-kpi-card:hover:before{opacity:1}.r2c-overview-kpi-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:16px;flex-shrink:0;position:relative}.r2c-overview-kpi-icon.partners{background:linear-gradient(135deg,#4f46e51a,#4f46e50d);color:#4f46e5}.r2c-overview-kpi-icon.pending{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);color:#f59e0b}.r2c-overview-kpi-icon.customers{background:linear-gradient(135deg,#10b9811a,#10b9810d);color:#10b981}.r2c-overview-kpi-icon.marketing{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);color:#8b5cf6}.r2c-overview-kpi-content h3{font-size:2.25rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;line-height:1;font-family:Inter,system-ui,-apple-system,sans-serif}.r2c-overview-kpi-content p{font-size:.875rem;color:#6b7280;margin:0;font-weight:500;line-height:1.4}.r2c-recent-activity{background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a;overflow:visible}.r2c-activity-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;background:#f8fafc}.r2c-activity-header h3{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.r2c-activity-count{font-size:.75rem;color:#6b7280;background:#e5e7eb;padding:.25rem .75rem;border-radius:12px;font-weight:500}.r2c-activity-list{display:flex;flex-direction:column;overflow:visible}.r2c-activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;transition:all .2s ease}.r2c-activity-item:last-child{border-bottom:none}.r2c-activity-item:hover{background:#f9fafb}.r2c-activity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0;margin-top:.125rem}.r2c-activity-icon.partner{background:#4f46e51a;color:#4f46e5}.r2c-activity-icon.public{background:#10b9811a;color:#10b981}.r2c-activity-icon.empty{background:#9ca3af1a;color:#9ca3af}.r2c-activity-content{flex:1;min-width:0}.r2c-activity-content p{font-size:.875rem;color:#1f2937;margin:0 0 .5rem;line-height:1.5}.r2c-activity-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.r2c-activity-time{font-size:.75rem;color:#6b7280;font-weight:500}.r2c-activity-customer{font-size:.75rem;color:#4f46e5;background:#4f46e51a;padding:.25rem .5rem;border-radius:6px;font-weight:500}.r2c-activity-status{display:inline-flex;align-items:center;justify-content:center;padding:.375rem .875rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize;flex-shrink:0;margin-left:auto}.r2c-activity-status.pending{background:#f59e0b1a;color:#d97706}.r2c-activity-status.completed{background:#10b9811a;color:#059669}.r2c-activity-status.in-progress{background:#4f46e51a;color:#4f46e5}.r2c-activity-empty{display:flex;align-items:center;gap:1rem;padding:2rem;text-align:center;color:#9ca3af}.r2c-activity-empty .r2c-activity-content p{color:#9ca3af;font-style:italic}.r2c-customer-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.r2c-stat-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d;transition:all .2s ease}.r2c-stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.r2c-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#4f46e51a;color:var(--primary);border-radius:8px;flex-shrink:0}.r2c-stat-content h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;line-height:1}.r2c-stat-content p{font-size:.875rem;color:#6b7280;margin:.25rem 0 0;font-weight:500}.r2c-primary-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;text-decoration:none}.r2c-primary-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.r2c-secondary-btn{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1f2937;border:1px solid #e5e7eb;padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.r2c-secondary-btn:hover:not(:disabled){background:#f3f4f6;border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.r2c-table-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 2px #0000000d}.r2c-table th{background:#f1f5f9;color:#1f2937;font-weight:600;font-size:.875rem;text-align:left;padding:1rem;border-bottom:1px solid #e5e7eb;white-space:nowrap}.r2c-table td{padding:1rem;border-bottom:1px solid #f1f5f9;font-size:.875rem;vertical-align:middle}.r2c-table tr:hover{background:#f9fafb}.r2c-table tr:last-child td{border-bottom:none}.r2c-customer-info,.r2c-user-info{display:flex;align-items:center;gap:.75rem}.r2c-customer-avatar,.r2c-user-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#10b9811a;color:var(--success);border-radius:50%;flex-shrink:0}.r2c-user-avatar{background:#4f46e51a;color:var(--primary)}.r2c-email-link{color:var(--primary);text-decoration:none;font-weight:500;transition:all .2s ease}.r2c-email-link:hover{text-decoration:underline;color:var(--primary-hover)}.r2c-phone-link{color:#6b7280;text-decoration:none;transition:all .2s ease}.r2c-phone-link:hover{color:var(--primary)}.r2c-marketing-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.r2c-marketing-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.r2c-marketing-status.accepted .r2c-marketing-indicator{background:var(--success)}.r2c-marketing-status.declined .r2c-marketing-indicator{background:#ef4444}.r2c-marketing-status.accepted span{color:var(--success);font-weight:500}.r2c-marketing-status.declined span{color:#ef4444;font-weight:500}.r2c-booking-status{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.r2c-booking-status.booked{color:var(--success);font-weight:500}.r2c-booking-status.not-booked{color:#9ca3af}.r2c-visit-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;background:#4f46e51a;color:var(--primary);border-radius:13px;font-size:.75rem;font-weight:600;padding:0 .5rem}.r2c-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:15px;font-size:.75rem;font-weight:500;text-transform:capitalize}.r2c-status-badge.active{background:#10b9811a;color:var(--success)}.r2c-status-badge.pending{background:#f59e0b1a;color:var(--warning)}.r2c-status-badge.inactive{background:#6b72801a;color:#9ca3af}.r2c-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.r2c-icon-btn.edit{background:#4f46e51a;color:var(--primary)}.r2c-icon-btn.edit:hover{background:#4f46e526;transform:scale(1.05)}.r2c-icon-btn.delete{background:#ef44441a;color:#ef4444}.r2c-icon-btn.delete:hover{background:#ef444426;transform:scale(1.05)}.r2c-recent-activity{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 12px #00000014;margin-top:2rem}.r2c-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f3f4f6}.r2c-activity-header h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin:0}.r2c-activity-count{font-size:.875rem;color:#6b7280;font-weight:500}.r2c-activity-timeline{position:relative;max-height:700px;overflow-y:auto;padding-right:.5rem}.r2c-activity-timeline::-webkit-scrollbar{width:6px}.r2c-activity-timeline::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.r2c-activity-timeline::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.r2c-activity-timeline::-webkit-scrollbar-thumb:hover{background:#9ca3af}.r2c-timeline-item{position:relative;display:grid;grid-template-columns:32px 1fr;gap:1rem;margin-bottom:1.5rem}.r2c-timeline-item:last-child{margin-bottom:0}.r2c-timeline-line{position:absolute;left:15px;top:32px;bottom:-24px;width:2px;background:linear-gradient(180deg,#e5e7eb 0%,transparent 100%)}.r2c-timeline-dot{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;transition:all .3s ease}.r2c-timeline-icon{font-size:14px;line-height:1}.r2c-timeline-content{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease;cursor:pointer}.r2c-timeline-content:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(4px);box-shadow:0 4px 12px #00000014}.r2c-timeline-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.r2c-timeline-title{flex:1}.r2c-timeline-label{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;padding:.25rem .625rem;border-radius:6px}.r2c-timeline-label.public{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6}.r2c-timeline-label.partner{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#5b21b6;border:1px solid #8b5cf6}.r2c-timeline-status{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;border:1.5px solid;white-space:nowrap;box-shadow:0 2px 8px #00000014;transition:all .2s ease}.r2c-timeline-content:hover .r2c-timeline-status{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.r2c-status-icon{font-size:12px;line-height:1}.r2c-status-text{font-size:.75rem}.r2c-timeline-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.r2c-timeline-meta-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;color:#4b5563;padding:.25rem .5rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.r2c-timeline-meta-item svg{color:#6b7280;flex-shrink:0}.r2c-timeline-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid #e5e7eb}.r2c-timeline-time{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.r2c-timeline-time svg{color:#9ca3af}.r2c-timeline-price{font-size:.875rem;font-weight:700;color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:.25rem .75rem;border-radius:12px;border:1px solid #10b981}.r2c-timeline-empty{text-align:center;padding:3rem 1rem}.r2c-timeline-empty-icon{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;color:#9ca3af}.r2c-timeline-empty h4{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.r2c-timeline-empty p{font-size:.875rem;color:#6b7280;margin:0}@media (max-width: 640px){.r2c-recent-activity{padding:1rem;margin-top:1rem}.r2c-activity-header{flex-direction:column;align-items:flex-start;gap:.5rem}.r2c-activity-timeline{max-height:500px}.r2c-timeline-item{grid-template-columns:24px 1fr;gap:.75rem}.r2c-timeline-icon{font-size:12px}.r2c-timeline-line{left:11px}.r2c-timeline-content{padding:.75rem}.r2c-timeline-dot{position:relative;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:2;transition:all .3s ease}.r2c-timeline-icon{stroke-width:2.5;transition:transform .2s ease}.r2c-timeline-content:hover .r2c-timeline-icon{transform:scale(1.1)}.r2c-status-icon{stroke-width:2.5;flex-shrink:0}.r2c-timeline-dot{width:24px;height:24px}.r2c-timeline-icon{width:12px;height:12px}.r2c-status-icon{width:10px;height:10px}.r2c-timeline-header{flex-direction:column;gap:.5rem}.r2c-timeline-status{align-self:flex-start}.r2c-status-text{display:none}.r2c-timeline-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}.r2c-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af}.r2c-empty-state svg{opacity:.3;margin-bottom:1rem}.r2c-empty-state h3{font-size:1.125rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.r2c-empty-state p{margin-bottom:1.5rem;max-width:400px;line-height:1.5}@media (max-width: 1024px){.r2c-mobile-menu-toggle{display:flex}.r2c-mobile-menu-toggle.menu-open{display:none}.r2c-mobile-close{display:flex}.r2c-sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px;cursor:default}.r2c-sidebar.open{transform:translate(0)}.r2c-sidebar-content{pointer-events:auto}.r2c-main-content{margin-left:0;padding-top:5rem}.r2c-main-content.sidebar-collapsed{margin-left:0}.r2c-sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:55;opacity:0;visibility:hidden;transition:all .3s ease}.r2c-sidebar-overlay.active{opacity:1;visibility:visible}.r2c-overview-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:2rem}.r2c-overview-kpi-card{padding:1.5rem;gap:1rem}.r2c-overview-kpi-icon{width:50px;height:50px}.r2c-overview-kpi-content h3{font-size:1.875rem}.r2c-activity-header,.r2c-activity-item{padding:1.25rem 1.5rem}.r2c-activity-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 768px){.r2c-main-content{padding:5rem 1rem 1rem}.r2c-content-header{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:1.5rem!important;padding-bottom:.75rem!important}.r2c-header-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.r2c-customer-stats{grid-template-columns:1fr}.r2c-table-container{overflow-x:auto}.r2c-table{min-width:800px}.r2c-overview-kpi-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.r2c-overview-kpi-card{padding:1.25rem;gap:1rem}.r2c-overview-kpi-icon{width:44px;height:44px}.r2c-overview-kpi-content h3{font-size:1.75rem}.r2c-overview-kpi-content p{font-size:.813rem}.r2c-activity-header{padding:1rem 1.25rem;flex-direction:column;align-items:flex-start;gap:.5rem}.r2c-activity-header h3{font-size:1rem}.r2c-activity-count{font-size:.688rem}.r2c-activity-item{padding:1rem 1.25rem;flex-direction:column;align-items:flex-start;gap:1rem}.r2c-activity-icon{width:36px;height:36px;align-self:flex-start}.r2c-activity-content{width:100%}.r2c-activity-status{align-self:flex-start;margin-left:0}}@media (max-width: 480px){.r2c-main-content{padding:4.5rem .75rem .75rem}.r2c-content-header h1{font-size:1.5rem}.r2c-content-header p{font-size:.875rem}.r2c-primary-btn,.r2c-secondary-btn{padding:.625rem 1rem;font-size:.813rem}.r2c-overview-kpi-card{padding:1rem;gap:.875rem}.r2c-overview-kpi-icon{width:40px;height:40px}.r2c-overview-kpi-content h3{font-size:1.5rem}.r2c-overview-kpi-content p{font-size:.75rem}.r2c-activity-header{padding:.875rem 1rem}.r2c-activity-header h3{font-size:.938rem}.r2c-activity-item{padding:.875rem 1rem}.r2c-activity-icon{width:32px;height:32px}.r2c-activity-content p{font-size:.813rem}.r2c-activity-time{font-size:.688rem}.r2c-activity-customer{font-size:.688rem;padding:.1875rem .375rem}.r2c-activity-status{padding:.25rem .625rem;font-size:.688rem}}.r2c-statistics{padding:1rem 0}.r2c-timeframe-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:.875rem;margin-right:1rem}.r2c-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.r2c-stat-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:1rem}.r2c-stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.r2c-stat-content h3{margin:0 0 .25rem;font-size:1.75rem;font-weight:700;color:#1f2937}.r2c-stat-content p{margin:0 0 .25rem;color:#6b7280;font-weight:500}.r2c-stat-sub{font-size:.75rem;color:#9ca3af}.r2c-search-container{position:relative;margin-bottom:1.5rem;max-width:400px}.r2c-search-container svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.r2c-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.r2c-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.r2c-partner-info div:first-child{margin-bottom:.25rem}.r2c-partner-sub{font-size:.875rem;color:#6b7280;margin-top:.25rem}.r2c-partner-location{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.r2c-user-count{display:flex;align-items:center;gap:.5rem;color:#6b7280}.r2c-quote-breakdown strong{font-size:1.125rem;color:#1f2937}.r2c-quote-details{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.r2c-quote-details span{font-size:.75rem;padding:.125rem .5rem;border-radius:4px;width:fit-content}.r2c-quote-details .pending{background:#fef3c7;color:#d97706}.r2c-quote-details .approved{background:#dbeafe;color:#2563eb}.r2c-completed-count{display:flex;align-items:center;gap:.5rem;color:#16a34a;font-weight:500}.r2c-completion-rate{display:flex;align-items:center;gap:.75rem}.r2c-progress-bar{width:60px;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.r2c-progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#059669);transition:width .3s ease}.r2c-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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.r2c-modal.large{width:95%;max-width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.r2c-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fff}.r2c-modal-header h3{margin:0;display:flex;align-items:center;gap:.5rem;color:#1f2937;font-size:1.25rem}.r2c-modal-actions{display:flex;gap:1rem;align-items:center}.r2c-close-btn{background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;color:#6b7280}.r2c-close-btn:hover{background:#e5e7eb;color:#374151}.r2c-modal-content{flex:1;overflow-y:auto;padding:1.5rem;background:#f9fafb}.r2c-user-stats-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.r2c-user-email{font-size:.875rem;color:#6b7280;margin-top:.25rem}.r2c-quote-count{display:flex;align-items:center;gap:.5rem;color:#6b7280}.r2c-last-activity{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280}.r2c-header-actions{display:flex;align-items:center;gap:1rem}.r2c-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:4rem;color:#6b7280}.loading-spinner{width:32px;height:32px;border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.r2c-icon-btn.view{background:#eff6ff;color:#2563eb}.r2c-icon-btn.view:hover{background:#dbeafe;color:#1d4ed8}@media (max-width: 768px){.r2c-stats-overview{grid-template-columns:1fr}.r2c-stat-card{padding:1rem}.r2c-stat-icon{width:40px;height:40px}.r2c-stat-content h3{font-size:1.5rem}.r2c-modal.large{width:95%;margin:1rem}.r2c-header-actions{flex-direction:column;align-items:stretch}.r2c-timeframe-select{margin-right:0;margin-bottom:.5rem}}.r2c-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.r2c-section-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:600}.r2c-primary-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f61a}.r2c-primary-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f633}.r2c-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.r2c-table{width:100%;border-collapse:collapse}.r2c-table th{background:#f8fafc;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.r2c-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#374151}.r2c-table tbody tr:hover{background:#f9fafb}.r2c-table tbody tr:last-child td{border-bottom:none}.r2c-user-info{display:flex;align-items:center;gap:.75rem}.r2c-user-avatar{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.r2c-role-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.r2c-role-badge.r2c{background:#fee2e2;color:#dc2626}.r2c-role-badge.r2c_support{background:#dbeafe;color:#2563eb}.r2c-role-badge.r2c_sales{background:#dcfce7;color:#16a34a}.r2c-role-badge.r2c_manager{background:#fef3c7;color:#d97706}.r2c-role-badge.r2c_developer{background:#f3e8ff;color:#9333ea}.r2c-status-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:6px;text-transform:capitalize}.r2c-status-badge.active{background:#dcfce7;color:#16a34a}.r2c-status-badge.inactive{background:#fee2e2;color:#dc2626}.r2c-action-buttons{display:flex;gap:.5rem}.r2c-icon-btn{padding:.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.r2c-icon-btn.edit{background:#f0f9ff;color:#0ea5e9}.r2c-icon-btn.edit:hover{background:#e0f2fe;color:#0284c7}.r2c-icon-btn.delete{background:#fef2f2;color:#ef4444}.r2c-icon-btn.delete:hover{background:#fee2e2;color:#dc2626}.r2c-empty-state{text-align:center;padding:4rem 2rem;color:#6b7280}.r2c-empty-state svg{margin:0 auto 1rem;color:#d1d5db}.r2c-empty-state h3{margin:0 0 .5rem;color:#374151;font-size:1.25rem;font-weight:600}.r2c-empty-state p{margin:0 0 2rem;color:#6b7280}.aw-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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.aw-modal{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.aw-modal-close{position:absolute;top:1rem;right:1rem;background:#f3f4f6;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.aw-modal-close:hover{background:#e5e7eb;color:#374151}.aw-modal-title{margin:0 0 1.5rem;color:#1f2937;font-size:1.5rem;font-weight:600}.aw-modal-form{display:flex;flex-direction:column;gap:1rem}.aw-form-group{display:flex;flex-direction:column;gap:.5rem}.aw-form-group label{font-weight:500;color:#374151;font-size:.875rem}.aw-form-group input,.aw-form-group select{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s ease}.aw-form-group input:focus,.aw-form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.aw-error-message{color:#dc2626;font-size:.875rem;margin:.5rem 0;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.aw-form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.aw-cancel-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.aw-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.aw-submit-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.aw-submit-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px)}.aw-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.r2c-section-header{flex-direction:column;gap:1rem;align-items:stretch}.r2c-table-container{overflow-x:auto}.r2c-table{min-width:800px}.aw-modal{margin:1rem;width:calc(100% - 2rem)}.aw-form-actions{flex-direction:column}}:root{--primary: #0A2463;--primary-light: #1E3A8A;--primary-lighter: #3B5998;--primary-ghost: rgba(10, 36, 99, .05);--primary-50: #EEF2FF;--primary-100: #E0E7FF;--accent: #FB8500;--accent-light: #FFB703;--accent-ghost: rgba(251, 133, 0, .1);--success: #06D6A0;--success-light: #59E8C3;--success-ghost: rgba(6, 214, 160, .1);--warning: #FFB703;--warning-ghost: rgba(255, 183, 3, .1);--error: #EF476F;--error-ghost: rgba(239, 71, 111, .1);--neutral-50: #FAFBFC;--neutral-100: #F4F6F8;--neutral-200: #E8ECEF;--neutral-300: #D1D8DD;--neutral-400: #9AA5B1;--neutral-500: #697386;--neutral-600: #4C5967;--neutral-700: #364152;--neutral-800: #232B35;--neutral-900: #0F1419;--background: #FAFBFC;--card-background: #FFFFFF;--text-primary: #0F1419;--text-secondary: #4C5967;--text-muted: #9AA5B1;--border: #E8ECEF;--shadow-sm: 0 1px 2px rgba(15, 20, 25, .04), 0 1px 3px rgba(15, 20, 25, .02);--shadow-md: 0 4px 6px rgba(15, 20, 25, .05), 0 2px 4px rgba(15, 20, 25, .03);--shadow-lg: 0 10px 15px rgba(15, 20, 25, .08), 0 4px 6px rgba(15, 20, 25, .04);--shadow-xl: 0 20px 25px rgba(15, 20, 25, .1), 0 8px 10px rgba(15, 20, 25, .06);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.admin-owner{display:flex!important;flex-direction:row!important;min-height:100vh;background:var(--background)}.admin-owner__container{display:flex!important;flex-direction:row!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--neutral-100) 0%,var(--neutral-200) 20%,var(--neutral-100) 40%,var(--neutral-100) 100%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:12px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite}.skeleton-kpi-card{background:var(--card-background);padding:1.5rem;border-radius:12px;border:1px solid var(--border);display:flex;align-items:center;gap:1.25rem}.skeleton-kpi-icon{width:48px;height:48px;border-radius:10px;background:var(--neutral-100);animation:pulse-glow 2s ease-in-out infinite}.skeleton-kpi-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-kpi-number{width:60px;height:32px;border-radius:6px}.skeleton-kpi-label{width:120px;height:14px;border-radius:4px}.skeleton-timeline-item{display:grid;grid-template-columns:40px 1fr;gap:1.5rem;margin-bottom:1.5rem}.skeleton-timeline-dot{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--neutral-100),var(--neutral-200));animation:pulse-glow 2s ease-in-out infinite}.skeleton-timeline-card{background:var(--card-background);border:1px solid var(--border);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-sm)}.skeleton-timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.skeleton-timeline-title{width:160px;height:24px;border-radius:6px}.skeleton-timeline-badge{width:100px;height:28px;border-radius:14px}.skeleton-timeline-meta{display:flex;gap:1rem;margin-bottom:1rem}.skeleton-timeline-meta-item{width:120px;height:32px;border-radius:8px}.skeleton-timeline-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.skeleton-timeline-time{width:100px;height:18px;border-radius:6px}.skeleton-timeline-price{width:80px;height:32px;border-radius:16px}.r2c-overview-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2.5rem}.r2c-overview-kpi-card{display:flex;align-items:center;gap:1.25rem;background:var(--card-background);padding:1.5rem;border-radius:12px;border:1px solid var(--border);transition:all var(--transition-smooth);cursor:pointer;position:relative}.r2c-overview-kpi-card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.r2c-overview-kpi-icon{width:48px;height:48px;border-radius:10px;background:var(--neutral-100);color:var(--neutral-600);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-base)}.r2c-overview-kpi-card:hover .r2c-overview-kpi-icon{background:var(--neutral-200)}.r2c-overview-kpi-content{flex:1;min-width:0}.r2c-overview-kpi-content h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1;font-family:DM Sans,sans-serif;letter-spacing:-.02em}.r2c-overview-kpi-content p{font-size:.8125rem;color:var(--text-muted);margin:.25rem 0 0;font-weight:500;text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.r2c-recent-activity{background:var(--card-background);border-radius:16px;border:1px solid var(--border);overflow:visible}.r2c-activity-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border)}.r2c-activity-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;font-family:DM Sans,sans-serif}.r2c-activity-count{font-size:.75rem;color:var(--text-muted);background:var(--neutral-100);padding:.25rem .625rem;border-radius:6px;font-weight:500}.r2c-activity-table-header{display:grid;grid-template-columns:40px 200px 120px 180px 100px 100px;gap:1.5rem;padding:1rem 1.5rem;background:var(--neutral-50);border-bottom:1px solid var(--border);font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.r2c-activity-table-header-cell{white-space:nowrap}.r2c-activity-table-header-cell.center{text-align:center}.r2c-activity-list{max-height:600px;overflow-y:auto;overflow-x:visible}.r2c-activity-list::-webkit-scrollbar{width:6px}.r2c-activity-list::-webkit-scrollbar-track{background:transparent}.r2c-activity-list::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}.r2c-activity-row{display:grid;grid-template-columns:40px 200px 120px 180px 100px 100px;gap:1.5rem;padding:1.125rem 1.5rem;border-bottom:1px solid var(--border);align-items:center;transition:background var(--transition-base);cursor:pointer;overflow:visible}.r2c-activity-row:last-child{border-bottom:none}.r2c-activity-row:hover{background:var(--neutral-50);z-index:10001}.quote-card-tooltip{position:absolute;top:-8px;left:50%;transform:translate(-50%) translateY(-100%);background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:1rem;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;z-index:10000;min-width:280px;max-width:320px;border:1px solid rgba(255,255,255,.1);white-space:normal;pointer-events:none}.quote-card-tooltip:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #1e293b}.quote-card-tooltip-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600;font-size:.875rem}.quote-card-tooltip-body{display:flex;flex-direction:column;gap:.5rem}.quote-card-tooltip-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;line-height:1.4}.quote-card-tooltip-label{color:#ffffffb3;font-weight:500}.quote-card-tooltip-value{color:#fff;font-weight:600;text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis}.r2c-activity-cell-dot{display:flex;align-items:center;justify-content:center}.r2c-activity-dot{width:10px;height:10px;border-radius:50%;transition:transform var(--transition-base)}.r2c-activity-row:hover .r2c-activity-dot{transform:scale(1.2)}.r2c-activity-dot.new{background:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.r2c-activity-dot.progress{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.r2c-activity-dot.approved{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.r2c-activity-dot.ordered{background:#06b6d4;box-shadow:0 0 0 3px #06b6d426}.r2c-activity-dot.workshop{background:#f97316;box-shadow:0 0 0 3px #f9731626}.r2c-activity-dot.completed{background:#10b981;box-shadow:0 0 0 3px #10b98126}.r2c-activity-dot.archived{background:#6b7280;box-shadow:0 0 0 3px #6b728026}.r2c-activity-dot.cancelled{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.r2c-activity-cell-customer{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2c-activity-cell-license{font-size:.8125rem;color:var(--text-secondary);font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px;white-space:nowrap}.r2c-activity-cell-partner{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2c-activity-cell-time{font-size:.75rem;color:var(--text-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.r2c-activity-cell-status{font-size:.6875rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center;white-space:nowrap}.r2c-activity-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.r2c-activity-empty-icon{width:64px;height:64px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:var(--neutral-100);border-radius:50%;color:var(--neutral-400)}.r2c-activity-empty h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .5rem;font-family:DM Sans,sans-serif}.r2c-activity-empty p{font-size:.875rem;color:var(--text-muted);margin:0}.r2c-mobile-menu-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:70;background:var(--primary);color:#fff;border:none;width:44px;height:44px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow-lg);align-items:center;justify-content:center;transition:all var(--transition-base)}.r2c-mobile-menu-toggle:hover{transform:scale(1.05)}.r2c-mobile-menu-toggle.menu-open{display:none}.r2c-mobile-close{display:none;position:fixed;top:1rem;right:1rem;z-index:70;background:#000c;color:#fff;border:none;width:44px;height:44px;border-radius:12px;cursor:pointer;align-items:center;justify-content:center}.r2c-sidebar{width:280px;background:var(--card-background);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;overflow-y:auto;z-index:60;box-shadow:var(--shadow-md);transition:width .3s ease,transform .3s ease;cursor:pointer}.r2c-sidebar.collapsed{width:70px}.r2c-sidebar.collapsed .r2c-nav-item span,.r2c-sidebar.collapsed .r2c-nav-subitem span,.r2c-sidebar.collapsed .r2c-user-profile__info{display:none}.r2c-sidebar.collapsed .r2c-nav-item{justify-content:center;padding:.875rem .5rem}.r2c-sidebar.collapsed .r2c-nav-subitems{display:none}.r2c-sidebar.collapsed .r2c-user-profile{padding:1rem .5rem}.r2c-sidebar.collapsed .r2c-user-profile__avatar{margin:0 auto}.r2c-sidebar-logo{display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.r2c-sidebar-logo img{max-width:160px;height:auto;transition:all .3s ease}.r2c-sidebar.collapsed .r2c-sidebar-logo img{max-width:40px}.r2c-sidebar-content{flex:1;padding:0 0 1rem;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.r2c-nav-item,.r2c-nav-subitem,.r2c-logout-btn{pointer-events:auto;cursor:pointer}.r2c-nav-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;margin:0 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:12px;cursor:pointer;transition:all var(--transition-base);text-align:left;width:calc(100% - 2rem)}.r2c-nav-item span{white-space:nowrap}.r2c-nav-item svg{flex-shrink:0;min-width:20px;min-height:20px}.r2c-nav-item:hover{background:var(--neutral-100);color:var(--text-primary);transform:translate(2px)}.r2c-nav-item.active{background:var(--primary-ghost);color:var(--primary);font-weight:600}.r2c-nav-item.expandable{justify-content:space-between}.r2c-nav-group{display:flex;flex-direction:column}.r2c-nav-group .r2c-nav-item{margin:0 1rem}.r2c-nav-subitems{display:flex;flex-direction:column;margin-left:2rem;border-left:2px solid var(--border);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:200px}}.r2c-nav-subitem{display:flex;align-items:center;padding:.5rem 1.5rem;margin:.25rem 0;border:none;background:transparent;color:var(--text-muted);font-size:.813rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all var(--transition-base);text-align:left}.r2c-nav-subitem span{white-space:nowrap}.r2c-nav-subitem:hover{background:var(--neutral-100);color:var(--text-secondary)}.r2c-nav-subitem.active{background:var(--primary-ghost);color:var(--primary);font-weight:600}.r2c-user-profile{margin-top:auto;padding:1.5rem;border-top:1px solid var(--border);background:var(--neutral-50)}.r2c-user-profile__info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.r2c-user-profile__avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;box-shadow:var(--shadow-md)}.r2c-user-profile__details{flex:1;min-width:0}.r2c-user-profile__name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r2c-user-profile__role{font-size:.75rem;color:var(--text-muted);margin:0;text-transform:uppercase;font-weight:500;letter-spacing:.05em}.r2c-user-actions{display:flex;align-items:center;gap:8px;padding:8px 12px 12px;flex-wrap:nowrap;justify-content:flex-end}.r2c-support-trigger.small{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--border);background:var(--card-background);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);padding:0;margin:0}.r2c-support-trigger.small:hover{border-color:var(--primary);background:var(--primary-ghost);color:var(--primary);transform:translateY(-1px)}.r2c-main-content{flex:1;margin-left:280px;padding:24px;background:var(--background);min-height:100vh;transition:margin-left .3s ease}.r2c-main-content.sidebar-collapsed{margin-left:70px}.r2c-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem!important;padding-bottom:1rem!important;border-bottom:1px solid var(--border)}.r2c-header-title{flex:1}.r2c-content-header h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:0;line-height:1.2;font-family:DM Sans,sans-serif;letter-spacing:-.02em}.r2c-content-header p{color:var(--text-secondary);margin:.5rem 0 0;font-size:1rem;line-height:1.5}.r2c-header-actions{display:flex;gap:.75rem;align-items:center;flex-shrink:0}@media (max-width: 1024px){.r2c-mobile-menu-toggle{display:flex}.r2c-sidebar{transform:translate(-100%);transition:transform .3s ease;width:280px;cursor:default}.r2c-sidebar.open{transform:translate(0)}.r2c-main-content{margin-left:0;padding-top:5rem}.r2c-overview-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}}@media (max-width: 768px){.r2c-main-content{padding:5rem 1rem 1rem}.r2c-content-header h1{font-size:1.75rem}.r2c-overview-kpi-grid{grid-template-columns:1fr}.r2c-overview-kpi-card{padding:1.5rem}.r2c-overview-kpi-icon{width:60px;height:60px}.r2c-overview-kpi-content h3{font-size:2.25rem}.r2c-activity-header,.r2c-activity-timeline{padding:1.5rem}.r2c-timeline-item{grid-template-columns:32px 1fr;gap:1rem}.r2c-timeline-dot{width:32px;height:32px}}@media (max-width: 480px){.r2c-overview-kpi-card{padding:1.25rem}.r2c-overview-kpi-icon{width:52px;height:52px}.r2c-overview-kpi-content h3{font-size:2rem}.r2c-timeline-content{padding:1rem}.r2c-timeline-status .r2c-status-text{display:none}}.wheel.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;overflow-y:auto;height:100dvh;max-height:100dvh}.damage-inspection-modal{background:#fff;border-radius:20px;width:100%;max-width:1000px;max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.header-content h2{font-size:1.875rem;font-weight:800;color:#1e293b;margin:0 0 .5rem}.close-btn{background:#94a3b81a;border:none;border-radius:12px;padding:.75rem;cursor:pointer;color:#64748b;transition:all .2s ease}.close-btn:hover{background:#ef44441a;color:#dc2626;transform:scale(1.1)}.upload-progress{margin:1rem 0}.progress-bar{height:4px;background:#e2e8f0;border-radius:2px;margin-bottom:.5rem;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);transition:width .3s ease}.image-error{position:absolute;top:0;right:0;bottom:0;left:0;background:#f3f4f6;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;font-size:.75rem;text-align:center}.spinner{animation:spin 1s linear infinite}.info-text{color:#6b7280;font-size:.875rem;font-style:italic}.radio-group{display:flex;flex-direction:column;gap:1rem}.radio-group.horizontal{flex-direction:row;gap:1rem}.radio-option{border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s ease;background:#fafafa;flex:1}.radio-option:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.radio-option.selected{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e51a,#7c3aed0d);transform:translateY(-2px);box-shadow:0 8px 25px #4f46e533}.radio-option input{display:none}.radio-content{display:flex;align-items:center;gap:1rem}.radio-content svg{color:#64748b}.radio-option.selected .radio-content svg{color:#4f46e5}.radio-content h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.radio-content p{font-size:.875rem;color:#64748b;margin:0}.damage-item{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;transition:all .3s ease}.damage-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.damage-item.completed{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d)}.damage-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.damage-item-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0}.damage-item.completed .damage-item-title{color:#047857}.damage-remove-btn{background:#ef44441a;color:#dc2626;border:none;border-radius:8px;padding:.5rem;cursor:pointer;transition:all .2s ease}.damage-extra-costs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin:1rem 0}.damage-extra-costs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.damage-extra-costs-header h5{font-size:.875rem;font-weight:600;color:#374151;margin:0}.damage-extra-costs-header .add-extra-cost-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.damage-extra-cost-item{margin-bottom:.75rem}.damage-extra-cost-form{display:grid;grid-template-columns:1fr 120px auto;gap:.5rem;align-items:center}.damage-extra-cost-form input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.remove-damage-extra-cost-btn{background:#ef44441a;color:#dc2626;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease}.wheel-configuration{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:12px;padding:1.5rem;margin:1rem 0}.wheel-configuration h5{color:#92400e;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.wheel-basics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.wheel-quantity-selector{display:flex;gap:.5rem;margin-top:.5rem}.wheel-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#374151;min-width:50px}.wheel-btn:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.wheel-btn.selected{border-color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a,#d977060d);color:#92400e;font-weight:600}.wheel-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem}.wheel-item h6{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.wheel-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem;margin:.75rem 0}.wheel-image-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.wheel-image-item img{width:100%;height:100%;object-fit:cover}.wheel-image-remove{position:absolute;top:.25rem;right:.25rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;font-size:.625rem}.wheel-image-item:hover .wheel-image-remove{opacity:1}.wheel-upload{margin-top:.75rem}.wheel-upload-label{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:.875rem}.wheel-upload-label:hover{border-color:#f59e0b;background:#fef3c7;color:#92400e}.remove-damage-extra-cost-btn:hover{background:#ef444433}.damage-details{display:grid;gap:1rem;margin-bottom:1.5rem}.damage-service-info{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#f8fafc;border-radius:8px}.damage-service-name{font-weight:500;color:#374151}.damage-service-price{font-weight:600;color:#10b981}.damage-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}.damage-image-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.damage-image-item img{width:100%;height:100%;object-fit:cover}.damage-image-remove{position:absolute;top:.25rem;right:.25rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease;font-size:.75rem}.damage-image-item:hover .damage-image-remove{opacity:1}.add-damage-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #bae6fd;border-radius:16px;padding:2rem;text-align:center;margin-top:2rem}.add-damage-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;margin:0 auto;box-shadow:0 4px 12px #0ea5e94d}.add-damage-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.continue-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;padding:2rem;text-align:center;margin-top:2rem}.add-more-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.add-more-modal{background:#fff;border-radius:20px;width:100%;max-width:500px;padding:2rem;box-shadow:0 25px 50px #00000040;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-more-modal-header{text-align:center;margin-bottom:1.5rem}.add-more-modal-header h3{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.add-more-modal-content{text-align:center;margin-bottom:2rem}.add-more-modal-content p{color:#64748b;font-size:1rem;line-height:1.6;margin:0}.add-more-modal-actions{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap}.add-more-modal-actions .add-damage-btn,.add-more-modal-actions .continue-btn{flex:1;min-width:180px;justify-content:center;margin:0}.continue-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem}.continue-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #10b9814d}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}@media (max-width: 768px){.add-more-modal{margin:1rem;padding:1.5rem}.add-more-modal-header h3{font-size:1.25rem}.add-more-modal-actions{flex-direction:column}.add-more-modal-actions .add-damage-btn,.add-more-modal-actions .continue-btn{width:100%;flex:none}}.rim-configuration{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #bae6fd;border-radius:16px;padding:2rem;margin-top:2rem}.rim-configuration h4{color:#0369a1;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.rim-basics{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.rim-quantity-selector{display:flex;gap:.5rem;margin-top:.5rem}.rim-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#374151;min-width:50px}.rim-btn:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.rim-btn.selected{border-color:#0369a1;background:linear-gradient(135deg,#0369a11a,#0e74900d);color:#0369a1;font-weight:600}.rim-service-config{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.rim-service-config h5{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.rim-services label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:block}.service-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;margin-bottom:1rem}.service-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:.75rem;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem;position:relative}.service-option:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.service-option.selected{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596690d)}.service-name{font-size:.875rem;font-weight:500;color:#374151}.service-option.selected .service-name{color:#047857;font-weight:600}.service-price{font-size:.75rem;color:#10b981;font-weight:600}.selected-icon{position:absolute;top:.5rem;right:.5rem;color:#10b981}.rim-comment{margin-top:1rem}.rim-comment label{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem;display:block}.rim-comment textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;background:#fafafa;transition:all .2s ease;font-family:inherit;resize:vertical}.rim-comment textarea:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.extra-costs-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #bbf7d0;border-radius:16px;padding:2rem;margin-top:2rem}.extra-costs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.extra-costs-header h4{color:#15803d;font-size:1.25rem;font-weight:700;margin:0}.add-extra-cost-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #10b9814d}.add-extra-cost-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.extra-cost-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.extra-cost-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.extra-cost-header h5{color:#1e293b;font-size:1rem;font-weight:600;margin:0}.remove-extra-cost-btn{background:#ef44441a;color:#dc2626;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s ease}.remove-extra-cost-btn:hover{background:#ef444433;transform:scale(1.1)}.extra-cost-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.step-indicator{display:flex;justify-content:center;align-items:center;padding:1.5rem 1rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;max-width:100%;overflow:visible;flex-wrap:nowrap;gap:.5rem}.step{display:flex;align-items:center;gap:.5rem;opacity:.4;transition:all .3s ease;flex:none}.step.active{opacity:1}.step.current{opacity:1;transform:scale(1.05)}.step-icon{width:40px;height:40px;border-radius:9999px;border:2px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:all .2s ease;box-shadow:0 1px #00000008;color:#64748b}.step-icon svg{width:18px;height:18px}.step.active .step-icon{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}.step.current .step-icon{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 0 0 4px #06b6d433}.step-info{display:flex;flex-direction:column;gap:.25rem}.step-number{font-size:.75rem;font-weight:600;color:#94a3b8}.step.active .step-number{color:#4f46e5}.step-title{font-size:.875rem;font-weight:500;color:#64748b}.step.active .step-title{color:#1e293b;font-weight:600}.step-divider{width:40px;height:2px;background:#e2e8f0;margin:0 .5rem;transition:all .3s ease}.step.active+.step .step-divider{background:linear-gradient(90deg,#4f46e5,#e2e8f0)}.damage-service-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.damage-service-name{font-weight:600;color:#222}.damage-service-price{font-weight:600;color:#0f5132;background:#d1e7dd;border:1px solid #badbcc;padding:2px 8px;border-radius:999px;line-height:1.4}.tire-option-badge{font-size:.875rem;padding:2px 10px;border-radius:999px;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;line-height:1.4}.form-group.checkbox{display:flex;align-items:center;margin-top:.5rem}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#111827}.checkbox-label input[type=checkbox]{width:18px;height:18px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #9ca3af;border-radius:4px;display:inline-grid;place-content:center;background:#fff;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.checkbox-label input[type=checkbox]:hover{border-color:#6366f1}.checkbox-label input[type=checkbox]:checked{background:#4f46e5;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.checkbox-label input[type=checkbox]:before{content:"";width:10px;height:10px;transform:scale(0);transition:transform .12s ease-in-out;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#fff}.checkbox-label input[type=checkbox]:checked:before{transform:scale(1)}.wheel-configuration{margin-top:.75rem;padding:1rem;border:1px solid #e5e7eb;background:#fafafa;border-radius:12px}.wheel-configuration h5{margin:0 0 .75rem;font-size:1rem;font-weight:700;color:#111827}.wheel-basics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media (max-width: 720px){.wheel-basics{grid-template-columns:1fr}}.wheel-quantity-selector{display:grid;grid-auto-flow:column;gap:.5rem;justify-content:start}.wheel-btn{padding:.45rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-weight:600;color:#111827;cursor:pointer;transition:all .15s ease}.wheel-btn:hover{border-color:#6366f1;box-shadow:0 1px #6366f114}.wheel-btn.selected{background:#eef2ff;border-color:#6366f1;color:#3730a3}.wheel-item{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #e5e7eb}.wheel-item h6{margin:0 0 .5rem;font-size:.95rem;font-weight:700;color:#111827}.wheel-images{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.5rem}@media (max-width: 720px){.wheel-images{grid-template-columns:repeat(2,1fr)}}.wheel-image-item{position:relative;border-radius:10px;overflow:hidden;border:1px solid #e5e7eb;background:#fff}.wheel-image-item img{display:block;width:100%;height:100%;object-fit:cover}.wheel-image-remove{position:absolute;top:6px;right:6px;width:22px;height:22px;display:grid;place-items:center;border:none;border-radius:999px;background:#111827b3;color:#fff;cursor:pointer}.wheel-upload{margin-top:.5rem}.wheel-upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px dashed #c7d2fe;background:#f5f7ff;color:#3730a3;border-radius:10px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.wheel-upload-label:hover{background:#eef2ff;border-color:#6366f1}.wheel-upload .upload-input{display:none}.damage-extra-costs{margin-top:.5rem}.damage-extra-costs-header{display:flex;align-items:center;justify-content:space-between}.damage-extra-cost-form{display:grid;grid-template-columns:1fr 160px auto;gap:.5rem;align-items:center}@media (max-width: 720px){.damage-extra-cost-form{grid-template-columns:1fr 1fr auto}}.add-damage-btn.primary{background:#4f46e5;color:#fff;border:1px solid #4f46e5}.add-damage-btn,.continue-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;transition:all .15s ease}.add-damage-btn:hover,.continue-btn:hover{transform:translateY(-1px);box-shadow:0 2px 10px #0000000f}.continue-btn{background:#16a34a;color:#fff;border-color:#16a34a}.add-more-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;display:grid;place-items:center;z-index:50}.add-more-modal{width:min(520px,92vw);border-radius:16px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 80px #0000002e;overflow:hidden}.add-more-modal-header{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#f8fafc}.add-more-modal-header h3{margin:0}.add-more-modal-content{padding:1rem 1.25rem .5rem;color:#111827}.add-more-modal-actions{display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1.25rem 1rem}.selected-services-summary .service-summary-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border:1px dashed #e5e7eb;border-radius:10px;background:#fafafa}.selected-services-summary .service-name{display:inline-flex;align-items:center;gap:.5rem}.info-text{display:block;margin-top:.25rem;color:#6b7280;font-size:.85rem}.service-search{position:relative;margin-bottom:2rem}.service-search svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;z-index:1}.service-search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.875rem;background:#fff;transition:all .2s ease;font-family:inherit}.service-search-input:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.service-search-input::placeholder{color:#94a3b8}.no-services-found{text-align:center;padding:3rem 2rem;color:#64748b;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1}.no-services-found svg{color:#94a3b8;margin-bottom:1rem}.no-services-found p{font-size:1rem;font-weight:500;color:#374151;margin:0 0 .5rem}.no-services-found small{font-size:.875rem;color:#94a3b8}.modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2rem}.step-content{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1.5rem}.section-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0}.service-categories{display:flex;flex-direction:column;gap:2rem}.service-category{display:flex;flex-direction:column;gap:1rem}.category-title{font-size:1rem;font-weight:600;color:#374151;margin:0;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.service-btn{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1rem;text-align:left;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#374151;display:flex;flex-direction:column;gap:.25rem}.service-btn:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.service-btn.selected{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e51a,#7c3aed0d);color:#4f46e5;font-weight:600}.service-price{font-size:.75rem;color:#10b981;font-weight:600;margin-top:.25rem;display:block}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151}.form-group label svg{color:#6b7280}.form-group input,.form-group select,.form-group textarea{padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;background:#fafafa;transition:all .2s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;background:#ef44440d}.error{color:#ef4444;font-size:.75rem;font-weight:500}.upload-area{border:3px dashed #cbd5e1;border-radius:16px;padding:3rem 2rem;text-align:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);transition:all .3s ease}.upload-area:hover{border-color:#4f46e5;background:linear-gradient(135deg,#4f46e50d,#7c3aed05);transform:translateY(-2px)}.upload-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;color:#64748b;transition:all .2s ease}.upload-label:hover{color:#4f46e5}.upload-label.uploading{cursor:not-allowed;opacity:.7}.upload-label svg{color:#94a3b8}.upload-label:hover svg{color:#4f46e5}.upload-label span{font-size:1.125rem;font-weight:600}.upload-label small{font-size:.875rem;color:#94a3b8}.image-gallery{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.image-gallery h4{font-size:1rem;font-weight:600;color:#374151;margin:0}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.image-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb;transition:all .2s ease}.image-item:hover{border-color:#4f46e5;transform:scale(1.05);box-shadow:0 8px 25px #00000026}.image-item img{width:100%;height:100%;object-fit:cover}.remove-btn{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:all .2s ease}.image-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.image-overlay{position:absolute;bottom:.5rem;right:.5rem;background:#000000b3;color:#fff;border-radius:6px;padding:.25rem;opacity:0;transition:all .2s ease}.image-item:hover .image-overlay{opacity:1}.summary-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;margin-top:1rem}.summary-section h4{font-size:1.1rem;font-weight:700;color:#1e293b;margin:0 0 .75rem}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;min-width:0}.summary-item{display:grid;grid-template-columns:max-content 1fr;align-items:start;column-gap:.75rem;padding:.5rem .75rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;min-width:0}.summary-item.full-width{grid-column:1 / -1}.summary-item .label{font-weight:600;color:#64748b;font-size:.8rem;white-space:nowrap}.summary-item .value{font-weight:600;color:#1e293b;font-size:.9rem;text-align:right;min-width:0;overflow-wrap:break-word;word-break:normal;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty;line-height:1.35}.price-highlight{background:linear-gradient(135deg,#10b9811a,#0596690d);border:1px solid rgba(16,185,129,.2)}.price-highlight .label{color:#047857;font-weight:600;display:flex;align-items:center;gap:.5rem}.price-highlight .value.price{color:#10b981;font-weight:700;font-size:.95rem;display:flex;flex-direction:column;align-items:flex-end;line-height:1.3}.price-highlight .value.price small{font-size:.75rem;color:#6b7280;font-weight:500}.selected-services-summary{display:flex;flex-wrap:wrap;gap:.4rem}.service-summary-item{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px}.service-summary-item .service-name{font-size:.8rem;color:#374151}.service-summary-item .service-price{font-size:.75rem;color:#10b981;font-weight:700}.rim-services-summary{display:flex;flex-direction:column;gap:.75rem;width:100%}.rim-summary{background:#f8fafc;border-radius:8px;padding:.75rem;border-left:4px solid #10b981}.rim-summary h6{font-size:.85rem;font-weight:600;color:#1e293b;margin:0 0 .4rem}.rim-summary ul{list-style:none;padding:0;margin:0 0 .25rem}.rim-summary li{font-size:.75rem;color:#374151;padding:.2rem 0;border-bottom:1px solid #e5e7eb}.rim-summary li:last-child{border-bottom:none}.rim-comment-summary{font-size:.75rem;color:#6b7280;font-style:italic;margin:0}.summary-section,.summary-grid,.summary-item,.summary-item .value{min-width:0}.modal-actions{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 2rem;border-top:1px solid #e2e8f0;background:#f8fafc}.actions-left,.actions-right{display:flex;gap:1rem}.btn-secondary{background:#fff;color:#64748b;border:2px solid #e2e8f0;padding:.875rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{border-color:#cbd5e1;color:#475569;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;padding:.875rem 1.5rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #4f46e54d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:active{transform:translateY(0)}@media (max-width: 768px){.modal-overlay{padding:1rem 0 0;align-items:flex-end}.damage-inspection-modal{max-height:calc(100dvh - 1rem);border-radius:20px 20px 0 0;width:100%;max-width:none}.modal-header{padding:1.5rem 1rem 1rem}.header-content h2{font-size:1.5rem}.step-indicator{padding:1rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;justify-content:center}.step-indicator::-webkit-scrollbar{display:none}.step-info{display:none}.step-divider{width:30px;margin:0 .5rem}.step-icon{width:32px;height:32px}.modal-content{padding:1.5rem 1rem}.form-grid,.service-grid,.summary-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(3,1fr)}.modal-actions{padding:1rem;flex-direction:column;gap:1rem}.actions-left,.actions-right{width:100%}.btn-secondary,.btn-primary{width:100%;justify-content:center;padding:1rem}.service-search-input{font-size:16px}.rim-quantity-selector{grid-template-columns:repeat(4,1fr);gap:.5rem}.rim-btn{padding:.75rem .5rem;font-size:.8rem}.radio-group.horizontal{flex-direction:column}.rim-basics,.service-selector,.extra-cost-form{grid-template-columns:1fr}.damage-images{grid-template-columns:repeat(4,1fr)}.damage-details{grid-template-columns:1fr}}@media (max-width: 480px){.upload-area{padding:2rem 1rem}.image-grid{grid-template-columns:repeat(2,1fr)}.modal-header{padding:1rem}.header-content h2{font-size:1.25rem}.section-title{font-size:1.125rem}.rim-quantity-selector{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.damage-images{grid-template-columns:repeat(3,1fr)}}.fetch-owner-actions{margin-top:.75rem;display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.fetch-owner-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;border:1px solid #d1d5db;background:#fff;font-size:.9rem;font-weight:600;color:#1f2937;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.fetch-owner-btn:hover:not(:disabled){border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.fetch-owner-btn:disabled{opacity:.6;cursor:not-allowed}.owner-info-card{margin-top:1rem;border-radius:16px;border:1px solid #e5e7eb;padding:1rem;background:#f9fafb}.owner-info-heading{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;color:#334155}.owner-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.owner-info-row{background:#fff;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.35rem;border:1px solid #e2e8f0}.owner-info-label{flex:0 0 110px;font-size:.8rem;color:#64748b}.owner-info-value{font-size:.95rem;color:#111827;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}:root{--text-primary: #1a1a1a;--text-secondary: #666;--text-muted: #999;--background: #ffffff;--background-alt: #f9f9f9;--border: #e8e8e8;--border-light: #f5f5f5;--success: #10b981;--success-light: rgba(16, 185, 129, .08);--shadow: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius: 8px;--transition: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body.customer-portal-page{font-family:Space Grotesk,Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f5f7;color:var(--text-primary);line-height:1.6;background:var(--background-alt);min-height:100vh;-webkit-font-smoothing:antialiased}.customer-portal{min-height:100vh;background:var(--background-alt);font-family:Space Grotesk,Inter,Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.loading-container,.error-container{display:grid;place-items:center;min-height:60vh;padding:2rem;text-align:center}.loading-spinner{color:var(--text-primary);margin-bottom:1rem}.animate-spin{animation:spin 1s linear infinite}.error-container svg{color:#ef4444;margin-bottom:.75rem}.error-container h2{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.portal-header{background:var(--background);border-bottom:1px solid var(--border);padding:1rem 0}.header-content{max-width:680px;margin:0 auto;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.portal-logo{height:30px;width:auto}.header-status{display:flex;align-items:center}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:600}.status-badge.approved{background:var(--success-light);color:var(--success);border:1px solid rgba(16,185,129,.2)}.status-badge.protocol{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.portal-container{max-width:680px;margin:0 auto;padding:1.5rem}.welcome-section{margin-bottom:1.5rem}.welcome-section h1{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.quote-card{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border)}.quote-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.quote-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.quote-id{font-size:.875rem;font-weight:600;color:var(--text-secondary);font-family:monospace}.protocol-card{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border)}.protocol-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.protocol-header h2{font-size:1.25rem;margin-bottom:.35rem}.protocol-meta{text-align:right;font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.protocol-subtext{font-size:.85rem;color:var(--text-secondary)}.protocol-section{margin-bottom:1.25rem}.protocol-section table{width:100%;border-collapse:collapse;margin-top:.75rem}.protocol-section th,.protocol-section td{text-align:left;padding:.35rem 0;font-weight:500;border-bottom:1px solid var(--border-light);font-size:.9rem;color:var(--text-primary)}.protocol-section th:first-child{width:160px;font-size:.75rem;letter-spacing:.6px;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.protocol-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.protocol-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.protocol-download-btn{width:auto;font-size:.75rem;padding:.4rem .8rem;border-radius:var(--radius);background:var(--text-primary);color:var(--background);border:none;align-self:flex-end;display:inline-flex;align-items:center;gap:.35rem;cursor:pointer;transition:var(--transition)}.protocol-download-btn:hover{background:#0f172a}.protocol-damage-card{border:1px solid var(--border-light);border-radius:var(--radius);padding:1rem;background:var(--background-alt);margin-bottom:1rem}.protocol-damage-main{display:flex;align-items:center;justify-content:space-between;gap:1rem}.protocol-damage-number{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;background:#e0e7ff;color:#4338ca}.protocol-damage-info{flex:1}.protocol-damage-info strong{display:block;font-size:1rem;margin-bottom:.25rem}.protocol-damage-location{font-size:.85rem;color:var(--text-secondary)}.protocol-damage-price{font-weight:600;font-size:1rem;color:var(--text-primary)}.protocol-damage-description,.protocol-damage-notes,.protocol-damage-extra span,.protocol-damage-discount{font-size:.85rem;color:var(--text-secondary);margin-top:.35rem}.protocol-damage-extra{display:flex;flex-direction:column;gap:.35rem;margin-top:.35rem}.protocol-damage-discount{color:#dc2626}.protocol-total-box{margin-top:1.5rem;padding:1rem 1.25rem;border-radius:var(--radius);background:var(--success-light);border:1px solid rgba(16,185,129,.4);display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1rem}.protocol-empty{font-size:.9rem;color:var(--text-secondary)}.protocol-images-section{margin-bottom:1.25rem}.protocol-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:.75rem}.protocol-image-thumb{border:1px solid var(--border-light);border-radius:var(--radius);overflow:hidden;background:#fff;min-height:100px;display:flex;align-items:center;justify-content:center}.protocol-image-thumb img{width:100%;height:100%;object-fit:cover}.quote-details{margin-bottom:1.5rem}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.detail-label svg{flex-shrink:0}.detail-value{font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:right}.price-section{background:#fafafa;border-radius:var(--radius);padding:1.5rem;text-align:center;margin-bottom:1.5rem}.price-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.price-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.price-note{font-size:.8125rem;color:var(--text-secondary)}.pdf-section{text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-light)}.images-section{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border)}.images-section h3{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.image-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .5rem;background:var(--text-primary);color:var(--background);font-size:.75rem;font-weight:600;border-radius:12px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-thumbnail{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:1px solid var(--border);transition:var(--transition)}.image-thumbnail:hover{transform:scale(1.02);box-shadow:var(--shadow-md)}.image-thumbnail img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:var(--transition);color:#fff}.image-thumbnail:hover .image-overlay{opacity:1}.booking-section{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border);text-align:center}.booking-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.booking-section>p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1.25rem}.booking-btn{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;padding:.875rem 1.75rem;background:var(--text-primary);color:var(--background);border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:600;cursor:pointer;transition:var(--transition);width:100%;max-width:320px}.booking-btn:hover:not(:disabled){background:#000;transform:translateY(-1px);box-shadow:var(--shadow-md)}.booking-btn:disabled{opacity:.6;cursor:not-allowed}.booking-success{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--success-light);color:var(--success);border-radius:var(--radius);font-size:.875rem;font-weight:500}.preferences-section{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border)}.preferences-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.preference-item{padding:0}.preference-toggle{display:flex;align-items:flex-start;gap:1rem;cursor:pointer}.preference-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:relative;width:44px;height:24px;background:#d0d0d0;border-radius:12px;transition:var(--transition);flex-shrink:0}.toggle-button{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:var(--transition)}.preference-toggle input:checked+.toggle-slider{background:var(--text-primary)}.preference-toggle input:checked+.toggle-slider .toggle-button{transform:translate(20px)}.preference-text{flex:1}.preference-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.preference-description{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.guarantee-section{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border);display:flex;align-items:flex-start;gap:1rem}.guarantee-icon{font-size:2rem;flex-shrink:0}.guarantee-content h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.guarantee-content p{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.portal-footer{background:var(--background);border-radius:var(--radius);padding:1.5rem;margin-top:2rem;border:1px solid var(--border)}.footer-content{display:grid;gap:1.5rem}.footer-section h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.contact-item svg{flex-shrink:0}.contact-item a{color:var(--text-secondary);text-decoration:none;transition:var(--transition)}.contact-item a:hover{color:var(--text-primary)}.footer-note{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-light);text-align:center}.footer-note p{font-size:.8125rem;color:var(--text-muted);margin:.375rem 0}.gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.gallery-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.gallery-image{max-width:100%;max-height:85vh;object-fit:contain;border-radius:var(--radius)}.gallery-close{position:absolute;top:-3rem;right:0;background:#ffffff1a;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.gallery-close:hover{background:#fff3}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.gallery-nav:hover{background:#fff3}.gallery-nav.prev{left:1rem}.gallery-nav.next{right:1rem}.gallery-info{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem}@media (max-width: 640px){.portal-container{padding:1rem}.header-content{padding:0 1rem}.portal-logo{height:26px}.quote-card,.images-section,.booking-section,.preferences-section,.guarantee-section,.portal-footer{padding:1.25rem}.price-value{font-size:1.75rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.welcome-section h1{font-size:1.25rem}.gallery-nav{width:40px;height:40px}}.shared-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:600;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;outline:none;position:relative;white-space:nowrap}.shared-button:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.shared-button--sm{padding:.5rem 1rem;font-size:.875rem;min-height:36px}.shared-button--md{padding:.75rem 1.5rem;font-size:1rem;min-height:44px}.shared-button--lg{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.shared-button--primary{background:var(--primary, #3b82f6);color:#fff;border-color:var(--primary, #3b82f6)}.shared-button--primary:hover:not(:disabled){background:var(--primary-hover, #2563eb);border-color:var(--primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.shared-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #3b82f633}.shared-button--secondary{background:var(--secondary, #6b7280);color:#fff;border-color:var(--secondary, #6b7280)}.shared-button--secondary:hover:not(:disabled){background:var(--secondary-hover, #4b5563);border-color:var(--secondary-hover, #4b5563);transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.shared-button--secondary:active:not(:disabled){transform:translateY(0)}.shared-button--outline{background:transparent;color:var(--primary, #3b82f6);border-color:var(--primary, #3b82f6)}.shared-button--outline:hover:not(:disabled){background:var(--primary, #3b82f6);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.shared-button--outline:active:not(:disabled){transform:translateY(0)}.shared-button--ghost{background:transparent;color:var(--primary, #3b82f6);border-color:transparent}.shared-button--ghost:hover:not(:disabled){background:#3b82f61a}.shared-button--ghost:active:not(:disabled){background:#3b82f626}.shared-button--disabled,.shared-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.shared-button--loading{cursor:wait}.shared-button--loading .shared-button__text{opacity:.7}.shared-button--full-width{width:100%}.shared-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.shared-button__spinner{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shared-button__text{display:inline-flex;align-items:center}@media (max-width: 640px){.shared-button--lg{padding:.875rem 1.5rem;font-size:1rem}}.shared-input-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}.shared-input__label{font-size:.875rem;font-weight:500;color:#374151;display:flex;align-items:center}.shared-input__required{color:#ef4444;font-weight:600}.shared-input__input-wrapper{position:relative;width:100%}.shared-input{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:inherit;color:#1a1a1a;background:#fff;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.shared-input:focus{border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.shared-input:hover:not(:disabled):not(:focus){border-color:#d1d5db}.shared-input::placeholder{color:#9ca3af}.shared-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}textarea.shared-input{resize:vertical;min-height:80px;line-height:1.6}.shared-input--with-icon{padding-left:3rem}.shared-input__icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#9ca3af;pointer-events:none}.shared-input--error{border-color:#ef4444}.shared-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.shared-input-wrapper--error .shared-input__label,.shared-input-wrapper--error .shared-input__icon{color:#ef4444}.shared-input__error-message{font-size:.875rem;color:#ef4444;display:flex;align-items:center;gap:.25rem}.shared-input__error-message:before{content:"⚠";font-size:1rem}.shared-input__helper-text{font-size:.875rem;color:#6b7280}.shared-input-wrapper--disabled .shared-input__label{color:#9ca3af}input[type=number].shared-input::-webkit-inner-spin-button,input[type=number].shared-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].shared-input{-moz-appearance:textfield}input[type=date].shared-input{cursor:pointer}@media (max-width: 640px){.shared-input{padding:.625rem .875rem;font-size:16px}.shared-input--with-icon{padding-left:2.75rem}.shared-input__icon{left:.875rem}}.shared-card{background:var(--card-background, #ffffff);border-radius:var(--border-radius-lg, 16px);transition:var(--transition-smooth, all .3s cubic-bezier(.4, 0, .2, 1));overflow:hidden}.shared-card--default{border:1px solid var(--border, #e5e7eb)}.shared-card--bordered{border:2px solid var(--border, #e5e7eb)}.shared-card--elevated{border:none;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}.shared-card--hoverable:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shared-card--clickable{cursor:pointer;border:none;width:100%;text-align:left;font-family:inherit;padding:0}.shared-card--clickable:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.shared-card--clickable:active{transform:scale(.98)}.shared-card__header{padding:1.5rem;border-bottom:1px solid var(--border, #e5e7eb);background:var(--card-header-background, #f9fafb)}.shared-card__body{padding:1.5rem}.shared-card__footer{padding:1.5rem;border-top:1px solid var(--border, #e5e7eb);background:var(--card-footer-background, #f9fafb)}@media (max-width: 640px){.shared-card{border-radius:12px}.shared-card__header,.shared-card__body,.shared-card__footer{padding:1rem}}.shared-badge{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-weight:600;border-radius:9999px;white-space:nowrap}.shared-badge--sm{padding:.25rem .625rem;font-size:.75rem}.shared-badge--md{padding:.375rem .75rem;font-size:.875rem}.shared-badge--lg{padding:.5rem 1rem;font-size:1rem}.shared-badge--success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.shared-badge--warning{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.shared-badge--error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.shared-badge--info{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.shared-badge--neutral{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.shared-badge--dot{padding-left:.5rem}.shared-badge__dot{width:.5rem;height:.5rem;border-radius:9999px;flex-shrink:0}.shared-badge--success .shared-badge__dot{background:#10b981;box-shadow:0 0 4px #10b98180}.shared-badge--warning .shared-badge__dot{background:#fbbf24;box-shadow:0 0 4px #fbbf2480}.shared-badge--error .shared-badge__dot{background:#ef4444;box-shadow:0 0 4px #ef444480}.shared-badge--info .shared-badge__dot{background:#3b82f6;box-shadow:0 0 4px #3b82f680}.shared-badge--neutral .shared-badge__dot{background:#6b7280;box-shadow:0 0 4px #6b728080}.shared-spinner__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.shared-spinner__container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.shared-spinner{animation:rotate 2s linear infinite}.shared-spinner__path{stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.shared-spinner--sm{width:24px;height:24px}.shared-spinner--md{width:40px;height:40px}.shared-spinner--lg{width:56px;height:56px}.shared-spinner--xl{width:72px;height:72px}.shared-spinner--primary .shared-spinner__path{stroke:var(--primary, #3b82f6)}.shared-spinner--white .shared-spinner__path{stroke:#fff}.shared-spinner--gray .shared-spinner__path{stroke:#6b7280}.shared-spinner__text{font-size:.875rem;font-weight:500;color:#6b7280;text-align:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}:root{--bg: #ffffff;--text: #0f172a;--muted: #5b6475;--border: rgba(15, 23, 42, .085);--border2: rgba(15, 23, 42, .11);--shadow: 0 14px 34px rgba(15, 23, 42, .08);--shadow2: 0 22px 56px rgba(15, 23, 42, .12);--radius: 18px;--radius2: 24px;--max: 1160px}*{box-sizing:border-box}.cpl-page{min-height:100vh;background:var(--bg);color:var(--text)}.cpl-wrap{position:relative;z-index:1}.cpl-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbd;border-bottom:1px solid var(--border)}.cpl-header-inner{max-width:var(--max);margin:0 auto;padding:.9rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cpl-brand{display:flex;align-items:center;text-decoration:none;color:inherit;min-width:0}.cpl-logo{height:36px;width:auto;display:block}.cpl-nav{display:flex;align-items:center;gap:.55rem}.cpl-nav-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.92rem;color:var(--text);padding:.58rem .85rem;border-radius:14px;border:1px solid rgba(15,23,42,.08);background:#0f172a05;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.cpl-nav-link:hover{transform:translateY(-1px);background:#0f172a0a;box-shadow:0 10px 22px #0f172a14}.cpl-menu-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid var(--border);background:#ffffffd1;color:var(--text);box-shadow:0 10px 22px #0f172a12;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.cpl-menu-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0f172a1a;background:#fffffff5}.cpl-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60}.cpl-drawer{position:fixed;top:0;right:0;height:100vh;width:min(86vw,360px);background:#fffffff2;border-left:1px solid var(--border);box-shadow:-22px 0 56px #0f172a29;z-index:70;padding:1rem;display:flex;flex-direction:column;gap:.9rem}.cpl-drawer-top{display:flex;justify-content:flex-end;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.cpl-drawer-links{display:flex;flex-direction:column;gap:.55rem}.cpl-drawer-links a{text-decoration:none;color:var(--text);padding:.92rem .95rem;border-radius:16px;background:#0f172a08;border:1px solid rgba(15,23,42,.065);transition:transform .14s ease,background .14s ease}.cpl-drawer-links a:hover{transform:translateY(-1px);background:#0f172a0d}.cpl-main{max-width:var(--max);margin:0 auto;padding:1.6rem 1rem 2.2rem}.cpl-hero{position:relative;border-radius:var(--radius2);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow2);min-height:580px;background:#f7f8fb}.cpl-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/hero.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;will-change:transform}.cpl-hero-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:min(920px,calc(100% - 2.4rem));text-align:center}.cpl-hero-inner{display:inline-block;width:fit-content;max-width:760px;padding:1.3rem 1.25rem;border-radius:22px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);box-shadow:0 18px 46px #0f172a24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cpl-hero-title{font-size:2.65rem;font-weight:950;letter-spacing:-.04em;margin:0;line-height:1.04;color:#0f172afa}.cpl-hero-subtitle{margin:.9rem auto 0;font-size:1.08rem;font-weight:700;color:#0f172aeb;line-height:1.6;max-width:760px}.cpl-hero-ctas{margin-top:1.05rem;display:flex;justify-content:center;align-items:center;gap:.85rem;flex-wrap:wrap}.cpl-quote-btn{background:#0f172aeb!important;color:#fff!important;border-color:#0f172aeb!important;box-shadow:0 14px 30px #0f172a24}.cpl-quote-btn:hover{transform:translateY(-1px);box-shadow:0 18px 40px #0f172a2e}.cpl-hero-cta-note{margin:.65rem 0 0;font-size:.92rem;color:#0f172ab8}.cpl-section{margin-top:1.35rem;width:100%}.cpl-card{border:1px solid var(--border);background:#ffffffd1;border-radius:var(--radius2);box-shadow:var(--shadow);overflow:hidden}.cpl-section-card{padding:1.25rem}.cpl-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.95rem;flex-wrap:wrap}.cpl-section-title{margin:0;font-size:1.18rem;font-weight:950;letter-spacing:-.02em}.cpl-section-subtitle{margin:.25rem 0 0;color:var(--muted);font-size:.96rem}.cpl-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem}.cpl-choice{border-radius:22px;background:#0f172a08;border:1px solid rgba(15,23,42,.07);padding:1.1rem;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.cpl-choice:hover{transform:translateY(-2px);background:#0f172a0a;box-shadow:0 16px 36px #0f172a1a}.cpl-choice-top{display:flex;align-items:center;gap:.85rem}.cpl-choice-icon{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#0f172aeb;color:#fff;box-shadow:0 12px 28px #0f172a29;flex-shrink:0}.cpl-choice-meta{min-width:0}.cpl-choice-title{font-weight:950;letter-spacing:-.015em;font-size:1.02rem;color:#0f172af2}.cpl-choice-tag{margin-top:.18rem;font-size:.9rem;color:#5b6475fa}.cpl-choice-text{margin:.85rem 0 0;font-size:.95rem;color:#374151e6;line-height:1.6}.cpl-choice-actions{margin-top:.85rem;display:flex;justify-content:flex-start}.cpl-choice-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#0f172aeb;font-weight:900;letter-spacing:-.01em;padding:.45rem .1rem;cursor:pointer;border-radius:10px;transition:transform .12s ease,background .12s ease}.cpl-choice-link:hover{transform:translateY(-1px);background:#0f172a0f;padding-left:.55rem;padding-right:.55rem}.cpl-trust-row{margin-top:.95rem;display:flex;flex-wrap:wrap;gap:.6rem}.cpl-trust-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffb3;color:#0f172adb;font-size:.9rem;font-weight:800}.cpl-benefits-v3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cpl-benefit-row{width:100%;text-align:left;border-radius:18px;border:1px solid rgba(15,23,42,.075);background:#0f172a08;padding:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.75rem;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.cpl-benefit-row:hover{transform:translateY(-2px);background:#0f172a0a;box-shadow:0 14px 30px #0f172a14}.cpl-benefit-row.is-open{background:#ffffffd1;border-color:#0f172a1a;box-shadow:0 18px 40px #0f172a1a}.cpl-benefit-row-left{display:flex;align-items:center;gap:.75rem;min-width:0}.cpl-benefit-chip{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#0f172aeb;color:#fff;flex-shrink:0;box-shadow:0 12px 28px #0f172a29}.cpl-benefit-row-text{min-width:0}.cpl-benefit-row-title{font-weight:950;letter-spacing:-.015em;color:#0f172af0;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cpl-benefit-row-sub{margin-top:.25rem;font-size:.92rem;color:#5b6475fa;line-height:1.45;white-space:normal}.cpl-benefit-chevron{color:#0f172abf;transition:transform .18s ease;flex-shrink:0}.cpl-benefit-chevron.is-open{transform:rotate(180deg)}.cpl-benefits-with-image{display:grid;grid-template-columns:1.15fr .85fr;gap:.95rem;align-items:stretch}.cpl-benefit-image-card{border-radius:22px;border:1px solid rgba(15,23,42,.085);background:#ffffffd1;box-shadow:0 14px 34px #0f172a14;overflow:hidden;position:relative;min-height:320px}.cpl-benefit-image{width:100%;height:100%;min-height:320px;object-fit:cover;display:block;transform:scale(1.02);transition:transform .25s ease}.cpl-benefit-image-card:hover .cpl-benefit-image{transform:scale(1.06)}.cpl-benefit-image-caption{position:absolute;left:14px;right:14px;bottom:14px;padding:.75rem .85rem;border-radius:16px;background:#ffffffc7;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 30px #0f172a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cpl-benefit-image-caption-title{margin:0;font-weight:950;letter-spacing:-.015em;color:#0f172af0;font-size:.95rem}.cpl-benefit-image-caption-sub{margin:.2rem 0 0;color:#5b6475fa;font-size:.9rem;line-height:1.45}.cpl-footer{max-width:var(--max);margin:0 auto;padding:1.8rem 1rem 2.2rem;border-top:1px solid var(--border);color:#5b6475fa;font-size:.86rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media (max-width: 840px){.cpl-nav{display:none}.cpl-menu-btn{display:inline-flex}}@media (max-width: 980px){.cpl-hero-title{font-size:2.15rem}}@media (max-width: 980px){.cpl-benefits-with-image{grid-template-columns:1fr}.cpl-benefit-image-card,.cpl-benefit-image{min-height:260px}}@media (max-width: 720px){.cpl-choice-grid,.cpl-benefits-v3{grid-template-columns:1fr}}@media (max-width: 520px){.cpl-main{padding-top:1.2rem}.cpl-hero{min-height:clamp(420px,70vh,520px);display:flex;align-items:center;justify-content:center;padding:1.4rem 0}.cpl-hero-bg{background-size:cover;background-position:center;transform:translateZ(0) scale(1.02)!important}.cpl-hero-center{position:relative;left:auto;top:auto;transform:none;width:calc(100% - 1.4rem)}.cpl-hero-inner{width:100%;max-width:520px;padding:1.05rem 1rem;border-radius:20px;background:#ffffffe6;border-color:#ffffffe6;box-shadow:0 18px 44px #0f172a2e}.cpl-hero-title{font-size:1.65rem;line-height:1.08}.cpl-hero-subtitle{font-size:.98rem}.cpl-hero-ctas{flex-direction:column;align-items:stretch;gap:.7rem}.cpl-hero-ctas>*{width:100%}.cpl-footer{flex-direction:column;align-items:flex-start}}::selection{background:#0f172aeb;color:#fff}.booking-flow{min-height:100vh;background:#f7f7f8;padding:0;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.booking-container{max-width:1400px;margin:0 auto;padding:0 1rem}.booking-container.narrow{max-width:720px}.booking-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.25rem;background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.booking-back{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid transparent;background:transparent;color:#121212;font-size:.875rem;font-weight:550;cursor:pointer;border-radius:10px;transition:background .16s ease,transform .16s ease,border-color .16s ease}.booking-back:hover{background:#f2f2f3;transform:translateY(-1px)}.booking-back:active{transform:translateY(0)}.booking-back:focus-visible{outline:none;border-color:#111;box-shadow:0 0 0 3px #11111124}.booking-logo{height:30px;width:auto}.booking-steps{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.25rem 1rem;background:#fff;border-bottom:1px solid #ececec}.booking-step{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.booking-step-circle{width:30px;height:30px;border-radius:999px;background:#f2f2f3;border:1px solid #dcdcdc;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:750;color:#8a8a8a;flex-shrink:0;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.booking-step.active .booking-step-circle,.booking-step.completed .booking-step-circle{background:#111;border-color:#111;color:#fff}.booking-step.active .booking-step-circle{transform:scale(1.04)}.booking-step-title{font-size:.8rem;font-weight:550;color:#8a8a8a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease,font-weight .2s ease}.booking-step.active .booking-step-title{color:#111;font-weight:650}.booking-step.completed .booking-step-title{color:#5f5f5f}.booking-content{padding:1.5rem;background:#fff;margin:1rem 0;border-radius:14px;min-height:520px;border:1px solid #ececec;box-shadow:0 1px #00000008,0 10px 30px #0000000f;animation:bookingCardIn .26s ease-out both}@keyframes bookingCardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.booking-step-header{margin-bottom:1.25rem}.booking-step-title-main{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#111;margin:0 0 .35rem}.booking-step-subtitle{font-size:.9rem;color:#5f5f5f;margin:0;line-height:1.4}.booking-nav{display:flex;gap:.75rem;margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #ececec}@media (prefers-reduced-motion: reduce){.booking-content{animation:none}.booking-back,.booking-step-circle,.booking-step-title{transition:none}}@media (max-width: 720px){.booking-container{padding:0 .75rem}}@media (max-width: 640px){.booking-header{padding:.85rem .95rem}.booking-logo{height:26px}.booking-steps{padding:1.1rem .95rem .85rem;gap:.5rem}.booking-step{gap:.55rem}.booking-step-circle{width:28px;height:28px;font-size:.72rem}.booking-step-title{font-size:.72rem}.booking-content{padding:1.15rem;margin:.85rem 0;border-radius:14px;min-height:520px}.booking-step-title-main{font-size:1.125rem}.booking-nav{flex-direction:column-reverse;gap:.65rem}.booking-back span{display:none}}@media (max-width: 480px){.booking-step-title{display:none}.booking-steps{justify-content:space-evenly}}.service-selection{display:grid;gap:1rem}.service-controls{display:grid;gap:.75rem}.service-search{display:flex;align-items:center;gap:.6rem;padding:.75rem .85rem;border-radius:12px;border:1px solid #e9e9e9;background:#fafafa;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.service-search:focus-within{border-color:#111;box-shadow:0 0 0 3px #1111111f;background:#fff}.service-search input{width:100%;border:none;outline:none;background:transparent;font-size:.95rem;color:#111}.icon-btn{border:none;background:transparent;padding:.25rem;border-radius:8px;cursor:pointer;transition:background .16s ease,transform .16s ease}.icon-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.service-categories-list{display:flex;align-items:center;gap:.5rem;padding:.35rem;border-radius:14px;border:1px solid #ececec;background:#fff;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.service-categories-list::-webkit-scrollbar{display:none}.category-item{flex:0 0 auto;border:1px solid transparent;background:transparent;color:#111;padding:.6rem .85rem;border-radius:12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease,color .16s ease}.category-item:hover{background:#f3f3f3;transform:translateY(-1px)}.category-item:active{transform:translateY(0)}.category-item:focus-visible{outline:none;border-color:#111;box-shadow:0 0 0 3px #1111111f}.category-item.active{background:#111;color:#fff}.services-list{display:grid;gap:.6rem;padding-bottom:96px}.service-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.85rem .9rem;border-radius:14px;border:1px solid #ececec;background:#fff;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.service-row:hover{transform:translateY(-1px);border-color:#dedede;box-shadow:0 10px 30px #0000000f}.service-row:active{transform:translateY(0)}.service-row:focus-visible{outline:none;box-shadow:0 0 0 3px #11111124;border-color:#111}.service-row.selected{border-color:#111}.service-tick{width:26px;height:26px;border-radius:9px;border:1px solid #dcdcdc;background:#f4f4f4;display:grid;place-items:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.service-tick.on{background:#111;border-color:#111;color:#fff;transform:scale(1.03)}.service-title{font-weight:650;font-size:.95rem;color:#111;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-price{font-weight:800;font-size:.9rem;color:#111;white-space:nowrap;opacity:.9}.no-services{padding:1rem .25rem;color:#666}.service-footer{position:sticky;bottom:0;margin-top:.25rem;padding-top:.6rem}.service-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem .95rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#111111eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 46px #00000038;transform:translateY(10px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.service-footer.visible .service-summary{transform:translateY(0);opacity:1;pointer-events:auto}.summary-left{display:grid;gap:.15rem}.summary-count{font-size:.85rem;color:#ffffffb8;font-weight:650}.summary-total{font-size:1.05rem;color:#fff;font-weight:900;letter-spacing:-.01em}.service-footer.visible .summary-total{text-shadow:0 1px 0 rgba(0,0,0,.35)}@media (max-width: 640px){.service-row{grid-template-columns:32px 1fr auto;padding:.8rem .85rem}.services-list{padding-bottom:110px}.service-title{font-size:.92rem}.service-price{font-size:.88rem}}@media (prefers-reduced-motion: reduce){.service-search,.category-item,.service-row,.service-tick,.service-summary{transition:none}}.booking-confirmation{display:grid;gap:1rem}.confirm-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:.9rem;align-items:start;min-width:0}.confirm-stack{display:grid;gap:.9rem;min-width:0}.confirm-card{border:1px solid #ececec;background:#fff;border-radius:14px;padding:1rem;min-width:0;box-shadow:0 1px #00000008,0 10px 30px #0000000f;animation:confirmIn .24s ease-out both}@keyframes confirmIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.confirm-card--success{padding:1.05rem}.confirm-hero{display:grid;grid-template-columns:56px 1fr;gap:.9rem;align-items:center}.confirm-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#111;color:#fff;box-shadow:0 12px 32px #0000002e}.confirm-hero-text{min-width:0}.confirm-title{margin:0;font-size:1.15rem;font-weight:850;letter-spacing:-.02em;color:#111}.confirm-subtitle{margin:.25rem 0 0;color:#5f5f5f;font-size:.92rem;line-height:1.4}.confirm-ref{margin:.9rem 0 1rem;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#111111eb;color:#fff;padding:.85rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.confirm-ref-label{font-size:.85rem;color:#ffffffb8;font-weight:650}.confirm-ref-value{font-weight:900;letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap}.confirm-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.confirm-h3{margin:0;font-size:.95rem;font-weight:850;letter-spacing:-.01em;color:#111}.confirm-pill{flex:0 0 auto;padding:.35rem .6rem;border-radius:999px;border:1px solid #e7e7e7;background:#f7f7f7;color:#111;font-size:.8rem;font-weight:800}.confirm-services{display:grid;gap:.55rem;padding:.25rem 0 .85rem;border-bottom:1px solid #f0f0f0}.confirm-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:baseline;min-width:0}.confirm-row-title{color:#111;font-weight:650;font-size:.92rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-row-value{color:#111;font-weight:850;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.92}.confirm-total{display:flex;align-items:flex-end;justify-content:space-between;gap:.75rem;padding-top:.85rem;min-width:0}.confirm-total-left{display:grid;gap:.15rem}.confirm-total-label{color:#111;font-weight:900;letter-spacing:-.01em}.confirm-total-note{color:#6a6a6a;font-size:.85rem;font-weight:650}.confirm-total-value{color:#111;font-weight:950;font-size:1.05rem;letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums}.confirm-kv{display:grid;grid-template-columns:18px 1fr;gap:.6rem;align-items:center;padding:.55rem 0;border-top:1px solid #f0f0f0;min-width:0}.confirm-card .confirm-kv:first-of-type{border-top:none;padding-top:.35rem}.confirm-kv svg{color:#111;opacity:.85}.confirm-kv-text{color:#111;font-weight:650;font-size:.92rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-terms{border:1px solid #ececec;background:#fff;border-radius:14px;padding:.9rem .95rem;min-width:0}.confirm-check{display:flex;gap:.65rem;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none}.confirm-check input{margin-top:.25rem;width:18px;height:18px;accent-color:#111}.confirm-check span{color:#111;font-weight:650;font-size:.9rem;line-height:1.35}.confirm-error{margin-top:.65rem;padding:.7rem .75rem;border-radius:12px;background:#fff2f2;border:1px solid #ffd7d7;color:#8a1f1f;font-weight:700;font-size:.9rem}.submitting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffa6;display:grid;place-items:center;border-radius:14px}@media (max-width: 860px){.confirm-grid{grid-template-columns:1fr}}@media (max-width: 640px){.confirm-card{padding:.9rem}.confirm-hero{grid-template-columns:48px 1fr;gap:.8rem}.confirm-icon{width:48px;height:48px;border-radius:14px}.confirm-title{font-size:1.08rem}.confirm-subtitle{font-size:.9rem}.confirm-ref-value{letter-spacing:.06em}.confirm-row-title,.confirm-kv-text{font-size:.9rem}}@media (prefers-reduced-motion: reduce){.confirm-card{animation:none}}.booking-step-header{margin-bottom:2rem}.booking-step-title-main{font-size:1.75rem;font-weight:600;color:#1a1a1a;margin:0 0 .5rem}.booking-step-subtitle{font-size:.95rem;color:#666;margin:0}.booking-nav{display:flex;gap:1rem;margin-top:2rem}.booking-nav button{flex:1}@media (max-width: 640px){.booking-nav{flex-direction:column}}.service-category-tabs{display:flex;gap:0;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;overflow-x:auto;scrollbar-width:none;position:sticky;top:80px;background:#fff;z-index:50;padding-top:1rem;margin-top:-1rem}@media (max-width: 768px){.service-category-tabs{position:static}}.service-category-tabs::-webkit-scrollbar{display:none}.service-category-tab{flex:1;min-width:120px;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.95rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}.service-category-tab:hover{color:#1a1a1a;background:#fafafa}.service-category-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a;font-weight:600}.service-shop-layout{display:grid;grid-template-columns:1fr 420px;gap:2rem;margin-bottom:2rem}@media (max-width: 1200px){.service-shop-layout{grid-template-columns:1fr 380px}}@media (max-width: 1024px){.service-shop-layout{grid-template-columns:1fr 350px;gap:1.5rem}}@media (max-width: 768px){.service-shop-layout{grid-template-columns:1fr}}.service-shop-services{display:flex;flex-direction:column;gap:1.5rem}.service-search{position:relative;display:flex;align-items:center}.service-search svg{position:absolute;left:1rem;color:#666;pointer-events:none;z-index:1}.service-search input{width:100%;padding:.75rem 3rem .75rem 2.75rem;border:1px solid #e0e0e0;background:#fafafa;border-radius:10px;font-size:.95rem;color:#1a1a1a;outline:none;transition:all .2s}.service-search input:focus{border-color:#1a1a1a;background:#fff}.service-search .icon-btn{position:absolute;right:.75rem;padding:.25rem;background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:color .2s}.service-search .icon-btn:hover{color:#1a1a1a}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}@media (max-width: 900px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.services-grid{grid-template-columns:1fr}}.service-card{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:.5rem}.service-card:hover{border-color:#1a1a1a;background:#f5f5f5;transform:translateY(-2px)}.service-card.selected{background:#1a1a1a;border-color:#1a1a1a}.service-card-header{display:flex;align-items:center;gap:.75rem}.service-checkbox{width:20px;height:20px;border:2px solid #e0e0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff;transition:all .2s}.service-checkbox.checked{background:#fff;border-color:#fff}.service-checkbox.checked svg{color:#1a1a1a}.service-name{font-size:.95rem;font-weight:500;color:#1a1a1a;flex:1;transition:color .2s}.service-card.selected .service-name{color:#fff}.service-price{font-size:.875rem;font-weight:600;color:#1a1a1a;transition:color .2s}.service-card.selected .service-price{color:#fff}.no-services{text-align:center;padding:2rem;color:#666;font-size:.95rem}.service-shop-cart{position:relative}@media (max-width: 768px){.service-shop-cart{display:none}}.cart-card{position:sticky;top:100px;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-height:calc(100vh - 120px);overflow:hidden}.cart-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.cart-header-left{display:flex;align-items:center;gap:.75rem}.cart-header-left svg{color:#1a1a1a}.cart-header h3{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.cart-count{font-size:.875rem;color:#666;font-weight:500}.cart-empty{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;gap:.5rem}.cart-empty p{font-size:.95rem;color:#1a1a1a;font-weight:500;margin:0}.cart-empty-hint{font-size:.875rem;color:#666}.cart-items{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.cart-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:#fafafa;border-radius:8px;transition:background .2s}.cart-item:hover{background:#f5f5f5}.cart-item-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.cart-item-name{font-size:.9rem;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-category{font-size:.75rem;color:#666;text-transform:capitalize}.cart-item-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.cart-item-price{font-size:.875rem;font-weight:600;color:#1a1a1a}.cart-item-remove{padding:.25rem;background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:color .2s}.cart-item-remove:hover{color:#ef4444}.cart-total{padding-top:1rem;border-top:2px solid #e0e0e0;display:flex;flex-direction:column;gap:.5rem}.cart-total-row{display:flex;align-items:center;justify-content:space-between}.cart-total-label{font-size:1rem;font-weight:600;color:#1a1a1a}.cart-total-value{font-size:1.25rem;font-weight:700;color:#1a1a1a}.cart-vat-note{font-size:.8rem;color:#666}.service-mobile-footer{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:2px solid #e0e0e0;padding:1rem;z-index:100;transform:translateY(100%);transition:transform .3s ease}.service-mobile-footer.visible{transform:translateY(0)}@media (max-width: 768px){.service-mobile-footer{display:block}}.mobile-footer-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:640px;margin:0 auto}.mobile-footer-info{display:flex;flex-direction:column;gap:.25rem}.mobile-footer-count{font-size:.875rem;color:#666;font-weight:500}.mobile-footer-total{font-size:1.125rem;font-weight:700;color:#1a1a1a}.service-summary{background:#1a1a1a;border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.95rem}.summary-price{font-size:1.25rem;font-weight:600}.no-services{text-align:center;padding:3rem 1rem;color:#666}.no-services p{margin:0;font-size:.95rem}.booking-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;gap:1rem}.booking-loading p{color:#666;font-size:.95rem;margin:0}.spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-fields{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.customer-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.customer-type-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s;font-size:.95rem;font-weight:500;color:#666}.customer-type-btn:hover{border-color:#3b82f6;background:#f8faff}.customer-type-btn.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.customer-type-btn svg{color:inherit}@media (max-width: 640px){.customer-type-options{grid-template-columns:1fr}}.form-label{font-size:.875rem;font-weight:500;color:#1a1a1a;display:flex;align-items:center;gap:.25rem}.form-label .required{color:#dc2626}.form-input,.form-select{padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;color:#1a1a1a;background:#fff;transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:#1a1a1a}.form-input.error,.form-select.error{border-color:#dc2626}.form-input::placeholder{color:#999}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit}.error-message{font-size:.8rem;color:#dc2626;margin-top:-.25rem}.customer-type-full{margin-bottom:2rem}.customer-details-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2rem}.customer-personal-section,.customer-contact-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:2rem}.section-heading{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.customer-personal-section .form-group,.customer-contact-section .form-group{margin-bottom:1.25rem}.customer-personal-section .form-group:last-child,.customer-contact-section .form-group:last-child{margin-bottom:0}@media (max-width: 768px){.customer-details-split-layout{grid-template-columns:1fr;gap:1.5rem}}.calendar-picker{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.calendar-month-year{font-size:1.125rem;font-weight:600;color:#1a1a1a;margin:0}.calendar-nav-btn{background:transparent;border:1px solid #e0e0e0;border-radius:8px;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:all .2s}.calendar-nav-btn:hover{background:#f5f5f5;border-color:#1a1a1a}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin-bottom:.75rem}.calendar-weekday{text-align:center;font-size:.875rem;font-weight:600;color:#666;padding:.5rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.calendar-day{aspect-ratio:1;border:2px solid #e0e0e0;border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:500;color:#1a1a1a;transition:all .2s;position:relative}.calendar-day:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.calendar-day.other-month{color:#ccc;background:#fafafa;border-color:#f0f0f0;cursor:not-allowed}.calendar-day.past{color:#999;background:#f5f5f5;border-color:#e0e0e0;cursor:not-allowed;opacity:.5}.calendar-day.loading{background:#fafafa;border-color:#e0e0e0;cursor:wait}.calendar-day.available{background:#f0fdf4;border-color:#10b981;color:#1a1a1a}.calendar-day.available:hover{background:#dcfce7;border-color:#059669}.calendar-day.unavailable{background:#fef2f2;border-color:#ef4444;color:#666;cursor:not-allowed}.calendar-day.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff;font-weight:700}.calendar-day:disabled{cursor:not-allowed;opacity:.6}.calendar-legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e0e0e0;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:20px;height:20px;border-radius:4px;border:2px solid}.legend-color.available{background:#f0fdf4;border-color:#10b981}.legend-color.unavailable{background:#fef2f2;border-color:#ef4444}.legend-color.selected{background:#1a1a1a;border-color:#1a1a1a}.legend-text{font-size:.875rem;color:#666}input[type=date].form-input{cursor:pointer}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem}@media (max-width: 640px){.time-slots{grid-template-columns:repeat(3,1fr)}.calendar-header{gap:.5rem}.calendar-nav-btn{padding:.35rem}.calendar-month-year{font-size:1rem}.calendar-weekdays,.calendar-grid{gap:.25rem}.calendar-day{border-radius:6px;font-size:.8rem;min-height:38px}.calendar-picker{padding:.85rem}}.time-slot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.75rem .5rem;border:2px solid #e0e0e0;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .2s;font-size:.875rem;color:#666}.time-slot:hover{border-color:#1a1a1a;background:#f5f5f5;color:#1a1a1a}.time-slot.selected{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.time-slot svg{flex-shrink:0}.loading-slots{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:#666;font-size:.95rem}.spinner-small{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.no-slots{text-align:center;padding:2rem 1rem;background:#fafafa;border-radius:8px;margin-top:1rem}.no-slots p{margin:0;color:#666;font-size:.95rem}.center-selection-full{margin-bottom:2rem}.scheduling-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-bottom:2rem}.scheduling-calendar-section{position:relative}.scheduling-timeslots-section{position:sticky;top:120px;align-self:start}.time-slots-placeholder{background:#fafafa;border:2px dashed #e0e0e0;border-radius:12px;padding:3rem 2rem;text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center}.time-slots-placeholder p{margin:0;color:#999;font-size:1rem;font-weight:500}@media (max-width: 768px){.scheduling-split-layout{grid-template-columns:1fr;gap:1.5rem}.scheduling-timeslots-section{position:relative;top:0}.calendar-picker{padding:1rem}.calendar-weekdays,.calendar-grid{gap:.35rem}.calendar-day{font-size:.85rem;border-width:1px}.calendar-weekday{font-size:.75rem;padding:.35rem}.calendar-legend{gap:.75rem;padding-top:1rem;margin-top:1rem}}.booking-confirmation{position:relative}.confirmation-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin-bottom:2rem}.confirmation-details-section{display:flex;flex-direction:column;gap:2rem}.confirmation-summary-section{position:sticky;top:120px;align-self:start}.confirmation-summary-section .summary-card{background:#fff;border-color:#e0e0e0;padding:2.25rem}.confirmation-summary-section .summary-card .section-title{color:#1a1a1a;border-bottom-color:#e0e0e0}.confirmation-summary-section .summary-card .item-name,.confirmation-summary-section .summary-card .item-price{color:#1a1a1a}.confirmation-summary-section .summary-card .item-name{flex:1;min-width:0;word-break:break-word;overflow-wrap:anywhere}.confirmation-summary-section .summary-card .item-price{flex-shrink:0}.confirmation-summary-section .summary-card .summary-item{border-bottom-color:#e0e0e0;align-items:flex-start;gap:.75rem;padding:1rem .35rem}.confirmation-summary-section .summary-card .section-content{padding:0 .35rem}.confirmation-summary-section .summary-card .summary-total{border-top-color:#1a1a1a}.confirmation-summary-section .summary-card .total-label,.confirmation-summary-section .summary-card .total-value{color:#1a1a1a}.confirmation-summary-section .summary-card .vat-note{color:#666}.confirmation-sections{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem;width:100%}.confirmation-section{background:#fafafa;border-radius:12px;padding:2.5rem;border:1px solid #e0e0e0;width:100%}.section-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin:0 0 2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.section-content{display:flex;flex-direction:column;gap:1.25rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #e0e0e0}.summary-item:last-child{border-bottom:none}.item-name{font-size:1.0625rem;color:#1a1a1a;line-height:1.6;font-weight:500}.item-price{font-size:1.0625rem;font-weight:600;color:#1a1a1a}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;margin-top:1.5rem;border-top:2px solid #1a1a1a}.total-label{font-size:1.25rem;font-weight:700;color:#1a1a1a}.total-value{font-size:1.75rem;font-weight:700;color:#1a1a1a}.vat-note{font-size:.9375rem;color:#666;margin-top:.5rem}.info-row{display:flex;align-items:center;gap:1.25rem;font-size:1.0625rem;color:#1a1a1a;line-height:1.7;padding:.75rem 0}.info-row svg{color:#666;flex-shrink:0;width:20px;height:20px}.terms-section{background:#fafafa;border-radius:12px;padding:2.5rem;margin-bottom:2rem;border:1px solid #e0e0e0;width:100%}.terms-checkbox{display:flex;align-items:flex-start;gap:1.25rem;cursor:pointer;font-size:1.0625rem;color:#1a1a1a;line-height:1.7}.terms-checkbox input[type=checkbox]{margin-top:.35rem;cursor:pointer;width:22px;height:22px;flex-shrink:0}.submitting-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:10}.booking-success-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:start;min-height:600px}.success-content{display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.success-title-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.5rem}.success-icon{margin-bottom:0}.success-icon svg{color:#10b981}.success-title{font-size:3rem;font-weight:700;color:#1a1a1a;margin:0;letter-spacing:-.02em;line-height:1.2}.success-message{font-size:1.25rem;color:#1a1a1a;margin:0 0 1rem;line-height:1.6;font-weight:500}.success-submessage{font-size:1.0625rem;color:#666;margin:0 0 3rem;line-height:1.7}.success-actions{display:flex;gap:1rem}.success-actions button{padding:1.125rem 2.5rem;font-size:1.0625rem;font-weight:600}.success-details-card{background:#1a1a1a;border-radius:16px;padding:0;overflow:hidden;position:sticky;top:120px}.success-reference-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:3rem 2.5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.success-reference-section .reference-label{display:block;font-size:.875rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:1rem}.success-reference-section .reference-value{display:block;font-size:2.25rem;font-weight:700;color:#fff;font-family:monospace;letter-spacing:.05em}.success-booking-info{padding:2.5rem}.info-heading{font-size:1.125rem;font-weight:600;color:#fff;margin:0 0 2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.info-group{display:flex;flex-direction:column;gap:1.5rem}.info-item{display:flex;gap:1rem;align-items:flex-start}.info-item svg{color:#ffffff80;flex-shrink:0;margin-top:.25rem}.info-text{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.875rem;color:#fff9;font-weight:500}.info-value{font-size:1.0625rem;color:#fff;font-weight:600}@media (max-width: 768px){.confirmation-split-layout{grid-template-columns:1fr;gap:2rem}.confirmation-summary-section{position:relative;top:0}.booking-success-layout{grid-template-columns:1fr;gap:2.5rem}.success-details-card{position:relative;top:0}.success-title{font-size:2.25rem}}@media (max-width: 640px){.booking-step-title-main{font-size:1.5rem}.confirmation-section,.confirmation-summary-section .summary-card,.customer-personal-section,.customer-contact-section{padding:1.5rem}.section-heading{font-size:1rem;margin-bottom:1rem}.success-content{padding:2rem 0}.success-icon svg{width:64px;height:64px}.success-title-row{flex-direction:column;align-items:center;text-align:center;gap:.75rem;margin-bottom:1.25rem}.success-title{font-size:1.875rem;text-align:center}.success-message{font-size:1.0625rem}.success-submessage{font-size:.9375rem;margin-bottom:2rem}.success-reference-section{padding:2rem 1.5rem}.success-reference-section .reference-value{font-size:1.75rem}.success-booking-info{padding:1.5rem}.success-actions{flex-direction:column}.success-actions button{width:100%}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem}.onboarding-overlay.exiting{pointer-events:none}.onboarding-modal{width:100%;max-width:480px;max-height:85vh;background:#fff;border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #0000000a,0 8px 40px -8px #0000001f,0 24px 60px -12px #00000014}.onboarding-header{position:relative;padding:2rem 2rem 1.5rem;background:#fff;border-bottom:1px solid #f1f5f9}.onboarding-header-content{text-align:center}.onboarding-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;background:#f1f5f9;border-radius:100px;margin-bottom:1rem}.onboarding-badge span{font-size:.75rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.04em}.onboarding-header h2{margin:0 0 .375rem;font-size:1.625rem;font-weight:700;color:#0f172a;letter-spacing:-.025em}.onboarding-header p{margin:0;font-size:.9375rem;color:#64748b;font-weight:450}.onboarding-close{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .15s ease}.onboarding-close:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1}.onboarding-close:active{transform:scale(.95)}.onboarding-progress{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}.onboarding-progress-bar{flex:1;height:6px;background:#f1f5f9;border-radius:100px;overflow:hidden}.onboarding-progress-fill{height:100%;background:var(--primary, #4f46e5);border-radius:100px}.onboarding-progress-text{font-size:.8125rem;font-weight:600;color:#94a3b8;min-width:fit-content}.onboarding-content{flex:1;padding:2rem;overflow-y:auto;background:#fff}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-step-icon{margin-bottom:1.5rem}.onboarding-icon-wrapper{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:var(--primary, #4f46e5);transition:transform .25s ease}.onboarding-step:hover .onboarding-icon-wrapper{transform:scale(1.03)}.onboarding-step-content h3{margin:0 0 .625rem;font-size:1.375rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.onboarding-description{margin:0 0 1.5rem;font-size:.9375rem;color:#64748b;line-height:1.6;max-width:360px}.onboarding-details{list-style:none;padding:0;margin:0;text-align:left;width:100%;max-width:320px;background:#fafbfc;border-radius:14px;padding:.5rem}.onboarding-details li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:10px;transition:background .15s ease}.onboarding-details li:hover{background:#fff}.onboarding-details li svg{flex-shrink:0;width:18px;height:18px;color:var(--success, #10b981);margin-top:1px}.onboarding-details li span{font-size:.875rem;color:#475569;line-height:1.5}.onboarding-indicators{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.onboarding-indicator{width:8px;height:8px;padding:0;border:none;border-radius:100px;background:#e2e8f0;cursor:pointer;transition:all .2s ease}.onboarding-indicator:hover{background:#cbd5e1}.onboarding-indicator.completed{background:#4f46e54d}.onboarding-indicator.active{width:28px;background:var(--primary, #4f46e5)}.onboarding-footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:#fafbfc;border-top:1px solid #f1f5f9}.onboarding-nav-buttons{display:flex;align-items:center;gap:.5rem}.onboarding-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .15s ease}.onboarding-btn-secondary{background:transparent;color:#64748b}.onboarding-btn-secondary:hover{background:#f1f5f9;color:#475569}.onboarding-btn-nav{width:42px;height:42px;padding:0;background:#fff;border:1px solid #e2e8f0;color:#475569}.onboarding-btn-nav:hover{background:#f8fafc;border-color:#cbd5e1}.onboarding-btn-primary{background:var(--primary, #4f46e5);color:#fff;padding:.75rem 1.5rem}.onboarding-btn-primary:hover{background:var(--primary-hover, #4338ca);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.onboarding-btn:active{transform:scale(.98)}@media (max-width: 640px){.onboarding-overlay{padding:0;align-items:flex-end;background:#ffffffe6}.onboarding-modal{max-width:100%;max-height:90vh;border-radius:24px 24px 0 0;animation:slideUp .35s cubic-bezier(.32,.72,0,1);box-shadow:0 -4px 20px #00000014,0 -12px 40px #0000000a}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.onboarding-modal:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:#e2e8f0;border-radius:100px;z-index:1}.onboarding-header{padding:2rem 1.5rem 1.25rem}.onboarding-header h2{font-size:1.375rem}.onboarding-header p{font-size:.875rem}.onboarding-close{top:1rem;right:1rem}.onboarding-content{padding:1.5rem}.onboarding-icon-wrapper{width:64px;height:64px;border-radius:16px}.onboarding-icon-wrapper svg{width:26px;height:26px}.onboarding-step-content h3{font-size:1.25rem}.onboarding-description{font-size:.875rem}.onboarding-details{padding:.375rem}.onboarding-details li{padding:.625rem .875rem}.onboarding-details li span{font-size:.8125rem}.onboarding-footer{padding:1rem 1.5rem;padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem))}.onboarding-btn{padding:.625rem 1rem;font-size:.8125rem}.onboarding-btn-primary{padding:.625rem 1.25rem}}@media (max-width: 380px){.onboarding-header{padding:1.75rem 1.25rem 1rem}.onboarding-badge{padding:.25rem .75rem}.onboarding-badge span{font-size:.6875rem}.onboarding-content{padding:1.25rem}.onboarding-step-icon{margin-bottom:1rem}.onboarding-step-content h3{font-size:1.125rem}.onboarding-footer{padding:.875rem 1.25rem}}@media (max-height: 600px) and (orientation: landscape){.onboarding-overlay{padding:.5rem;align-items:center}.onboarding-modal{max-height:calc(100vh - 1rem);border-radius:20px}.onboarding-modal:before{display:none}.onboarding-header{padding:1rem 1.5rem}.onboarding-header h2{font-size:1.125rem;margin-bottom:.25rem}.onboarding-progress{margin-top:.75rem}.onboarding-content{padding:1rem 1.5rem}.onboarding-step{flex-direction:row;text-align:left;gap:1.5rem}.onboarding-step-icon{margin-bottom:0}.onboarding-icon-wrapper{width:56px;height:56px}.onboarding-step-content{flex:1}.onboarding-step-content h3{margin-bottom:.375rem}.onboarding-description{margin-bottom:1rem;max-width:none}.onboarding-details{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;max-width:none;padding:.375rem}.onboarding-details li{padding:.5rem .75rem}.onboarding-indicators{margin-top:1rem}.onboarding-footer{padding:.75rem 1.5rem}}@media (prefers-reduced-motion: reduce){.onboarding-modal,.onboarding-progress-fill,.onboarding-step,.onboarding-indicator,.onboarding-btn,.onboarding-icon-wrapper{transition:none;animation:none}}.onboarding-close:focus-visible,.onboarding-indicator:focus-visible,.onboarding-btn:focus-visible{outline:2px solid var(--primary, #4f46e5);outline-offset:2px}.cookie-consent-wrap{position:fixed;inset:auto 0 0 0;z-index:9999;display:flex;justify-content:center;padding:1.4rem 1.4rem calc(1.6rem + env(safe-area-inset-bottom));pointer-events:none}.cookie-consent-card{pointer-events:auto;width:min(980px,100%);display:grid;grid-template-columns:auto 1fr auto;gap:1.2rem;align-items:center;padding:1.35rem 1.5rem;border-radius:22px;border:1px solid rgba(15,23,42,.08);background:#fdfaf6;box-shadow:0 24px 50px #0f172a29;position:relative;overflow:hidden;animation:cookie-consent-rise .42s ease-out}.cookie-consent-card:before{content:"";position:absolute;top:-60%;right:0;bottom:0;left:-30%;background:radial-gradient(circle at top left,rgba(253,210,155,.5),transparent 60%),radial-gradient(circle at top right,rgba(94,234,212,.2),transparent 60%);pointer-events:none}.cookie-consent-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:20px;border:1px solid rgba(255,255,255,.6);pointer-events:none}.cookie-consent-icon{width:44px;height:44px;border-radius:16px;background:linear-gradient(135deg,#fff3de,#e2fbf5);display:grid;place-items:center;color:#1f2937;position:relative;z-index:1}.cookie-consent-body{position:relative;z-index:1}.cookie-consent-title{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:.35rem}.cookie-consent-text{margin:0;font-size:.95rem;line-height:1.45;color:#334155}.cookie-consent-toggle{margin-top:.7rem;display:inline-flex;gap:.45rem;align-items:center;background:transparent;border:none;padding:0;font-size:.9rem;font-weight:600;color:#0f766e;cursor:pointer}.cookie-consent-toggle svg{transition:transform .18s ease}.cookie-consent-toggle svg.is-open{transform:rotate(180deg)}.cookie-consent-details{margin-top:.75rem;display:grid;gap:.6rem}.cookie-consent-detail{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .85rem;border-radius:14px;background:#ffffffbf;border:1px solid rgba(15,23,42,.06)}.cookie-consent-detail-title{font-weight:700;font-size:.92rem;color:#0f172a}.cookie-consent-detail-text{font-size:.85rem;color:#475569;margin-top:.15rem}.cookie-consent-tag{align-self:flex-start;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.35rem .6rem;border-radius:999px;background:#0e74901a;color:#0f766e;white-space:nowrap}.cookie-consent-tag.is-solid{background:#0f172a14;color:#1f2937}.cookie-consent-actions{display:flex;gap:.7rem;position:relative;z-index:1}.cookie-consent-btn{border-radius:999px;padding:.75rem 1.2rem;font-size:.92rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.cookie-consent-btn.primary{background:#111827;color:#fff;box-shadow:0 12px 24px #0f172a2e}.cookie-consent-btn.primary:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f172a38}.cookie-consent-btn.ghost{background:#fff;color:#0f172a;border-color:#0f172a2e}.cookie-consent-btn.ghost:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a14}@keyframes cookie-consent-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 820px){.cookie-consent-card{grid-template-columns:1fr;align-items:flex-start}.cookie-consent-actions{width:100%;justify-content:stretch}.cookie-consent-btn{flex:1;text-align:center}}@media (prefers-reduced-motion: reduce){.cookie-consent-card{animation:none}.cookie-consent-btn,.cookie-consent-toggle svg{transition:none}}:root{--primary:#4f46e5;--ink:#0f172a;--muted:#6b7280;--bg:#f7f7f7;--card:#ffffff;--border:#e5e7eb;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 10px rgba(0,0,0,.08);--accent:#8b5cf6}.sc-page{background:var(--bg);min-height:100vh;padding:24px 0;color:var(--ink)}.sc-container{max-width:1100px;margin:0 auto;padding:0 20px}.sc-container--wide{max-width:1360px}.sc-header{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}.sc-header h1{margin:0;font-size:26px;font-weight:800;display:flex;gap:8px;align-items:center}.sc-sub{color:var(--muted);margin-top:6px}.sc-ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--ink);padding:10px 14px;border-radius:10px;font-weight:700;display:inline-flex;gap:8px;align-items:center;box-shadow:var(--shadow-sm)}.sc-grid{display:grid;gap:12px}.sc-grid--kpi{grid-template-columns:repeat(4,1fr)}@media (max-width:960px){.sc-grid--kpi{grid-template-columns:repeat(2,1fr)}}.sc-grid--charts{grid-template-columns:1fr 1fr}@media (max-width:1000px){.sc-grid--charts{grid-template-columns:1fr}}.sc-grid--sum{grid-template-columns:1fr 1fr}@media (max-width:1000px){.sc-grid--sum{grid-template-columns:1fr}}.sc-card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.sc-card__header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px}.sc-card__header h3{margin:0;font-size:15px;font-weight:800}.sc-right{color:var(--muted);font-weight:700}.sc-card__body{padding:12px 14px}.sc-kpi{display:flex;align-items:center;gap:12px;padding:12px 14px}.sc-kpi__icon svg{color:var(--primary)}.sc-kpi__value{font-size:22px;font-weight:800}.sc-kpi__label{color:var(--muted)}.sc-chart{position:relative}.sc-chart--bar{height:280px}.sc-chart--bar-wide{height:320px}.sc-axis--y{position:absolute;left:0;top:6px;bottom:32px;width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#475569;font-size:12px}.sc-gridlines{position:absolute;left:40px;right:0;top:6px;bottom:32px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.sc-gridlines>div{height:1px;background:#eef2f7;border-top:1px solid #eef2f7}.sc-bars{position:absolute;left:40px;right:0;bottom:0;top:0;display:flex;align-items:flex-end;gap:16px;padding:0 10px 32px}.sc-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}.sc-bar--wide{min-width:80px}.sc-bar__col{width:28px;background:#111827;border-radius:10px 10px 4px 4px;position:relative;display:flex;align-items:flex-end;justify-content:center}.sc-bar__value{position:absolute;bottom:100%;transform:translateY(-6px);font-size:12px;color:#111827;font-weight:700}.sc-bar__label{font-size:12px;color:#334155;text-align:center}.sc-chart--line{height:220px}.sc-line-svg{width:100%;height:180px}.sc-line-grid{stroke:#eef2f7;stroke-width:1}.sc-line-path{fill:none;stroke:#111827;stroke-width:2}.sc-line-dot{fill:#111827}.sc-line-labels{display:flex;justify-content:space-between;font-size:12px;color:#334155;margin-top:2px}.sc-donut{display:flex;align-items:center;gap:16px}.sc-donut-svg{width:160px;height:160px;transform:rotate(-90deg)}.sc-donut-seg{fill:none;stroke-width:8}.sc-donut-seg--0{stroke:#111827}.sc-donut-seg--1{stroke:#4f46e5}.sc-donut-seg--2{stroke:#8b5cf6}.sc-donut-seg--3{stroke:#0ea5e9}.sc-donut-seg--4{stroke:#059669}.sc-donut-legend{display:grid;gap:6px;font-size:13px;color:#334155}.sc-donut-legend .lg{width:10px;height:10px;border-radius:2px;display:inline-block;margin-right:8px}.lg-0{background:#111827}.lg-1{background:#4f46e5}.lg-2{background:#8b5cf6}.lg-3{background:#0ea5e9}.lg-4{background:#059669}.st-summary{display:grid;gap:6px}.st-summary>div{display:flex;justify-content:space-between}.st-summary__total{border-top:1px dashed var(--border);margin-top:6px;padding-top:6px;font-weight:800}.ssm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px}.ssm-modal{width:100%;max-width:860px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;max-height:85vh}.ssm-header{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.ssm-header h3{margin:0;font-size:16px;font-weight:800}.ssm-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--border);border-radius:10px;padding:6px;box-shadow:var(--shadow-sm)}.ssm-content{padding:12px 14px;overflow:auto}.ssm-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}@media (max-width:900px){.ssm-grid{grid-template-columns:1fr}}.ssm-card{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.ssm-card h4{margin:0 0 8px;font-size:14px;font-weight:800}.ssm-input{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.ssm-input label{font-size:13px;color:#334155}.ssm-input input{height:40px;border:1px solid var(--border);border-radius:10px;padding:0 12px}.ssm-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ssm-three{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ssm-footer{border-top:1px solid var(--border);padding:12px 14px;display:flex;justify-content:flex-end;gap:8px}.ssm-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#111827;color:#fff;border:1px solid #111827;padding:10px 14px;border-radius:10px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.ssm-btn--ghost{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;color:var(--ink);border:1px solid var(--border);padding:10px 14px;border-radius:10px;font-weight:700}.app{display:flex;flex-direction:column;min-height:100vh;background-color:#f9fafb;font-family:var( --app-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif )}.app__container{flex:1;padding-bottom:0;margin-bottom:0;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}input,textarea,select{font-size:16px;width:100%;box-sizing:border-box;touch-action:manipulation;font-family:inherit}body{margin:0;padding:0;width:100%;overflow-x:hidden;font-family:var( --app-font, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif )}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f5f5f5}h1,h2,h3{color:#333}