:root{--safe-top: env(safe-area-inset-top, 0px);--header-h: 70px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loader{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center}#calendar-container,#dashboard-calendar-container{min-height:400px;padding:10px!important}.dashboard-panel-divider{border:none;border-top:1px solid #eee}.dashboard-tabs{display:flex;gap:10px;margin-bottom:15px}.tab-btn{padding:8px 14px;border:1px solid #ccc;background:#f7f7f7;border-radius:6px;cursor:pointer}.tab-btn.active{background:#007bff;color:#fff;border-color:#007bff}.tab-content{width:100%}@media(min-width:768px)and (max-width:1180px){.login-screen{background:linear-gradient(135deg,#667eea,#764ba2)!important}}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:url(https://app.autodetailcrm.com/img/screen_pic.jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center}.login-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px #0003;min-width:350px;text-align:center}.logo-container h1{color:#333;margin-bottom:30px;font-size:28px;font-weight:600}.login-form{margin-bottom:20px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#555}.form-group input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:16px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#007bff}.demo-credentials{background:#f8f9fa;padding:15px;border-radius:6px;text-align:left}.demo-credentials p{font-weight:600;margin-bottom:8px}.demo-credentials small{color:#666;display:block;margin-bottom:4px}.main-app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;box-shadow:0 2px 4px #0000001a;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px;position:sticky;top:0;z-index:1000}.header-left h1{color:#007bff;font-size:24px;font-weight:600;cursor:pointer;transition:color .3s ease}.header-left h1:hover{color:#0056b3}.header-center{flex:1;display:flex;justify-content:center}.main-nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.nav-btn{padding:10px 16px;border:none;background:transparent;color:#666;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.nav-btn:hover{background:#f8f9fa;color:#333}.nav-btn.active{background:#007bff;color:#fff}.header-right{display:flex;align-items:center;gap:20px}.language-selector select{padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;background:#fff;cursor:pointer}.user-menu{display:flex;align-items:center;gap:10px}.user-menu span{font-weight:500;color:#666}.btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#545b62}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#1e7e34}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.btn:disabled{opacity:.6;cursor:not-allowed}.main-content{flex:1;padding:20px;max-width:1500px;margin:0 auto;width:100%}.content-section{display:none}.content-section.active{display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.section-header h2{color:#333;font-size:28px;font-weight:600}.section-actions{display:flex;gap:10px;flex-wrap:wrap}.search-input{padding:10px 16px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;min-width:200px}.search-input:focus{outline:none;border-color:#007bff}.dashboard-content{display:flex;flex-direction:column;gap:30px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.kpi-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;text-align:center}.kpi-card h3{color:#666;font-size:14px;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:32px;font-weight:700;color:#007bff}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.dashboard-panel{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.dashboard-panel h3{color:#333;font-size:18px;margin-bottom:20px;font-weight:600}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:visible!important}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:15px;text-align:left;border-bottom:1px solid #e1e5e9}.data-table th{background:#f8f9fa;font-weight:600;color:#333;position:sticky;top:0}.data-table tr:hover{background:#f8f9fa}.table-actions{display:flex;align-items:center;gap:8px}.table-actions .btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;line-height:1!important}.table-actions .btn i,.table-actions .btn svg{display:block}.order-item-row{margin-bottom:20px;padding:15px;border:1px solid #e1e5e9;border-radius:8px;background:#f8f9fa}.item-main{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.item-main .btn{margin-left:10px;white-space:nowrap}.materials-section{margin-top:15px;padding-top:15px;border-top:1px solid #dee2e6}.materials-list{margin-bottom:10px}.material-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.material-row .btn-sm{margin-left:auto}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn .3s ease}.modal-content{background-color:#fff;margin:5% auto;padding:0;border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close{position:absolute;right:20px;top:20px;font-size:28px;font-weight:700;cursor:pointer;color:#aaa;z-index:1}.close:hover{color:#333}.modal-header{padding:25px 25px 0;border-bottom:1px solid #e1e5e9;margin-bottom:25px}.modal-header h3{margin:0 0 15px;color:#333;font-size:22px;font-weight:600}.modal-body{padding:0 25px 25px}.form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e1e5e9}.tabs{display:flex;border-bottom:2px solid #e1e5e9;margin-bottom:20px}.tab-btn{padding:12px 24px;border:none;background:transparent;color:#333;cursor:pointer;font-weight:600;border-bottom:2px solid transparent;transition:all .3s ease}.tab-btn:hover{color:#333}.tab-btn.active{color:#0056b3;background-color:#f0f8ff;border-bottom-color:#007bff}.staff-tabs{display:flex;border-bottom:2px solid #e1e5e9;margin-bottom:20px;background:#fff;border-radius:12px 12px 0 0;overflow:hidden}.toast-container{position:fixed;top:90px;right:20px;z-index:20000;display:flex;flex-direction:column;gap:10px}.toast{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;border-left:4px solid #007bff;min-width:300px;animation:slideInRight .3s ease}.toast.success{border-left-color:#28a745}.toast.error{border-left-color:#dc3545}.toast.warning{border-left-color:#ffc107}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.dashboard-vertical-split{display:flex;flex-direction:column;gap:20px}.public-booking{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;display:flex;align-items:center;justify-content:center}.booking-container{background:#fff;border-radius:12px;padding:40px;max-width:600px;width:100%;box-shadow:0 10px 30px #0003}.booking-header{text-align:center;margin-bottom:30px}.booking-header h1{color:#333;font-size:28px;font-weight:600}.booking-form{display:flex;flex-direction:column;gap:20px}.settings-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000001a}.settings-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e1e5e9}.settings-section:last-child{border-bottom:none;margin-bottom:0}.settings-section h3{color:#333;font-size:20px;margin-bottom:20px;font-weight:600}#dashboard-section .settings-section,#orders-section .settings-section,#customers-section .settings-section,#vehicles-section .settings-section,#services-section .settings-section,#inventory-section .settings-section,#staff-section .settings-section,#dashboard-section .settings-sections,#orders-section .settings-sections,#customers-section .settings-sections,#vehicles-section .settings-sections,#services-section .settings-sections,#inventory-section .settings-sections,#staff-section .settings-sections{display:none!important}.logo-upload{display:flex;flex-direction:column;gap:15px}.logo-preview{max-width:200px;max-height:100px;border:2px dashed #e1e5e9;border-radius:8px;padding:20px;text-align:center;color:#666}.logo-preview img{max-width:100%;max-height:80px}.print-content{display:none}.print-content.printing{display:block}.invoice-print{font-family:Arial,sans-serif;max-width:800px;margin:0 auto;padding:20px;background:#fff;color:#000}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;border-bottom:2px solid #333;padding-bottom:20px}.invoice-logo img{max-height:80px}.invoice-info{text-align:right}.invoice-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:20px}.invoice-table th,.invoice-table td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.invoice-table th{background:#f5f5f5;font-weight:700}.invoice-totals{text-align:right;margin-top:20px}.invoice-totals table{margin-left:auto;min-width:300px}.invoice-totals .total-row{font-weight:700;font-size:18px;border-top:2px solid #333}@media(max-width:1024px)and (min-width:769px){.nav-btn{font-size:12px;padding:8px 10px}.main-nav{gap:3px}}@media(max-width:900px)and (min-width:769px){.nav-btn{font-size:11px;padding:6px 8px}.header-left h1{font-size:20px}}@media(max-width:768px){.header{flex-direction:row;justify-content:space-between;padding-left:20px;padding-right:20px}.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex!important}.mobile-menu{display:block!important}.header-center{display:none}.header-right{gap:15px}.user-menu,.language-selector{display:none}.main-nav{flex-wrap:wrap;gap:3px}.nav-btn{font-size:11px;padding:6px 8px;min-width:auto}.mobile-menu{max-height:calc(100vh - 70px);overflow-y:auto}.mobile-nav-btn{font-size:18px;padding:14px 20px}.mobile-menu{z-index:10000!important}.item-main .btn,.material-row .btn-sm{margin-left:0;margin-top:10px}.section-header{flex-direction:column;align-items:stretch}.section-actions{justify-content:stretch}.search-input{min-width:auto;width:100%}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-panel{min-width:auto}.table-container{overflow-x:auto}.data-table{min-width:600px}.form-row{grid-template-columns:1fr}.login-container{min-width:auto;width:90%;padding:30px 20px}.booking-container{padding:30px 20px}.toast-container{left:20px;right:20px;top:100px}.toast{min-width:auto}.vehicle-group-header{flex-wrap:wrap}.vehicle-group-header .item-vehicle-select{flex-basis:100%;margin-bottom:10px}.vehicle-group-header .remove-vehicle-group-btn{flex-basis:100%}.item-main{flex-wrap:wrap;gap:10px}.item-main .search-select-container{flex-basis:100%}.item-main .price-input,.item-main .qty-input{flex-basis:60px;flex-grow:1}.item-main .show-all-services-btn{flex-grow:0;margin-left:auto}.item-main .remove-service-btn{flex-basis:100%}.material-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:stretch!important;width:100%;box-sizing:border-box}.material-row .material-select{flex:1 1 100%!important;width:100%!important;max-width:100%!important;margin-right:0!important}.material-row .qty-input{flex:1!important;width:auto!important;min-width:0!important}.material-row .remove-material-btn{flex:0 0 44px!important;margin-left:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:18px!important;height:auto!important}#dashboard-calendar-container{width:100%;overflow-x:auto;height:550px}#dashboard-calendar-container .fc{min-width:600px;max-width:100%}#dashboard-calendar-container .fc-toolbar-title{font-size:1.1rem}#dashboard-calendar-container .fc-button{padding:.2rem .5rem;font-size:.8rem}}@media(max-width:768px){#calendar-container{width:100%;padding:10px 0!important;min-height:0}#calendar-container .fc{width:100%!important;min-width:0!important}#calendar-container .fc-toolbar{flex-wrap:wrap;row-gap:8px}#calendar-container .fc-toolbar-title{font-size:1.1rem}#calendar-container .fc-button{padding:.25rem .6rem;font-size:.8rem}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}.nav-btn{font-size:11px;padding:6px 8px}.main-content{padding:15px}.section-header h2{font-size:24px}.modal-content{margin:2% auto;max-height:88vh}.mobile-nav-btn{font-size:16px;padding:12px 20px}.header-left h1{font-size:20px}.desktop-nav{display:none!important}.mobile-menu-toggle{display:flex!important}}.admin-only,.admin-manager-only{display:none}.role-admin .admin-only,.role-admin .admin-manager-only,.role-manager .admin-manager-only{display:initial}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:uppercase}.status-open{background:#fff3cd;color:#856404}.status-in-progress{background:#d1ecf1;color:#0c5460}.status-done{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-paid{background:#d4edda;color:#155724}.status-unpaid{background:#f8d7da;color:#721c24}.status-partial,.low-stock{background:#fff3cd;color:#856404}.footer{padding:20px 0;text-align:center;border-top:1px solid #e1e5e9;background:#f8f9fa}.loading{opacity:.6;pointer-events:none}.spinner{border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block;margin-right:10px}.user-management{display:flex;flex-direction:column;gap:15px}.user-row{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid #e1e5e9;border-radius:8px;background:#f8f9fa}.user-controls{display:flex;gap:10px;align-items:center}.user-controls input{padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:120px}.user-controls input[type=password]{font-family:monospace}.data-actions{display:flex;gap:10px;flex-wrap:wrap}@media(max-width:768px){.user-row{flex-direction:column;align-items:stretch;gap:10px}.user-controls{justify-content:center;flex-wrap:wrap}.user-controls input{width:140px}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10001;color:#333}.modal .form-actions{flex-wrap:wrap;justify-content:right;gap:10px}.mobile-menu{display:none!important;position:fixed;top:70px;left:0;width:100%;background:#fff;box-shadow:0 2px 10px #0000001a;z-index:10000}.mobile-menu.active{display:block!important}.mobile-nav{display:flex;flex-direction:column;padding:10px}.mobile-nav-btn{padding:15px 20px;border:none;background:transparent;color:#666;text-align:left;cursor:pointer;font-weight:500;font-size:16px;border-bottom:1px solid #f0f0f0;transition:all .3s ease}.mobile-nav-btn:hover{background:#f8f9fa;color:#333}.mobile-nav-btn.active{background:#007bff;color:#fff}.mobile-nav-btn:last-child{border-bottom:none}.mobile-menu-footer{border-top:1px solid #e1e5e9;padding:15px;background:#f8f9fa;margin-top:10px}.mobile-language-selector{margin-bottom:15px}.mobile-language-selector label{display:block;margin-bottom:5px;font-weight:500;color:#666;font-size:14px}.mobile-language-selector select{width:100%;padding:8px 12px;border:2px solid #e1e5e9;border-radius:6px;background:#fff;font-size:14px}.mobile-user-info{margin-bottom:15px;padding:10px;background:#fff;border-radius:6px;border:1px solid #e1e5e9}.mobile-user-info span{font-weight:500;color:#333}.mobile-menu-actions{display:flex;flex-direction:column;gap:10px}.mobile-menu-actions .btn{width:100%;padding:12px;font-size:14px;border-radius:6px}.mobile-menu-actions .btn-danger{background:#dc3545;color:#fff;border:none}.mobile-menu-actions .btn-danger:hover{background:#c82333}.desktop-nav{display:flex}.mobile-menu,.mobile-menu-toggle{display:none!important}@media(min-width:901px){.mobile-menu,.mobile-menu-toggle{display:none!important}}@media(max-width:900px){.mobile-menu-toggle{display:flex!important}.desktop-nav,.mobile-menu{display:none!important}.mobile-menu.active{display:block!important}}@media(max-width:768px){.mobile-menu-toggle{display:flex!important}.desktop-nav,.mobile-menu{display:none!important}.mobile-menu.active{display:block!important}}.search-select-container{position:relative}.search-select-container .search-input{width:100%;padding:12px;border:2px solid #e1e5e9;border-radius:6px;font-size:14px}.search-select-container .search-input:focus{outline:none;border-color:#007bff}.search-select-results{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #007bff;border-top:none;border-radius:0 0 6px 6px;max-height:250px;overflow-y:auto;z-index:1010;box-shadow:0 4px 8px #0000001a}.search-select-item{padding:12px;cursor:pointer;font-size:14px;border-bottom:1px solid #f0f0f0}.search-select-item:last-child{border-bottom:none}.search-select-item:not([data-id]){color:#666;cursor:default}.search-select-item[data-id]:hover{background-color:#007bff;color:#fff}.search-select-item[data-id]:hover small{color:#e0e0e0}tr.clickable-row{cursor:pointer;transition:background-color .2s ease}tr.clickable-row:hover{background-color:#e6f7ff}.report-table th,.report-table td{text-align:center}#modal .data-table tfoot td{text-align:left}#modal .data-table tfoot td.report-currency{text-align:right;font-family:monospace;font-size:1.1em}.settings-tabs{background:#fff;box-shadow:none;border-bottom:2px solid #e1e5e9;margin-bottom:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.settings-tabs .tab-btn{padding:12px 20px}.settings-content{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000001a;padding:30px}.settings-section{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-sections{display:contents}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .3s ease}.settings-tab-content{display:none}.settings-tab-content.active{display:block;animation:fadeIn .3s ease}@media(max-width:768px){.settings-tabs{margin-left:-20px;margin-right:-20px;padding-left:10px}.settings-tabs .tab-btn{padding:10px 15px;font-size:13px}.settings-content{padding:20px}}.settings-tabs-mobile{display:none;margin-bottom:20px}#settings-tab-select{width:100%;padding:12px 40px 12px 12px;font-size:16px;font-weight:600;border:none;border-radius:6px;background-color:#007bff;color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="white" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:24px}@media(max-width:768px){.settings-tabs{display:none}.settings-tabs-mobile{display:block}}#calendar-container{min-height:600px;padding:10px!important}.fc-event{font-weight:500!important;font-size:.8em!important}.fc-bg-event .fc-event-title{color:#000000b3;font-weight:600}.fc .fc-daygrid-day.fc-day-today{background-color:#f0f8ff}.fc .fc-day-today .fc-daygrid-day-number{font-weight:700}.fc .fc-button{background:#007bff!important;border:none!important;opacity:.9;transition:opacity .2s;text-transform:none!important;box-shadow:none!important}.fc .fc-button:hover{opacity:1}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background-color:#0056b3!important}.mobile-accordion-btn{padding:15px 20px;border:none;background:#f8f9fa;color:#333;width:100%;text-align:left;cursor:pointer;font-weight:600;font-size:16px;border-bottom:1px solid #e1e5e9;transition:background-color .3s ease;position:relative}.mobile-accordion-btn:hover{background-color:#e9ecef}.mobile-accordion-btn:after{content:"+";font-weight:700;color:#007bff;position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px}.mobile-accordion-btn.active{background-color:#e9ecef}.mobile-accordion-btn.active:after{content:"−"}.mobile-accordion-panel{display:none;background:#fff;padding-left:15px;border-bottom:1px solid #e1e5e9}.mobile-accordion-panel.active{display:block}.mobile-accordion-panel .mobile-nav-btn{background:transparent;color:#666;font-weight:500;font-size:15px;border-bottom:1px solid #f0f0f0}.mobile-accordion-panel .mobile-nav-btn:last-child{border-bottom:none}.mobile-accordion-panel .mobile-nav-btn.active{background:#007bff;color:#fff}@media(min-width:769px){#google-sync-content{border-right:1px dashed #ccc;padding-right:20px}#apple-sync-content{padding-left:20px}}@media(max-width:768px){#google-sync-content{border-right:none;padding-right:0;padding-bottom:20px}#apple-sync-content{padding-left:0}}@media(max-width:768px){#orders-section .table-container{background:transparent;box-shadow:none}#orders-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#orders-section .data-table thead{display:none}#orders-section .data-table tbody{display:block}#orders-section .data-table tbody tr{display:block;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#orders-section .data-table tbody td:nth-child(8){margin-top:0;padding:0;height:0}#orders-section .data-table tbody td:nth-child(8) .kebab-dropdown{position:absolute;top:8px;right:12px}#orders-section .data-table tbody td{display:block;border-bottom:none;padding:4px 0;font-size:14px}#orders-section .data-table tbody tr:after{content:"";position:absolute;left:16px;right:16px;top:45px;height:1px;background:#e5e7eb}#orders-section .data-table tbody td:nth-child(1){font-weight:700;font-size:16px}#orders-section .data-table tbody td:nth-child(4){position:absolute;top:12px;right:66px;padding:0;font-size:13px;opacity:.7}#orders-section .data-table tbody td:nth-child(2){margin-top:10px}#orders-section .data-table tbody td:nth-child(2):before{content:"Customer";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#orders-section .data-table tbody td:nth-child(3){margin-top:6px}#orders-section .data-table tbody td:nth-child(3):before{content:"Vehicle";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#orders-section .data-table tbody td:nth-child(5),#orders-section .data-table tbody td:nth-child(6){display:inline-block;margin-top:10px;margin-right:8px;padding:0}#orders-section .data-table tbody td.order-total-cell{position:absolute;right:16px;bottom:12px;margin:0;padding:0}#orders-section .order-total-amount{display:block;font-size:40px;line-height:1}#orders-section .order-total-cell .tap-to-pay-inline-icon{position:absolute;bottom:100%;right:0;transform:translateY(-14px);height:80px;opacity:.9;z-index:1;text-decoration:none}#orders-section .data-table tbody td:nth-child(7):before{content:""}#orders-section .table-actions>.btn-primary{display:none!important}}@media(max-width:768px){#leads-section .table-container{background:transparent;box-shadow:none}#leads-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#leads-section .data-table thead{display:none}#leads-section .data-table tbody{display:block}#leads-section .data-table tbody tr{display:block;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#leads-section .data-table tbody td{display:block;border-bottom:none;padding:4px 0;font-size:14px}#leads-section .data-table tbody td:last-child{position:absolute;top:8px;right:12px;padding:0;height:0}#leads-section .data-table tbody td:last-child .kebab-dropdown{position:absolute;top:0;right:0}#leads-section .data-table tbody td:nth-child(1){font-weight:700;font-size:16px;margin-bottom:4px}#leads-section .data-table tbody td:nth-child(2){margin-top:8px}#leads-section .data-table tbody td:nth-child(2):before{content:"Phone";font-size:12px;opacity:.6;display:block;margin-bottom:2px}#leads-section .data-table tbody td:nth-child(3){margin-top:6px;word-break:break-all}#leads-section .data-table tbody td:nth-child(3):before{content:"Email";font-size:12px;opacity:.6;display:block;margin-bottom:2px}#leads-section .data-table tbody td:nth-child(4){margin-top:6px}#leads-section .data-table tbody td:nth-child(4):before{content:"Vehicle";font-size:12px;opacity:.6;display:block;margin-bottom:2px}#leads-section .data-table tbody td:nth-child(5){margin-top:6px}#leads-section .data-table tbody td:nth-child(5):before{content:"Service";font-size:12px;opacity:.6;display:block;margin-bottom:2px}#leads-section .data-table tbody td:nth-child(6){margin-top:10px}#leads-section .data-table tbody td:nth-child(6):before{content:"Status";font-size:12px;opacity:.6;display:block;margin-bottom:2px}#leads-section .data-table tbody td:nth-child(7){position:absolute;top:10px;right:60px;font-size:13px;opacity:.7;padding:0}#leads-section .create-order-inline-btn{margin-top:12px;display:inline-block}#leads-section .table-actions .btn-primary{display:none!important}}@media(max-width:768px){#quotes-section .table-container{background:transparent;box-shadow:none}#quotes-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#quotes-section .data-table thead{display:none}#quotes-section .data-table tbody{display:block}#quotes-section .data-table tbody tr{display:block;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#quotes-section .data-table tbody td:nth-child(7){margin-top:0;padding:0;height:0}#quotes-section .data-table tbody td:nth-child(7) .kebab-dropdown{position:absolute;top:8px;right:12px}#quotes-section .data-table tbody td{display:block;border-bottom:none;padding:4px 0;font-size:14px}#quotes-section .data-table tbody tr:after{content:"";position:absolute;left:16px;right:16px;top:45px;height:1px;background:#e5e7eb}#quotes-section .data-table tbody td:nth-child(1){font-weight:700;font-size:16px}#quotes-section .data-table tbody td:nth-child(4){position:absolute;top:12px;right:66px;padding:0;font-size:13px;opacity:.7}#quotes-section .data-table tbody td:nth-child(2){margin-top:10px}#quotes-section .data-table tbody td:nth-child(2):before{content:"Customer";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#quotes-section .data-table tbody td:nth-child(3){margin-top:6px}#quotes-section .data-table tbody td:nth-child(3):before{content:"Vehicle";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#quotes-section .data-table tbody td:nth-child(5){position:absolute;top:60px;right:16px;margin:0;padding:0;font-size:13px;font-weight:600;text-transform:uppercase}#quotes-section .data-table tbody td:nth-child(6){position:absolute;right:16px;bottom:12px;margin:0;padding:0;font-size:42px;line-height:1}#quotes-section .data-table tbody td:nth-child(6):before{content:""}#quotes-section .table-actions>.btn-primary{display:none!important}}@media(max-width:768px){#customers-section .table-container{background:transparent;box-shadow:none}#customers-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#customers-section .data-table thead{display:none}#customers-section .data-table tbody{display:block}#customers-section .data-table tbody tr{display:block;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#customers-section .data-table tbody td{display:block;border-bottom:none;padding:4px 0;font-size:14px}#customers-section .data-table tbody tr:after{content:"";position:absolute;left:16px;right:16px;top:45px;height:1px;background:#e5e7eb}#customers-section .data-table tbody td:nth-child(1){font-weight:700;font-size:16px}#customers-section .data-table tbody td:nth-child(2){margin-top:10px}#customers-section .data-table tbody td:nth-child(2):before{content:"Phone";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#customers-section .data-table tbody td:nth-child(3){margin-top:6px;word-break:break-all}#customers-section .data-table tbody td:nth-child(3):before{content:"Email";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#customers-section .data-table tbody td:nth-child(4){margin-top:6px}#customers-section .data-table tbody td:nth-child(4):before{content:"Notes";font-size:12px;opacity:.6;margin-bottom:2px;display:block}#customers-section .data-table tbody td:nth-child(5){margin-top:10px}#customers-section .data-table tbody td:nth-child(5) .table-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}#customers-section .data-table tbody td:nth-child(5) .table-actions .btn{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;text-align:center}}@media(max-width:768px){#vehicles-section .table-container{background:transparent;box-shadow:none}#vehicles-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#vehicles-section .data-table thead{display:none}#vehicles-section .data-table tbody{display:block}#vehicles-section .data-table tbody tr{display:flex;flex-wrap:wrap;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#vehicles-section .data-table tbody td{border-bottom:none;padding:4px 0;font-size:14px;flex:0 0 100%;box-sizing:border-box}#vehicles-section .data-table tbody tr:after{content:"";position:absolute;left:16px;right:16px;top:45px;height:1px;background:#e5e7eb}#vehicles-section .data-table tbody td:nth-child(1){font-weight:700;font-size:16px;flex-basis:100%}#vehicles-section .data-table tbody td:nth-child(2),#vehicles-section .data-table tbody td:nth-child(3){flex-basis:50%;margin-top:10px}#vehicles-section .data-table tbody td:nth-child(2):before{content:"Make";display:block;font-size:12px;opacity:.6;margin-bottom:2px}#vehicles-section .data-table tbody td:nth-child(3):before{content:"Model";display:block;font-size:12px;opacity:.6;margin-bottom:2px}#vehicles-section .data-table tbody td:nth-child(4),#vehicles-section .data-table tbody td:nth-child(5){flex-basis:50%;margin-top:6px}#vehicles-section .data-table tbody td:nth-child(4):before{content:"";display:block;font-size:12px;opacity:.6;margin-bottom:2px}#vehicles-section .data-table tbody td:nth-child(5):before{content:"";display:block;font-size:12px;opacity:.6;margin-bottom:2px}#vehicles-section .data-table tbody td:nth-child(6){flex-basis:100%;margin-top:10px}#vehicles-section .data-table tbody td:nth-child(6) .table-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}#vehicles-section .data-table tbody td:nth-child(6) .table-actions .btn{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;text-align:center}}@media(max-width:768px){#services-section .table-container{background:transparent;box-shadow:none}#services-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#services-section .data-table thead{display:none}#services-section .data-table tbody{display:block}#services-section .data-table tbody tr{display:block;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#services-section .data-table tbody td{display:block;border-bottom:none;padding:4px 0;font-size:14px}#services-section .data-table tbody td:nth-child(1){font-weight:600;font-size:16px}#services-section .data-table tbody td:nth-child(2){margin-top:8px;display:flex;justify-content:space-between;align-items:center}#services-section .data-table tbody td:nth-child(2):before{content:"Base price";font-size:12px;opacity:.6;margin-right:8px;font-weight:400}#services-section .data-table tbody td:nth-child(3){margin-top:8px;padding:0}#services-section .data-table tbody td:nth-child(4){margin-top:10px}#services-section .data-table tbody td:nth-child(4) .table-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}#services-section .data-table tbody td:nth-child(4) .table-actions .btn{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;text-align:center}}@media(max-width:768px){#inventory-section .table-container{background:transparent;box-shadow:none}#inventory-section .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#inventory-section .data-table thead{display:none}#inventory-section .data-table tbody{display:block}#inventory-section .data-table tbody tr{display:block;background:#fff;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px;position:relative}#inventory-section .data-table tbody td{display:block;border-bottom:none;padding:4px 0;font-size:14px}#inventory-section .data-table tbody td:nth-child(1){font-weight:600;font-size:16px}#inventory-section .data-table tbody td:nth-child(2){margin-top:8px;display:flex;justify-content:space-between;align-items:center}#inventory-section .data-table tbody td:nth-child(2):before{content:"Unit cost";font-size:12px;opacity:.6;margin-right:8px;font-weight:400}#inventory-section .data-table tbody td:nth-child(3){margin-top:10px}#inventory-section .data-table tbody td:nth-child(3) .table-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}#inventory-section .data-table tbody td:nth-child(3) .table-actions .btn{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;text-align:center}}@media(max-width:768px){#staff-section .table-container,#staff-shifts-content .table-container,#staff-content .data-table,#shifts-content .data-table{min-width:0!important;width:100%!important;background:transparent;box-shadow:none;border:none;overflow:hidden}#staff-content .data-table thead,#shifts-content .data-table thead{display:none}#staff-content .data-table tbody,#shifts-content .data-table tbody{display:block;width:100%}#staff-content .data-table tr,#shifts-content .data-table tr{display:block;width:100%;box-sizing:border-box;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;padding:16px;margin-bottom:16px;border:1px solid #f0f0f0;position:relative}#staff-content .data-table td,#shifts-content .data-table td{display:block;width:100%;box-sizing:border-box;border:none;padding:4px 0;font-size:14px;text-align:left}#staff-content .data-table td:nth-child(1){font-size:17px;font-weight:700;color:#333;margin-bottom:8px;border-bottom:1px solid #f5f5f5;padding-bottom:8px}#staff-content .data-table td:nth-child(2){font-size:14px;color:#555;margin-bottom:6px;word-break:break-all;overflow-wrap:break-word;white-space:normal}#staff-content .data-table td:nth-child(2):before{content:"📧 "}#staff-content .data-table td:nth-child(3){margin-bottom:12px}#staff-content .data-table td:nth-child(4){border-top:1px solid #f5f5f5;padding-top:12px;margin-top:8px}#staff-content .data-table td:nth-child(4) .table-actions{display:flex;gap:10px;width:100%}#staff-content .data-table td:nth-child(4) .btn{flex:1;justify-content:center;padding:10px}#shifts-content .data-table td:nth-child(1){font-size:16px;font-weight:700;color:#333;border-bottom:1px solid #f5f5f5;padding-bottom:8px;margin-bottom:8px}#shifts-content .data-table td:nth-child(2),#shifts-content .data-table td:nth-child(3){display:inline-block;width:48%;vertical-align:top;font-size:13px}#shifts-content .data-table td:nth-child(2):before{content:"Start";display:block;font-size:11px;color:#888;font-weight:600;text-transform:uppercase}#shifts-content .data-table td:nth-child(3):before{content:"End";display:block;font-size:11px;color:#888;font-weight:600;text-transform:uppercase}#shifts-content .data-table td:nth-child(4){margin-top:8px;font-weight:600;color:#007bff;background:#f0f7ff;display:inline-block;width:auto;padding:4px 10px;border-radius:6px;font-size:12px}#shifts-content .data-table td:nth-child(4):before{content:"Duration: ";font-weight:400;color:#555}#shifts-content .data-table td:nth-child(5){font-style:italic;color:#666;font-size:13px;margin-top:8px;margin-bottom:10px;padding:8px;background:#fafafa;border-radius:6px;word-break:break-word}#shifts-content .data-table td:nth-child(5):empty{display:none}#shifts-content .data-table td:nth-child(6){border-top:1px solid #f5f5f5;padding-top:12px;margin-top:4px}#shifts-content .data-table td:nth-child(6) .table-actions{display:flex;gap:10px;width:100%}#shifts-content .data-table td:nth-child(6) .btn{flex:1;justify-content:center;padding:8px}}@media(max-width:768px){#body-types-list-container{background:transparent;box-shadow:none}#body-types-list-container .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#body-types-list-container .data-table thead{display:none}#body-types-list-container .data-table tbody{display:block}#body-types-list-container .data-table tbody tr{display:block;background:#e8f6fc;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px}#body-types-list-container .data-table tbody td{border-bottom:none;padding:4px 0;font-size:14px}#body-types-list-container .data-table tbody td:nth-child(1),#body-types-list-container .data-table tbody td:nth-child(2){display:inline-block;width:50%;margin-top:0}#body-types-list-container .data-table tbody td:nth-child(1){font-weight:700;font-size:16px}#body-types-list-container .data-table tbody td:nth-child(2){text-align:right;font-weight:600}#body-types-list-container .data-table tbody td:nth-child(3){display:block;margin-top:12px}#body-types-list-container .data-table tbody td:nth-child(3) .table-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}#body-types-list-container .data-table tbody td:nth-child(3) .table-actions .btn{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;text-align:center}}@media(max-width:768px){#payment-methods-list-container{background:transparent;box-shadow:none}#payment-methods-list-container .data-table{border-collapse:separate;border-spacing:0 12px;min-width:0;width:100%}#payment-methods-list-container .data-table thead{display:none}#payment-methods-list-container .data-table tbody{display:block}#payment-methods-list-container .data-table tbody tr{display:block;background:#e8f6fc;border-radius:16px;box-shadow:0 4px 16px #0f172a0f;padding:12px 16px 14px;margin-bottom:12px}#payment-methods-list-container .data-table tbody td{border-bottom:none;padding:4px 0;font-size:14px}#payment-methods-list-container .data-table tbody td:nth-child(1){font-weight:700;font-size:16px}#payment-methods-list-container .data-table tbody td:nth-child(2):not(.table-actions){display:none}#payment-methods-list-container .data-table tbody td:last-child{margin-top:12px}#payment-methods-list-container .data-table tbody td:last-child .table-actions{display:flex;flex-wrap:nowrap;gap:6px;justify-content:flex-start}#payment-methods-list-container .data-table tbody td:last-child .table-actions .btn{flex:1 1 0;min-width:0;padding:6px 4px;font-size:11px;text-align:center}}@media(max-width:768px){input,select,textarea{font-size:16px!important}}.modal .form-actions{display:flex;justify-content:space-between;align-items:center}.form-actions-left,.form-actions-right{display:flex;gap:10px;align-items:center}.actions-dropdown{position:relative;display:inline-block}.actions-dropdown-toggle:after{content:" ▲";font-size:.8em;margin-left:5px;display:inline-block}.actions-dropdown-menu{display:none;position:absolute;bottom:100%;left:0;margin-bottom:5px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e1e5e9;min-width:160px;z-index:1050;animation:fadeIn .1s ease-out}.actions-dropdown.active .actions-dropdown-menu{display:block}.actions-dropdown-item{display:block;padding:10px 15px;color:#333;text-decoration:none;cursor:pointer;border-bottom:1px solid #f0f0f0;white-space:nowrap;background:none;border:none;width:100%;text-align:left;font-size:14px}.actions-dropdown-item:first-child{border-radius:8px 8px 0 0}.actions-dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.actions-dropdown-item:hover{background-color:#f8f9fa;color:#007bff}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.btn-light{background:#f8f9fa;color:#333;border:1px solid #e1e5e9}.btn-light:hover{background:#e9ecef}.filter-dropdown{position:relative;display:inline-block}.filter-dropdown-toggle:after{content:" ▼";margin-right:8px;font-weight:700}.filter-dropdown-menu{display:none;position:absolute;top:100%;left:0;margin-top:5px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e1e5e9;width:300px;padding:15px;z-index:1050;animation:fadeIn .1s ease-out}.filter-dropdown.active .filter-dropdown-menu{display:block}.filter-group{display:flex;flex-direction:column;margin-bottom:15px}.filter-group:last-child{margin-bottom:0}.filter-group label{font-size:13px;font-weight:500;color:#555;margin-bottom:5px}.filter-dropdown-menu .search-input{width:100%;padding:10px}@media(max-width:768px){#orders-section .filter-dropdown,#quotes-section .filter-dropdown{display:inline-block;width:auto}#orders-section .filter-dropdown.open,#quotes-section .filter-dropdown.open{display:block;width:100%}#orders-section .filter-dropdown.open .filter-dropdown-menu,#quotes-section .filter-dropdown.open .filter-dropdown-menu{width:100%;left:0;right:0}}.kebab-dropdown{position:relative;display:inline-block;vertical-align:middle}.kebab-toggle{width:32px;height:32px;padding:0;font-size:18px;line-height:1;font-weight:700;color:#6c757d;background:transparent;border:1px solid #6c757d;border-radius:6px;cursor:pointer;transition:all .2s ease}.kebab-toggle:hover{background:#6c757d;color:#fff}.kebab-menu{display:none;position:absolute;top:0;right:105%;margin-right:5px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid #e1e5e9;min-width:160px;z-index:1010!important;animation:fadeIn .1s ease-out}.kebab-dropdown.active .kebab-menu{display:block}.kebab-item{display:block;padding:10px 15px;color:#333;text-decoration:none;cursor:pointer;border-bottom:1px solid #f0f0f0;white-space:nowrap;background:none;border:none;width:100%;text-align:left;font-size:14px}.kebab-item:first-child{border-radius:8px 8px 0 0}.kebab-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.kebab-item:hover{background-color:#f8f9fa;color:#007bff}.kebab-item.delete{color:#dc3545;font-weight:500}.kebab-item.delete:hover{background-color:#f8d7da;color:#721c24}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#007bff}input:focus+.slider{box-shadow:0 0 1px #007bff}input:checked+.slider:before{transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.billing-container{max-width:900px;margin:0 auto;padding:20px}.billing-header{text-align:center;margin-bottom:30px}.billing-interval-toggle{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:40px;font-weight:600}.billing-interval-toggle span{cursor:pointer;color:#888;transition:.3s}.billing-interval-toggle span.active{color:#000}.badge-save{background:#d4edda;color:#155724;font-size:11px;padding:2px 6px;border-radius:10px;margin-left:5px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.pricing-card{border:1px solid #eee;border-radius:12px;padding:25px;background:#fff;text-align:center;transition:transform .2s,box-shadow .2s;position:relative}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.pricing-card.current{border:2px solid #007bff;background:#f8fbff}.pricing-card.current:after{content:"Current";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#007bff;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.plan-header h3{margin:0 0 10px;font-size:1.2rem}.plan-header .price{font-size:2rem;font-weight:800;color:#333}.plan-header .price span{font-size:1rem;color:#888;font-weight:400}.plan-features{list-style:none;padding:0;margin:20px 0;text-align:left;font-size:14px;color:#555}.plan-features li{margin-bottom:8px;border-bottom:1px dashed #f0f0f0;padding-bottom:8px}.plan-features li:last-child{border:none}.subscription-status{padding:15px;border-radius:8px;margin-bottom:20px;text-align:center;font-weight:500}.subscription-status.active{background:#d4edda;color:#155724}.subscription-status.warning{background:#fff3cd;color:#856404}.subscription-status.error{background:#f8d7da;color:#721c24}.owner-admin-only,.owner-admin-manager-only{display:none}.role-admin .owner-admin-only,.role-admin .owner-admin-manager-only,.is-owner .owner-admin-only,.is-owner .owner-admin-manager-only,.role-manager .owner-admin-manager-only{display:initial}.staff-user-limit-banner{background:#fff4e5;border:1px solid #ffc68a;color:#8f4a10;padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:14px}.staff-user-limit-banner strong{font-weight:600}.staff-user-limit-banner a{font-weight:500;text-decoration:underline;cursor:pointer}.settings-container-wrapper{position:relative;width:100%}.settings-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:10px 0;animation:fadeIn .3s ease}.setting-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;cursor:pointer;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;min-height:100px}.setting-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #00000014;border-color:#007bff}.setting-card-icon{width:90px;min-width:90px;background:#f0f7ff;display:flex;align-items:center;justify-content:center;color:#007bff;transition:background .2s;border-radius:0;margin:0}.setting-card:hover .setting-card-icon{background:#007bff}.setting-card-icon svg,.setting-card-icon img{width:48px;height:48px;display:block;stroke-width:1.5;object-fit:contain;transition:all .2s ease}.setting-card:hover .setting-card-icon svg path,.setting-card:hover .setting-card-icon svg circle,.setting-card:hover .setting-card-icon svg rect,.setting-card:hover .setting-card-icon svg line,.setting-card:hover .setting-card-icon svg polyline{stroke:#fff}.setting-card:hover .setting-card-icon img{filter:brightness(0) invert(1)}.setting-text-wrap{padding:20px;display:flex;flex-direction:column;justify-content:center;flex:1}.setting-card-title{font-size:17px;font-weight:700;color:#333;margin-bottom:6px}.setting-card-desc{font-size:13px;color:#666;line-height:1.4}@media(max-width:768px){.settings-grid-view{grid-template-columns:repeat(2,1fr);gap:12px;padding:10px 5px}.setting-card{flex-direction:column;align-items:center;text-align:center;padding:15px 10px;min-height:140px}.setting-card-icon{width:46px;min-width:46px;height:46px;border-radius:12px;background:#f0f7ff;margin-bottom:12px;margin-right:0}.setting-text-wrap{padding:0;justify-content:flex-start;width:100%}.setting-card-title{font-size:14px;margin-bottom:4px}.setting-card-desc{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.settings-detail-view{display:none;background:#fff;border-radius:12px;animation:slideInRight .3s ease}.settings-detail-header{display:flex;align-items:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e1e5e9}.btn-back-settings{background:transparent;border:none;color:#007bff;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:5px;padding:0;margin-right:15px}.settings-detail-title{font-size:20px;font-weight:700;color:#333;margin:0}.settings-tabs,.settings-tabs-mobile{display:none!important}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.kpi-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.kpi-card{padding:12px 5px!important;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100px;aspect-ratio:1.3 / 1}.kpi-card h3{font-size:11px!important;margin-bottom:6px!important;white-space:nowrap;opacity:.8}.kpi-value{font-size:26px!important;font-weight:800!important;line-height:1.1;letter-spacing:-.5px;word-break:break-word}#kpi-new-order-btn{display:none!important}#kpi-new-order-btn h3,#kpi-new-order-btn .kpi-value{line-height:1!important;margin:0!important}#kpi-new-order-btn h3{font-size:24px!important;opacity:1}#kpi-new-order-btn .kpi-value{font-size:28px!important;position:relative;top:-1px}#import-btn{display:none!important}#dashboard-month-filter,#dashboard-month-filter-month{flex:1 1 0;width:0!important;max-width:none!important;min-width:0!important;box-sizing:border-box;margin-bottom:0!important;font-size:16px!important}}.settings-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}@media(max-width:768px){.settings-form-grid{grid-template-columns:1fr;gap:20px}.settings-side-column{margin-bottom:20px}}.section-title{font-size:14px;text-transform:uppercase;color:#8898aa;font-weight:600;letter-spacing:.5px;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.form-group label{font-weight:500;font-size:14px;color:#32325d;margin-bottom:8px}.input-lg{font-size:16px;padding:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:500px){.two-col{grid-template-columns:1fr}}.w-50{width:50%}.logo-upload-card{background:#f8f9fe;border:1px dashed #dee2e6;border-radius:8px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center}.logo-preview-wrapper{width:120px;height:120px;background:#fff;border-radius:50%;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:15px;position:relative}.uploaded-logo{width:100%;height:100%;object-fit:contain;padding:5px}.logo-placeholder{color:#adb5bd;font-weight:600;font-size:14px}.logo-actions{width:100%;display:flex;flex-direction:column;gap:10px}.btn-block{width:100%;display:block}.btn-outline-primary{color:#007bff;background-color:transparent;border:1px solid #007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff}.btn-text-danger{background:none;border:none;color:#dc3545;font-size:13px;text-decoration:underline;cursor:pointer;padding:5px}.form-actions.full-width{grid-column:1 / -1;margin-top:20px;padding-top:20px;border-top:1px solid #eee;text-align:right}.calendar-sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.calendar-sync-grid{grid-template-columns:1fr}}.photos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;background:#f8f9fa;padding:8px 10px;border-radius:6px;border:1px solid #eee}.photos-header h5{margin:0;font-size:14px;font-weight:600;color:#555;text-transform:uppercase}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.photo-card{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #e1e5e9;background:#f0f0f0}.photo-card img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;transition:transform .2s}.photo-card img:hover{transform:scale(1.05)}.delete-photo-btn{position:absolute;top:4px;right:4px;background:#dc3545d9;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.photo-card:hover .delete-photo-btn{opacity:1}@media(max-width:768px){.photos-wrapper{grid-template-columns:1fr;gap:30px}.delete-photo-btn{opacity:1;width:26px;height:26px}}.image-viewer-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:11000;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease;isolation:isolate}.image-viewer-overlay.active{display:flex}.image-viewer-img{max-width:95%;max-height:95%;object-fit:contain;box-shadow:0 0 20px #00000080;border-radius:4px}.image-viewer-close{position:absolute;top:20px;right:20px;color:#fff;font-size:30px;font-weight:700;cursor:pointer;background:#ffffff1a;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:10001!important}.image-viewer-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:40px;font-weight:700;cursor:pointer;padding:20px;-webkit-user-select:none;user-select:none;z-index:10002!important;background:#0000001a;border-radius:50%;width:60px;height:60px;display:flex;justify-content:center;align-items:center;transition:background .3s}.image-viewer-nav:hover{background:#fff3}.nav-prev{left:10px}.nav-next{right:10px}.image-viewer-nav.hidden{display:none}@media(max-width:768px){.image-viewer-nav{background:transparent;font-size:30px;padding:10px}}.photos-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.photos-wrapper{grid-template-columns:1fr!important;gap:30px}.photos-header h5{font-size:16px;padding:5px 0}}body.biz-type-general [data-section=vehicles],body.biz-type-general [data-card-id=body-types]{display:none!important}.biz-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px;margin-bottom:20px}.biz-card{border:1px solid #dee2e6;border-radius:8px;padding:10px 5px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.biz-card:hover{border-color:#007bff;background:#f8f9fa;transform:translateY(-2px)}.biz-card.selected{border-color:#007bff;background-color:#e7f1ff;color:#0056b3;font-weight:600;box-shadow:0 0 0 1px #007bff}.biz-icon{font-size:24px;margin-bottom:5px}.biz-label{font-size:11px;line-height:1.2}@media(max-width:480px){.biz-type-grid{grid-template-columns:repeat(2,1fr)}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-menu-toggle{display:none!important}body{padding-bottom:80px}.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;height:calc(60px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e1e5e9;box-shadow:0 -2px 10px #00000008;z-index:9000;padding-top:5px;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;color:#999;padding:5px 0;cursor:pointer;transition:color .2s}.bottom-nav-item svg{margin-bottom:3px;stroke:#999}.bottom-nav-item span{font-size:10px;font-weight:500}.bottom-nav-item.active{color:#007bff}.bottom-nav-item.active svg{stroke:#007bff;stroke-width:2.5}.bottom-nav-center{position:relative;top:-15px;width:56px;height:56px;display:flex;justify-content:center}.bottom-plus-btn{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);border:4px solid #fff;box-shadow:0 4px 10px #007bff4d;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.bottom-plus-btn:active{transform:scale(.95)}.mobile-menu{top:0!important;height:calc(100vh - 65px)!important;padding-top:calc(10px + env(safe-area-inset-top))!important;box-sizing:border-box!important;z-index:8999!important}}@media(max-width:768px){#notifications-backdrop{align-items:flex-start!important;padding-top:70px!important;padding-bottom:100px!important;z-index:10001!important}.notifications-panel{width:94%!important;max-width:400px!important;margin:0 auto!important;max-height:80vh!important;height:auto!important;border-radius:12px!important;box-shadow:0 10px 40px #0003!important;position:relative!important;inset:auto!important}.notifications-list{max-height:60vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}}.header{padding-top:var(--safe-top);height:calc(var(--header-h) + var(--safe-top))!important;box-sizing:border-box!important;background-color:#fff;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 1px 5px #0000000d;display:flex;align-items:center}body{padding-top:calc(var(--header-h) + var(--safe-top))!important}html{background-color:#fff}.modal{z-index:11000!important}@media(max-width:768px){.modal-content{width:94%!important;margin:30px auto 0!important;max-height:calc(100vh - 180px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px!important;box-shadow:0 10px 40px #0000004d!important}.modal{padding-top:env(safe-area-inset-top);align-items:flex-start}}.login-screen{padding-top:calc(env(safe-area-inset-top) + 0px)!important;padding-bottom:env(safe-area-inset-bottom)!important;box-sizing:border-box!important;background-color:#fff;width:100%;height:100vh!important;background-position-y:45px!important}.login-container,.login-form-container{margin-top:-100px}@media(max-width:1180px){.mobile-menu.modern-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f2f2f7;z-index:9999;transform:translateY(100%);transition:transform .3s cubic-bezier(.25,1,.5,1);visibility:hidden}.mobile-menu.modern-menu.active{transform:translateY(0);visibility:visible}.menu-content{height:100%;overflow-y:auto;padding:20px 16px;padding-top:10px!important;padding-bottom:120px;-webkit-overflow-scrolling:touch}.menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.menu-header h2{font-size:34px;font-weight:800;color:#000;margin:0;letter-spacing:-.5px}.close-menu-btn{background:#e5e5ea;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8e8e93;cursor:pointer}.menu-label{font-size:13px;text-transform:uppercase;color:#8e8e93;margin-left:16px;margin-bottom:8px;margin-top:24px;font-weight:500}.menu-group{background:#fff;border-radius:12px;overflow:hidden;margin-bottom:0}.menu-item{width:100%;background:#fff;border:none;padding:14px 16px;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;text-align:left;font-size:16px;color:#000;position:relative;cursor:pointer}.menu-text{flex:1;font-weight:400;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.menu-item:not(:last-child):after{content:"";position:absolute;left:56px;bottom:0;width:100%;height:1px;background-color:#c6c6c8;transform:scaleY(.5)}.menu-item:active{background-color:#e5e5ea}.menu-icon{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:14px;color:#fff;flex-shrink:0}.menu-chevron{width:18px;height:18px;stroke:#c7c7cc;stroke-width:2.5;fill:none;opacity:.7}.profile-group{margin-bottom:20px}.profile-item{padding:16px;align-items:center}.profile-avatar{width:50px;height:50px;background:#007bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-right:15px}.profile-info{flex:1;overflow:hidden}.profile-name{font-size:19px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-email{font-size:14px;color:#8e8e93;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-action{display:flex;align-items:center;gap:5px}.badge-switch{font-size:12px;color:#007bff;font-weight:500}.modern-select{border:none;background:transparent;font-size:16px;color:#007bff;text-align:right;direction:rtl;appearance:none;padding-right:0;cursor:pointer}}.menu-icon img{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1)}:root{--header-h: 70px;--tabbar-h: 60px;--tabbar-offset: -10px;--bar-bg: #fff;--scroll-buffer: 100px;--menu-drop: 0px;--safe-top: max(env(safe-area-inset-top, 0px), 0px);--safe-bottom: max(env(safe-area-inset-bottom, 0px), 34px)}@supports (-webkit-touch-callout: none){@media(max-width:768px){html,body{height:100%;overflow:hidden!important;background:var(--bar-bg)}#main-app{position:fixed;inset:0;overflow:hidden;background:var(--bar-bg)}.header{position:fixed!important;top:0!important;left:0!important;right:0!important;height:var(--header-h)!important;background:var(--bar-bg)!important;opacity:1!important;z-index:10001!important;overflow:visible!important}.header:before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--safe-top));height:var(--safe-top);background:var(--bar-bg);pointer-events:none}.mobile-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:var(--tabbar-offset)!important;height:var(--tabbar-h)!important;background:var(--bar-bg)!important;opacity:1!important;z-index:10001!important;overflow:visible!important}.mobile-bottom-nav:after{content:"";position:absolute;left:0;right:0;bottom:calc(-1 * var(--safe-bottom));height:var(--safe-bottom);background:var(--bar-bg);pointer-events:none}.main-content{position:absolute;inset:0;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding-top:calc(var(--header-h) + 15px)!important;padding-bottom:calc(15px + var(--scroll-buffer) + max(calc(var(--tabbar-h) + var(--tabbar-offset)),0px))!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box;background:transparent}}}@supports (-webkit-touch-callout: none){@media(max-width:768px){.mobile-menu{top:var(--header-h)!important}body.menu-open .mobile-menu{top:calc(var(--header-h) + var(--menu-drop))!important}}}.trial-selection-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:10px 0}.selection-card{flex:1;min-width:240px;max-width:300px;border:2px solid #edf2f7;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.selection-card:hover{border-color:#007bff;transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.selection-card.featured{border-color:#007bff;background-color:#f0f7ff}.card-icon{font-size:40px;margin-bottom:15px}.card-title{font-weight:700;font-size:18px;margin-bottom:10px;color:#1a202c}.card-text{font-size:14px;color:#4a5568;margin-bottom:20px;line-height:1.5}.promo-container{margin:15px 0;padding:10px;background:#fff;border:2px dashed #007bff;border-radius:12px;animation:pulse-promo 2s infinite}@keyframes pulse-promo{0%{box-shadow:0 0 #007bff66}70%{box-shadow:0 0 0 10px #007bff00}to{box-shadow:0 0 #007bff00}}.field-hint-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#e9ecef;color:#6c757d;border-radius:50%;font-size:11px;font-weight:700;cursor:help;vertical-align:middle;padding:10px;margin:-10px 0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.field-hint-icon:hover:after{content:attr(data-hint);position:absolute;bottom:150%;left:50%;transform:translate(-50%);width:220px;max-width:calc(100vw - 40px);background:#333;color:#fff;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:normal;text-align:center;z-index:10000;box-shadow:0 4px 12px #0000004d;pointer-events:none}.field-hint-icon.edge-left:hover:after{left:0;transform:translate(0);text-align:left;opacity:1;visibility:visible}.field-hint-icon.edge-right:hover:after{left:auto;right:0;transform:translate(0);text-align:right;opacity:1;visibility:visible}.selection-card.featured{border:2px solid #007bff;background:linear-gradient(180deg,#fff,#f0f7ff);box-shadow:0 10px 25px #007bff26;position:relative;padding-top:45px}.card-badge{position:absolute;top:15px;right:50%;transform:translate(50%);background:#007bff;color:#fff;font-size:10px;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.feature-list{list-style:none;padding:0;margin:20px 0 30px;text-align:left}.feature-list li{font-size:14px;color:#444;margin-bottom:12px;display:flex;align-items:center;gap:10px;font-weight:500}.feature-list li .check{color:#007bff;font-weight:700;font-size:16px}.selection-card.featured .btn-primary{box-shadow:0 4px 12px #007bff4d;transition:transform .2s}.selection-card.featured .btn-primary:hover{transform:scale(1.02)}