@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}.loading{flex-direction:column;min-height:200px}.loading-spinner{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-top-color:#2193b0;height:40px;margin-bottom:16px;width:40px}.login-container{align-items:center;background:#1e102f;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:60px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-header h1{color:#2d3748;font-size:2rem;font-weight:600;margin:0 0 8px}.login-header h2{color:#4a3267;font-size:1.25rem;font-weight:400;margin:0 0 32px}.login-content p{color:#718096;font-size:.95rem;line-height:1.5;margin:0 0 32px}form{display:flex;flex-direction:column;gap:16px}.form-group{text-align:left}.form-group input{background:#f7fafc;border:2px solid #e2e8f0;box-sizing:border-box;font-size:16px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus{background:#fff;border-color:#4a3267;box-shadow:0 0 0 3px #4a32671a}.form-group input:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.6}.auth-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:14px 20px;transition:all .2s ease;width:100%}.auth-btn.primary{background:#4a3267;color:#fff}.auth-btn.primary:hover:not(:disabled){background:#3d2a56;box-shadow:0 4px 12px #4a32674d;transform:translateY(-1px)}.auth-btn.secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.auth-btn.secondary:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.auth-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.auth-links{display:flex;flex-direction:column;gap:8px;margin-top:24px}.link-btn{background:none;border:none;border-radius:4px;color:#4a3267;cursor:pointer;font-size:14px;padding:8px;transition:all .2s ease}.link-btn:hover:not(:disabled){background:#f7fafc;color:#3d2a56}.link-btn:disabled{color:#a0aec0;cursor:not-allowed}.error-message{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.success-message{background:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a;font-size:14px;margin-bottom:16px;padding:12px 16px}.loading-spinner{height:18px;width:18px}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:24px}.login-header h1{font-size:1.75rem}.login-header h2{font-size:1.125rem}}.sidebar{background-color:#2c3e50;box-shadow:0 2px 5px #0000001a;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:all .3s ease;width:250px;z-index:1000}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;height:64px;padding:20px}.logo h2{color:#f3d9e5;font-size:24px;margin:0}.sidebar-menu{flex:1 1;overflow-y:auto;padding:15px 0}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px 0}.menu-item{align-items:center;color:#f3d9e5;display:flex;padding:12px 20px;text-decoration:none;transition:all .3s}.menu-item:hover{color:#fff}.menu-item.active{border-left:4px solid #de638a;color:#fff}.menu-icon{font-size:20px;margin-right:12px}.hamburger-menu{background:#2c3e50;display:none;left:15px;position:fixed;top:15px;z-index:1001}.hamburger-menu button{align-items:center;background:#4a3267;border:none;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}@media (max-width:768px){.hamburger-menu,.sidebar{display:none}.sidebar{transform:translateX(-100%);width:250px}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}body{transition:padding-left .3s ease}body.sidebar-open{padding-left:250px}}.sidebar-backdrop{background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.sidebar-backdrop.show{display:block}}.header{align-items:center;background-color:#fff;border-bottom:1px solid #e9ecef;display:flex;height:64px;justify-content:space-between;padding:20px}.header-greeting h1{color:#de638a;font-size:24px;font-weight:600;margin:0}.header-greeting p{color:#de638a;margin:5px 0 0}.header-actions .btn{align-items:center;display:flex;gap:5px}.header-actions,.user-menu{align-items:center;gap:10px}.user-menu{display:flex}.user-avatar{border:2px solid #ddd}.logout-btn{align-items:center;display:flex;gap:5px}.user-menu{display:inline-block;position:relative}.user-menu-trigger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.user-menu-trigger:hover{background-color:#f5f5f5}.user-avatar{border-radius:50%;height:32px;object-fit:cover;width:32px}.user-avatar-icon{color:#666;height:32px!important;width:32px!important}.user-avatar-initial{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:32px;justify-content:center;text-transform:uppercase;width:32px}.username{color:#333;font-size:14px;font-weight:500}.dropdown-arrow{color:#666;height:20px!important;width:20px!important}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-top:4px;min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-user-info{border-bottom:1px solid #f0f0f0;padding:12px 16px}.dropdown-username{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.dropdown-email{color:#666;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-divider{background:#f0f0f0;height:1px;margin:0}.dropdown-item{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.logout-item .MuiSvgIcon-root{height:18px!important;width:18px!important}.logout-item:hover{background-color:#f5f5f5}.logout-btn{display:none}.announcements-menu{display:inline-block;position:relative}.announcements-trigger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.announcements-trigger:hover{background-color:#f5f5f5}.announcements-trigger .MuiSvgIcon-root{color:#666;height:24px!important;width:24px!important}.notification-badge{align-items:center;background:#dc3545;border-radius:8px;box-shadow:0 2px 4px #0003;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:6px;top:6px}.announcements-dropdown{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;margin-top:4px;max-height:500px;max-width:90vw;position:absolute;right:0;top:100%;width:300px;z-index:1000}.announcements-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.announcements-header h3{color:#333;font-size:16px;font-weight:600;margin:0}.close-announcements{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s ease}.close-announcements:hover{background-color:#f5f5f5}.close-announcements .MuiSvgIcon-root{color:#666;height:20px!important;width:20px!important}.no-announcements{padding:40px 20px;text-align:center}.no-announcements p{color:#999;font-size:14px;margin:0}.announcements-list{max-height:400px;overflow-y:auto}.announcement-item{border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:16px;transition:background-color .2s ease}.announcement-item:last-child{border-bottom:none}.announcement-item:hover{background-color:#fafafa}.announcement-item.feature{border-left:3px solid #28a745}.announcement-item.info{border-left:3px solid #17a2b8}.announcement-item.warning{border-left:3px solid #ffc107}.announcement-item.success{border-left:3px solid #28a745}.announcement-content{flex:1 1}.announcement-content h4{color:#333;font-size:14px;font-weight:600;margin:0 0 8px}.announcement-content p{color:#666;font-size:13px;line-height:1.5;margin:0}.announcement-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;margin-top:8px;padding:2px 8px}.feature-badge{background:#e7f5ed;color:#28a745}.dismiss-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:.6;padding:4px;transition:all .2s ease}.dismiss-btn:hover{background-color:#f0f0f0;opacity:1}.dismiss-btn .MuiSvgIcon-root{color:#666}@media (max-width:768px){.header-greeting{display:block!important}.header-greeting h3{color:#333!important;font-size:18px!important;font-weight:600!important;margin:0!important}.header{justify-content:space-between!important;padding:15px 20px!important}.announcements-dropdown{left:50%;max-width:300px;right:auto;transform:translateX(-50%);width:calc(100vw - 40px)}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:block;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.bottom-nav-scroll{-webkit-overflow-scrolling:touch;align-items:center;background:#fff;display:flex;gap:0;justify-content:space-around;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scrollbar-width:none}.bottom-nav-scroll::-webkit-scrollbar{display:none}.nav-item{align-items:center!important;border-radius:0!important;display:flex!important;flex-direction:column!important;flex-shrink:0;flex:0 0 auto;justify-content:center!important;max-width:80px;min-width:50px;padding:8px 4px!important;text-decoration:none!important;transition:color .2s;white-space:nowrap}.nav-item,.nav-item.active{background-color:initial!important;color:#6b7280!important}.nav-item.active .nav-label{color:#de638a!important;font-weight:700!important}.nav-item.active .nav-icon{color:#de638a!important}.nav-item:hover{background-color:initial!important}.nav-icon{font-size:24px!important;margin-bottom:4px!important}.nav-icon,.nav-label{display:block!important}.nav-label{font-size:10px!important;font-weight:400!important;margin-top:2px!important;text-align:center!important}}body{font-family:Poppins,sans-serif}.main-content{margin-left:240px;min-height:100vh;overflow-x:hidden;width:calc(100% - 240px)}.page-content{padding:20px;width:100%}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:80px;width:100%}.page-content{padding:16px}}.dashboard-container{background-color:#f9fafb;min-height:100vh;padding:24px}.dashboard-wrapper{margin:0 auto;max-width:1400px}.dashboard-loading{align-items:center;background-color:#f9fafb;display:flex;justify-content:center;min-height:100vh}.loading-text{color:#6b7280;font-size:16px}.dashboard-error{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;margin-bottom:24px;padding:16px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 350px}.dashboard-main-column{display:flex;flex-direction:column;gap:24px}.dashboard-sidebar{display:flex;flex-direction:column;gap:0}.sidebar-calendar{background-color:#fafafa;border:1px solid #e5e7eb;box-shadow:none}.mini-calendar{width:100%}.mini-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.mini-calendar-month{color:#111827;flex:1 1;font-size:16px;font-weight:500;margin:0;text-align:center}.btn-sm{padding:4px}.btn-sm svg{height:16px;width:16px}.mini-calendar-grid{grid-gap:4px;gap:4px}.mini-calendar-weekday{font-size:12px;font-weight:600;margin-bottom:4px;padding:4px;text-align:center}.mini-calendar-day{align-items:center;aspect-ratio:1;background-color:#fff;border:1px solid #0000;border-radius:4px;cursor:pointer;justify-content:center;transition:all .2s}.mini-calendar-day:hover:not(.blocked){background-color:#f3f4f6;border-color:#e5e7eb}.mini-calendar-day.today{background-color:#fce7f3;border-color:#fbcfe8;color:#ec4899}.mini-calendar-day.blocked{background-color:#f9fafb;color:#d1d5db}.mini-calendar-day.has-tasks{font-weight:600}.mini-task-dot{background-color:#de638a;border-radius:50%;bottom:2px;height:4px;position:absolute;width:4px}.mini-calendar-footer{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;text-align:center}.view-full-calendar-link{align-items:center;color:#6b7280;display:inline-flex;font-size:14px;gap:4px;text-decoration:none;transition:color .2s}.view-full-calendar-link:hover{color:#4b5563}.view-full-calendar-link svg{height:16px;width:16px}.dashboard-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.card-header{justify-content:space-between;margin-bottom:24px}.card-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.card-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.order-count-badge{align-items:center;background-color:#d1fae5;border-radius:9999px;color:#065f46;display:inline-flex;font-size:14px;font-weight:500;padding:4px 12px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:16px;transition:all .3s}.order-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.order-content{align-items:flex-start;display:flex;justify-content:space-between}.order-info{flex:1 1}.order-header-info{align-items:center;display:flex;gap:12px;margin-bottom:8px}.order-number{color:#6b7280;font-size:14px;font-weight:500}.order-separator{color:#9ca3af;font-size:14px}.order-date{color:#6b7280;font-size:14px}.order-title{color:#111827;font-size:16px;font-weight:500;margin:0 0 4px}.order-client{color:#6b7280;font-size:14px;margin:0 0 12px}.order-meta{align-items:center;display:flex;gap:16px}.order-delivery-method,.order-time{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:4px}.order-delivery-method svg,.order-time svg{height:16px;width:16px}.order-right{margin-left:16px;text-align:right}.order-amount{font-size:20px;font-weight:700;margin:0 0 8px}.order-status{align-items:center;border:1px solid #0000;border-radius:9999px;display:inline-flex}.order-status.status-pending{background-color:#fef3c7!important;border-color:#fbbf24!important;color:#d97706!important}.order-status.status-confirmed{background-color:#d1fae5!important;border-color:#34d399!important;color:#059669!important}.order-status.status-in_progress{background-color:#dbeafe!important;border-color:#60a5fa!important;color:#2563eb!important}.order-status.status-ready{background-color:#d1fae5!important;border-color:#34d399!important;color:#059669!important}.order-status.status-delivered{background-color:#ede9fe!important;border-color:#a78bfa!important;color:#7c3aed!important}.order-status.status-cancelled{background-color:#fee2e2!important;border-color:#f87171!important;color:#dc2626!important}.order-actions{gap:12px;justify-content:flex-end;margin-top:24px}.sidebar-title{color:#111827;font-size:20px;font-weight:600;margin:0 0 20px}.empty-state{color:#6b7280;padding:32px 0}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-sidebar{order:-1}}@media (max-width:768px){.dashboard-container{padding:16px 16px 100px}.card-header .new-order-btn{display:none}.header-left{align-items:flex-start;flex-direction:column;gap:8px}.order-content{flex-direction:column;gap:12px}.order-right{margin-left:0;text-align:left}.order-meta{flex-wrap:wrap}.calendar-grid{font-size:12px}.calendar-day{min-height:60px;padding:8px}.day-number{font-size:12px}}@media (max-width:480px){.dashboard-header h1{font-size:24px}.dashboard-header p{font-size:16px}.dashboard-card{padding:16px}.order-actions{flex-direction:column}.order-actions .btn{justify-content:center;width:100%}}@media (max-width:768px){.mobile-sticky-button{background:#fff;bottom:0;box-shadow:0 -4px 16px #0000001a;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;z-index:50}.mobile-sticky-button .btn{box-shadow:0 4px 6px #0000001a;font-size:16px;justify-content:center;max-width:300px;padding:16px 24px;width:100%}.mobile-sticky-button .btn svg{height:20px;width:20px}}.mobile-sticky-button{display:none}@media (max-width:768px){.mobile-sticky-button{background:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;box-shadow:0 -2px 10px #0000001a!important;left:0!important;padding:16px 20px!important;position:fixed!important;right:0!important;z-index:50!important}.mobile-sticky-button,.mobile-sticky-button .btn{align-items:center!important;display:flex!important;justify-content:center!important}.mobile-sticky-button .btn{background-color:#6b5b95!important;border:none!important;border-radius:12px!important;box-shadow:none!important;color:#fff!important;font-size:16px!important;font-weight:600!important;gap:8px!important;margin:0!important;max-width:100%!important;padding:16px 24px!important;text-align:center!important;width:100%!important}.mobile-sticky-button .btn:hover{background-color:#5a4a7f!important}.mobile-sticky-button .btn svg{flex-shrink:0!important;height:20px!important;width:20px!important}}.ingredient-form{padding:24px}.form-group{color:#888}.measurement-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.measurement-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.measurement-btn:hover{background:#e8e8e8;border-color:#2196f3}@media (max-width:768px){.modal-content{margin:20px;width:95%}.form-row{gap:12px;grid-template-columns:1fr}.modal-header{padding:16px 16px 12px}.ingredient-form{padding:16px}.measurement-buttons{gap:6px}.measurement-btn{font-size:.75rem;padding:4px 8px}}.ingredients-container{margin:0 auto;max-width:1200px;padding:24px}.ingredients-header{margin-bottom:24px}.ingredients-header h1{color:#333;font-size:2rem;font-weight:400;margin:0}.ingredients-filters{margin-bottom:24px}.ingredients-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.ingredients-table{border-collapse:collapse;font-size:.95rem}.ingredients-table th{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.ingredients-table td{border:1px solid #e9ecef;color:#333;padding:14px 12px}.ingredients-table tbody tr:hover{background-color:#f8f9fa}.btn-primary{background:#6b4c9a;letter-spacing:.02em;white-space:nowrap}.btn-primary:hover{background:#5a3f84;box-shadow:0 2px 8px #6b4c9a4d}.btn-primary svg{font-size:18px;margin-right:2px}@media (max-width:768px){.ingredients-container{padding:16px}.ingredients-header{align-items:flex-start;flex-direction:column;gap:16px}.ingredients-header h1{font-size:1.5rem}.search-container{max-width:100%}.ingredients-table-container{overflow-x:auto}.ingredients-table{min-width:600px}.ingredients-table td,.ingredients-table th{font-size:.85rem;padding:10px 8px}.action-buttons{gap:4px}.btn-icon{padding:4px}}.ingredients-header .btn-primary{display:inline-flex!important;flex:none!important;width:auto!important}.modal-overlay{padding:1rem}.modal-content{box-shadow:0 4px 20px #00000026}.modal-header{padding:1.5rem 2rem 1rem}.modal-close{border-radius:4px;font-size:1.5rem;padding:.25rem}.recipe-form{padding:1.5rem 2rem 2rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group .readonly-input{background-color:#f8f9fa;color:#6c757d}.form-row{gap:1.5rem;margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.error-text{display:block;font-size:.875rem;margin-top:.25rem}.category-buttons{gap:.5rem;margin-top:.5rem}.category-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;font-size:.875rem;padding:.5rem 1rem}.category-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.ingredients-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.ingredients-list{background-color:#f9f9f9;border:1px solid #ddd;border-radius:6px;padding:1rem}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder,.ingredient-quantity::placeholder,.ingredient-select::placeholder,.ingredient-unit::placeholder{color:#bbb!important;opacity:1}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder,.ingredient-quantity::-moz-placeholder,.ingredient-select::-moz-placeholder,.ingredient-unit::-moz-placeholder{color:#bbb!important;opacity:1}.ingredient-row{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000001a;gap:.5rem;margin-bottom:.75rem;padding:.75rem}.ingredient-row:last-child{margin-bottom:0}.ingredient-select{background-color:#fff;border:1px solid #ccc;color:#495057;flex:3.5 1;font-size:.9rem;padding:.5rem}.ingredient-quantity{text-align:center}.ingredient-quantity,.ingredient-unit{border:1px solid #ccc;font-size:.9rem;min-width:70px;padding:.5rem}.ingredient-unit{background-color:#fff;color:#495057}.no-ingredients{font-style:italic}.loading-ingredients,.no-ingredients{color:#666;padding:1rem;text-align:center}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-danger:hover:not(:disabled){background-color:#c82333}.btn-sm{padding:.25rem .5rem}.btn-icon{padding:.5rem}.btn-icon.btn-sm{padding:.25rem}.modal-actions{gap:1rem;margin-top:2rem;padding-top:1.5rem}.quick-view-modal{max-width:900px}.quick-view-content{padding:1.5rem 2rem}.quick-view-columns{display:flex;gap:3rem;margin-bottom:2rem}.quick-view-column{flex:1 1}.quick-view-column h3{border-bottom:2px solid #f7b9c4;color:#de638a;font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;padding-bottom:.5rem}.ingredients-list-formatted{display:flex;flex-direction:column;gap:.75rem}.ingredient-item{border-bottom:1px solid #f0f0f0;color:#333;font-size:.95rem;line-height:1.5;padding:.5rem 0}.ingredient-item:last-child{border-bottom:none}.directions-formatted{display:flex;flex-direction:column;gap:1rem}.direction-step{color:#333;font-size:.95rem;line-height:1.6;padding:.75rem 0}@media (max-width:768px){.quick-view-columns{flex-direction:column;gap:2rem}.quick-view-modal{max-width:95%}}.form-control{font-family:inherit}@media (max-width:900px){.modal-overlay{padding:.5rem}.modal-content{max-width:95%}.modal-header{padding:1rem 1.5rem .75rem}.recipe-form{padding:1rem 1.5rem 1.5rem}}@media (max-width:768px){.form-row{flex-direction:column;gap:1rem}.ingredient-row{flex-wrap:wrap;gap:.5rem}.ingredient-select{flex:1 1 100%;min-width:auto}.ingredient-quantity,.ingredient-unit{flex:1 1 45%;min-width:auto}.modal-header,.recipe-form{padding:1rem}.modal-actions{flex-direction:column}.category-buttons{justify-content:center}}.optional-field{color:#6c757d;font-size:.85em;font-style:italic;font-weight:400}.cost-input-wrapper{gap:8px}.reset-cost-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:38px;padding:6px 10px;transition:background-color .2s}.reset-cost-btn:hover{background-color:#5a6268}.cost-info{font-size:.85em;margin-left:8px}.cost-hint{color:#17a2b8;font-size:.85em;margin-top:4px}.ingredient-row{display:flex;margin-bottom:8px}.ingredient-select{flex:3 1;min-width:200px}.ingredient-quantity,.ingredient-unit{flex:1 1;min-width:80px}@media (max-width:768px){.cost-input-wrapper{align-items:stretch;flex-direction:column}.reset-cost-btn{margin-top:8px;width:100%}.ingredient-row{flex-wrap:wrap}.ingredient-select{flex:1 1 100%;margin-bottom:8px}}.recipes-container{margin:0 auto;max-width:1400px;padding:24px}.clickable-row:hover{background-color:#f0f7ff!important}.recipes-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.recipes-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.recipes-filters{margin-bottom:24px}.search-input{padding:12px 12px 12px 60px}.recipes-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.recipes-table{border-collapse:collapse;font-size:.95rem;width:100%}.recipes-table th{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.recipes-table td{border:1px solid #e9ecef;color:#333;padding:14px 12px;vertical-align:top}.recipes-table tbody tr:hover{background-color:#f8f9fa}.recipe-name-cell{max-width:200px}.recipe-name-cell strong{color:#333;display:block;margin-bottom:4px}.recipe-description{color:#666;font-size:.85rem;font-style:italic}.recipes-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr;margin:0 auto;max-width:100%}.recipe-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;margin:0 auto;max-width:400px;padding:20px;transition:all .3s ease;width:100%}.recipe-card:hover{border-color:#de638a;box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.recipe-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.recipe-card-header h3{color:#333;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.recipe-category{background-color:#f7b9c4;border-radius:16px;color:#de638a;font-size:.8rem;font-weight:500;padding:4px 12px;white-space:nowrap}.recipe-card-description{color:#666;font-size:.9rem;font-style:italic;line-height:1.4;margin:0 0 16px}.recipe-card-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}.info-row{align-items:center;display:flex;justify-content:space-between;padding:4px 0}.info-row:not(:last-child){border-bottom:1px solid #e9ecef}.info-label{color:#666;font-size:.85rem;font-weight:500}.info-value{color:#333;font-size:.9rem;font-weight:600}.recipe-card-ingredients{margin-bottom:16px}.recipe-card-ingredients h4{color:#de638a;font-size:1rem;font-weight:600;margin:0 0 8px}.recipe-card-actions{border-top:1px solid #e9ecef;display:flex;gap:8px;justify-content:flex-end;padding-top:12px}.ingredients-cell{word-wrap:break-word;color:#666;font-size:.875rem;line-height:1.3;max-width:250px}.ingredients-list-display{display:flex;flex-direction:column;gap:.15rem}.ingredient-line{color:#555;font-size:.8rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-line.more-ingredients{color:#888;font-size:.75rem;font-style:italic}.no-price{color:#999;font-style:italic}.cost-type-indicator{background-color:#6c757d;border-radius:3px;color:#fff;display:inline-block;font-size:.75em;font-weight:700;margin-left:4px;padding:0 4px;vertical-align:super}@media (min-width:481px) and (max-width:768px){.recipes-grid{grid-template-columns:1fr}.recipe-card{max-width:450px}}@media (max-width:768px){.recipes-container{padding:16px}.recipes-header{margin-bottom:20px}.recipes-header h1{font-size:1.5rem;width:100%}.btn-primary{justify-content:center;padding:12px 20px;width:100%}.search-container{max-width:100%}.recipe-card{padding:16px}.recipe-card-header h3{font-size:1.1rem}.recipe-category{font-size:.75rem;padding:3px 10px}.info-label,.info-value,.recipe-card-description{font-size:.85rem}.recipe-card-ingredients h4{font-size:.95rem}.btn-icon{padding:10px}}@media (max-width:480px){.recipes-container{padding:12px}.recipes-header h1{font-size:1.25rem}.recipe-card{max-width:100%;padding:14px}.recipe-card-header{flex-direction:column;gap:8px}.recipe-category{align-self:flex-start}}@media (min-width:769px){.recipes-grid{display:none}}@media (max-width:768px){.recipes-table-container{display:none}}.recipe-name-cell{align-items:flex-start;display:flex;gap:8px}.btn-edit-inline{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;flex-shrink:0;padding:4px;transition:all .2s}.btn-edit-inline:hover{background-color:#f5f5f5;color:#333}.btn-edit-inline svg{font-size:18px}.modal-content{box-shadow:0 20px 40px #0000004d}.supply-form{padding:24px}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.form-group input.error{border-color:#f44336}.category-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.category-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.category-btn:hover{background:#e8e8e8;border-color:#2196f3}@media (max-width:768px){.modal-content{margin:20px;width:95%}.form-row{gap:12px;grid-template-columns:1fr}.modal-header{padding:16px 16px 12px}.supply-form{padding:16px}.category-buttons{gap:6px}.category-btn{font-size:.75rem;padding:4px 8px}}.supplies-container{margin:0 auto;max-width:1400px;padding:24px}.supplies-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.supplies-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.supplies-filters{margin-bottom:24px}.supplies-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.supplies-table{border-collapse:collapse;font-size:.95rem;width:100%}.supplies-table th{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.supplies-table td{border:1px solid #e9ecef;color:#333;padding:14px 12px}.supplies-table tbody tr:hover{background-color:#f8f9fa}@media (max-width:768px){.supplies-container{padding:16px}.supplies-header{align-items:flex-start;flex-direction:column;gap:16px}.supplies-header h1{font-size:1.5rem}.search-container{max-width:100%}.supplies-table-container{overflow-x:auto}.supplies-table{min-width:800px}.supplies-table td,.supplies-table th{font-size:.85rem;padding:10px 8px}.action-buttons{gap:4px}.btn-icon{padding:4px}}.modal-overlay{height:100%;width:100%}.modal-header{padding:24px 24px 16px}.modal-header h2{font-size:1.5rem}.modal-close{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.modal-close:hover{background-color:#f5f5f5}.product-form{padding:24px}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{border:2px solid #e0e0e0;padding:12px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.form-group input.error,.form-group textarea.error{border-color:#f44336}.form-group input.readonly-input{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed}.form-control{resize:vertical}.form-section{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.form-section h4{font-size:1.1rem;margin:0 0 16px}.error-text{color:#f44336;font-size:.8rem;margin-top:4px}.product-type-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.product-type-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.product-type-btn:hover{background:#e8e8e8;border-color:#2196f3}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;margin-top:32px;padding-top:20px}.btn{padding:12px 24px}.btn-primary:hover:not(:disabled){background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.btn-primary:disabled{background:#ccc}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e8e8e8;border-color:#bbb}@media (max-width:768px){.modal-content{margin:20px auto;width:95%}.form-row{gap:12px;grid-template-columns:1fr}.modal-header{padding:16px 16px 12px}.product-form{padding:16px}.product-type-buttons{gap:6px}.product-type-btn{font-size:.75rem;padding:4px 8px}}.modal-overlay{align-items:flex-start;background-color:#0009;height:100vh;overflow-x:hidden!important;overscroll-behavior:contain;width:100vw}.modal-content,.modal-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto!important}.modal-content{margin:40px auto;max-height:95vh;padding-bottom:32px;position:relative;width:90%}@media (max-width:768px){.modal-content{margin:20px auto;width:95%}}.form-section{background:#f8f9fa;border:1px solid #e9ecef;margin:2rem 0;padding:1.5rem}.section-header{margin-bottom:1rem}.section-header h4{color:#495057;font-size:1.1rem;margin:0}.items-list{flex-direction:column}.item-row,.items-list{display:flex;gap:.75rem}.item-row{align-items:center}.item-select{background-color:#fff}.item-quantity,.item-select{border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:.5rem}.item-quantity{width:80px}.loading-items,.no-items{color:#6c757d;font-style:italic;padding:1rem;text-align:center}.cost-input-wrapper{align-items:center;display:flex;gap:.5rem}.cost-input-wrapper input{flex:1 1}.reset-cost-btn{align-items:center;display:inline-flex;justify-content:center;min-width:auto;padding:.4rem .8rem}.cost-info{font-weight:400;margin-left:.5rem}.cost-hint,.cost-info{color:#6c757d;font-size:.85rem}.cost-hint{display:block;margin-top:.25rem}.btn-sm{font-size:.875rem;padding:.25rem .75rem}.btn-danger{background-color:#dc3545;border:none}.btn-danger:hover{background-color:#c82333}.btn-icon.btn-sm{align-items:center;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}@media (max-width:768px){.item-row{flex-wrap:wrap}.item-select{flex:1 1 100%;min-width:0}.item-quantity{flex:1 1}}.products-container{margin:0 auto;max-width:1400px;padding:24px}.products-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.products-header h1{color:#333;font-size:2rem;font-weight:600;margin:0}.products-filters{margin-bottom:24px}.products-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.products-table{border-collapse:collapse;font-size:.95rem;width:100%}.products-table th{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.products-table td{border:1px solid #e9ecef;color:#333;padding:14px 12px;vertical-align:top}.products-table tbody tr:hover{background-color:#f8f9fa}.product-name-cell{max-width:200px}.product-name-cell strong{color:#333;display:block;margin-bottom:4px}.product-description{color:#666;font-size:.85rem;font-style:italic}@media (max-width:1200px){.products-table{min-width:1000px}.products-table-container{overflow-x:auto}}@media (max-width:768px){.products-container{padding:16px}.products-header{align-items:flex-start;flex-direction:column;gap:16px}.products-header h1{font-size:1.5rem}.search-container{max-width:100%}.products-table{min-width:900px}.products-table td,.products-table th{font-size:.85rem;padding:10px 8px}.product-name-cell{max-width:150px}.action-buttons{gap:4px}.btn-icon{padding:4px}}.inventory-page{margin:0 auto;max-width:1400px;padding:20px 20px 40px}.page-title{font-size:1.5rem;font-weight:600;margin-bottom:20px}.inventory-header{margin-bottom:30px}.search-container{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:600px}.search-input-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon{color:#6b7280;left:16px;pointer-events:none}.search-input{border:2px solid #e5e7eb;outline:none;padding:12px 48px 12px 72px!important;transition:border-color .2s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:#9ca3af;text-indent:10px!important}.clear-search-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:absolute;right:12px;transition:color .2s ease}.clear-search-btn:hover{color:#374151}.search-status{color:#6b7280;font-size:14px;font-style:italic}.inventory-tabs{background-color:#f3f4f6;border-bottom:1px solid #ddd;border-radius:8px;display:flex;gap:2px;margin-bottom:20px;padding:4px}.inventory-tab{background-color:initial;border:none;border-radius:6px;color:#6b7280;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;position:relative;text-align:center;transition:all .2s ease}.inventory-tab:hover{background-color:#ffffff80;color:#374151}.inventory-tab.active{background-color:#fff;box-shadow:0 1px 3px 0 #0000001a;color:#1f2937}.inventory-tab.active:after{background-color:#de638a;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.inventory-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;min-height:500px;padding:20px}.no-search-results{color:#6b7280;font-size:18px;padding:60px 20px;text-align:center}.card{box-shadow:0 1px 3px 0 #0000001a}@media (max-width:768px){.search-container{align-items:stretch;flex-direction:column}.search-input-wrapper{width:100%}.inventory-tabs{flex-wrap:wrap}.inventory-tab{flex:1 1 45%;min-width:120px}}.recipe-details-container,.recipe-details-container *{box-sizing:border-box}.recipe-details-container{background-color:#f8f9fa;min-height:100vh;padding-bottom:80px}.recipe-details-header{background-color:#fff;border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding:20px}.btn-back{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:all .2s}.btn-back:hover{background-color:#f3f4f6;color:#111827}.recipe-details-header h1{color:#111827;font-size:24px;font-weight:600;margin:0}.recipe-details-content{margin:0 auto;max-width:1200px;padding:0 20px}.recipe-sections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.recipe-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.recipe-section h2{color:#111827;font-size:18px;font-weight:600;margin:0 0 20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;padding:8px 12px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.currency-symbol{color:#6b7280;left:12px;pointer-events:none}.input-with-currency input{padding-left:36px;width:100%}.input-with-currency input[type=number]{padding-left:36px}.field-info{color:#6b7280;cursor:help;display:inline-flex;margin-left:8px}.field-info svg{font-size:16px}.info-text{background:#111827;border-radius:6px;color:#fff;display:none;font-size:12px;margin-top:4px;padding:8px 12px;position:absolute;white-space:nowrap;z-index:10}.field-info:hover .info-text{display:block}.calculated-value{background-color:#f3f4f6;border-radius:6px;color:#111827;font-weight:500;padding:8px 12px}.btn-reset-cost{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:inline-flex;margin-left:8px;padding:4px;transition:color .2s}.btn-reset-cost:hover{color:#2563eb}.btn-reset-cost svg{font-size:18px}.ingredients-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.ingredients-section h2{margin:0}.add-ingredient-btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:background-color .2s}.add-ingredient-btn:hover{background-color:#2563eb}.ingredients-table{box-sizing:border-box;width:100%}.ingredients-header{color:#6b7280;display:grid;font-size:14px;font-weight:500;grid-template-columns:80px 60px 1fr 80px 40px;padding:12px 16px}.ingredients-list{box-sizing:border-box;padding:0;width:100%}.ingredient-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:80px 60px 1fr 80px 40px;padding:8px 16px}.ingredient-row-inputs{display:contents}.ingredient-quantity{padding:6px 8px}.ingredient-quantity,.ingredient-unit{border:1px solid #d1d5db;border-radius:4px;font-size:14px;width:100%}.ingredient-unit{padding:6px 4px;text-align:center}.ingredient-select{border:1px solid #d1d5db;border-radius:4px;font-size:14px;padding:6px 8px;width:100%}.ingredient-cost{color:#111827;font-weight:500;text-align:right}.recipe-details-container .btn-remove-ingredient{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.recipe-details-container .btn-remove-ingredient:hover{background-color:#fee2e2}.recipe-details-container .btn-remove-ingredient svg{font-size:18px}.no-ingredients{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 20px}.no-ingredients svg{color:#d1d5db;font-size:48px;margin-bottom:12px}.no-ingredients p{font-size:14px;margin:0}.ingredients-total{color:#111827;display:flex;font-weight:600;justify-content:space-between;padding:16px}.recipe-directions-section{grid-column:1/-1;margin-bottom:20px}.recipe-directions-section textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;min-height:150px;padding:12px;resize:vertical;width:100%}.recipe-directions-section textarea::placeholder{color:#9ca3af;font-family:inherit}.recipe-bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.section-description{color:#6b7280;font-size:14px;margin-bottom:16px}.allergen-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.allergen-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px}.allergen-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.storage-info-section textarea{resize:vertical}.recipe-action-bar{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 10px #0000000d;display:flex;gap:12px;justify-content:flex-end;left:0;padding:16px 20px;position:fixed;right:0;z-index:100}.recipe-action-bar .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.recipe-action-bar .btn-secondary{background-color:#f3f4f6;color:#374151}.recipe-action-bar .btn-secondary:hover{background-color:#e5e7eb}.recipe-action-bar .btn-primary{background-color:#3b82f6;color:#fff}.recipe-action-bar .btn-primary:hover{background-color:#2563eb}.recipe-action-bar .btn:disabled{cursor:not-allowed;opacity:.5}.recipe-action-bar .btn svg{font-size:18px}.error-state,.loading{align-items:center;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:center;margin:20px;min-height:400px}.error-state h2{color:#dc2626;margin-bottom:8px}.error-state p{color:#6b7280;margin-bottom:20px}.error-state .btn{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.error-state .btn:hover{background-color:#2563eb}.advanced-tools-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:24px;padding:24px}.advanced-tools-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.advanced-tools-section h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.btn-toggle-tools{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:6px 16px;transition:all .2s}.btn-toggle-tools:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.advanced-tools-container{display:flex;flex-direction:column;gap:20px}.unit-conversion-tips{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.unit-conversion-tips h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.unit-conversion-tips ul{color:#6b7280;margin:0;padding-left:20px}.unit-conversion-tips li{font-size:14px;line-height:1.6;margin-bottom:8px}.unit-conversion-tips li:last-child{margin-bottom:0}.tools-button-group{flex-wrap:wrap}@media (max-width:768px){.recipe-details-container{padding-bottom:100px}.recipe-details-header{padding:16px}.recipe-details-header h1{font-size:20px}.recipe-details-content{padding:0 16px}.recipe-bottom-grid,.recipe-sections-grid{gap:16px;grid-template-columns:1fr}.recipe-section{padding:16px}.recipe-section h2{font-size:16px;margin-bottom:16px}.ingredient-row-inputs{display:flex;gap:8px;width:100%}.ingredient-row-inputs .ingredient-quantity{flex:0 0 80px}.ingredient-row-inputs .ingredient-unit{flex:0 0 100px}.ingredients-header{display:none}.ingredient-row{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:8px;margin-bottom:8px;overflow:hidden;padding:12px 40px 12px 12px;position:relative;width:100%}.ingredient-row:hover{background-color:#f3f4f6}.ingredient-quantity,.ingredient-select,.ingredient-unit{box-sizing:border-box;font-size:16px;padding:10px 12px;width:100%}.ingredient-select{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ingredient-cost{font-size:16px;font-weight:600;margin-top:4px;text-align:left}.ingredient-cost:before{color:#6b7280;content:"Cost: ";font-weight:400}.recipe-details-container .btn-remove-ingredient{height:28px;position:absolute;right:8px;top:8px;width:28px}.ingredients-section .section-header{align-items:stretch;flex-direction:column;gap:12px}.add-ingredient-btn{justify-content:center;padding:12px 16px;width:100%}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:10px 12px}.input-with-currency input{padding-left:40px}.field-info{position:static}.info-text{bottom:100px;left:16px;max-width:none;position:fixed;right:16px;top:auto;white-space:normal;z-index:1000}.recipe-action-bar{flex-direction:column-reverse;gap:8px;padding:12px 16px}.recipe-action-bar .btn{font-size:16px;justify-content:center;padding:14px 20px;width:100%}.recipe-action-bar .btn-primary{background-color:#6b4c9a}.recipe-action-bar .btn-primary:hover{background-color:#5a3f84}.allergen-options{gap:16px;grid-template-columns:1fr}.allergen-checkbox{padding:8px 0}.allergen-checkbox input[type=checkbox]{height:20px;width:20px}.recipe-directions-section textarea,.storage-info-section textarea{font-size:16px;min-height:120px}.recipe-info-section{box-sizing:border-box;overflow:hidden;width:100%}.field-info{flex-shrink:0;margin-left:4px;position:relative}.form-group{overflow:hidden;width:100%}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;max-width:100%;width:100%}.ingredients-section{box-sizing:border-box;overflow:hidden;width:100%}.advanced-tools-section{padding:16px}.advanced-tools-container{gap:16px}.recipe-tools-inline{margin-top:16px;padding-top:16px}.tools-button-group{flex-direction:column;width:100%}.tools-button-group>*{width:100%}.btn-show-converter,.btn-show-scaler{justify-content:center;margin-bottom:8px;margin-right:0;width:100%}.unit-conversion-tips-inline{flex-direction:column;text-align:center}}@media (max-width:480px){.recipe-details-header h1{font-size:18px}.recipe-section{padding:12px}.recipe-section h2{font-size:15px}.form-group label{font-size:13px}.ingredients-total{font-size:15px;padding:12px}}.tools-button-group{grid-gap:12px;align-items:start;display:grid;grid-template-columns:1fr 1fr}.tools-button-group>*{width:100%}@media (max-width:768px){.recipe-tools-inline{margin-top:16px;padding-top:16px}.tools-button-group{flex-direction:column;width:100%}.tools-button-group>*{width:100%}.btn-show-converter,.btn-show-scaler{justify-content:center;width:100%}.unit-conversion-tips-inline{flex-direction:column;text-align:center}.ingredient-row-enhanced{gap:8px;grid-template-columns:1fr}.tools-button-group .recipe-scaler-container,.tools-button-group .tin-converter-container{max-width:100%}}.input-with-currency{align-items:center;display:flex;position:relative}.input-with-currency .currency-symbol{color:#6b7280;font-weight:500;left:12px;pointer-events:none;position:absolute;z-index:1}.input-with-currency input[type=number]{padding-left:30px;width:100%}.recipe-tools-inline{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.tools-button-group{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.tools-button-group .btn-show-converter,.tools-button-group .btn-show-scaler{align-self:flex-start;height:40px}.tools-button-group .recipe-scaler-container,.tools-button-group .tin-converter-container{max-width:400px;min-width:300px;width:auto}.unit-conversion-tips-inline{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:flex;font-size:14px;gap:8px;padding:12px 16px}.unit-conversion-tips-inline .tips-icon{color:#3b82f6;flex-shrink:0;font-size:18px}@media (max-width:768px){.recipe-tools-inline{margin-top:16px;padding-top:16px}.tools-button-group{flex-direction:column;width:100%}.tools-button-group>*{width:100%}.btn-show-converter,.btn-show-scaler{justify-content:center;width:100%}.unit-conversion-tips-inline{flex-direction:column;text-align:center}.ingredient-row-enhanced{gap:8px;grid-template-columns:1fr}.tools-button-group .recipe-scaler-container,.tools-button-group .tin-converter-container{max-width:100%}.recipe-action-bar{background:#fff;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;gap:12px;left:0;padding:20px;position:fixed;right:0;z-index:100}.recipe-details-container{padding-bottom:100px}.recipe-action-bar .btn{flex:1 1;font-size:16px;font-weight:600;padding:16px 20px}.recipe-action-bar .btn-save{flex:2 1}}.recipe-tools-inline .btn-show-converter,.recipe-tools-inline .btn-show-scaler{margin:0}.enhanced-unit-select{position:relative}.enhanced-unit-select optgroup{background:#f3f4f6;color:#374151;font-weight:600}.enhanced-unit-select optgroup option{font-weight:400;padding-left:12px}.ingredient-unit.converting{background:#eff6ff;border-color:#3b82f6}.ingredient-row-enhanced{grid-gap:8px;align-items:center;background:#fff;border-radius:6px;display:grid;gap:8px;grid-template-columns:80px 100px 1fr 100px 40px;margin-bottom:8px;padding:12px;transition:all .2s}.ingredient-row-enhanced:hover{box-shadow:0 2px 4px #0000000d}.recipe-modification-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:500;gap:4px;margin-left:8px;padding:4px 8px}.recipe-modification-badge,.recipe-modification-badge.scaled{background:#dbeafe;color:#1e40af}.recipe-modification-badge.converted{background:#ede9fe;color:#5b21b6}.btn-show-converter,.btn-show-scaler{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;margin-right:12px;padding:8px 16px;transition:all .2s}.conversion-loading{align-items:center;background:#f3f4f6;border-radius:6px;color:#6b7280;display:inline-flex;font-size:14px;gap:8px;padding:8px 12px}.conversion-loading:after{animation:spin .8s linear infinite;border:2px solid #d1d5db;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;width:16px}@media (max-width:768px){.recipe-tools-inline{margin-top:16px;padding-top:16px}.tools-button-group{flex-direction:column;width:100%}.tools-button-group>*{width:100%}.btn-show-converter,.btn-show-scaler{justify-content:center;margin-bottom:8px;margin-right:0;width:100%}.unit-conversion-tips-inline{flex-direction:column;text-align:center}.ingredient-row-enhanced{gap:8px;grid-template-columns:1fr}}.recipe-scaler-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;padding:24px}.btn-show-scaler{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-show-scaler:hover{background:#2563eb}.scaler-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.scaler-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.close-scaler-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:color .2s}.close-scaler-btn:hover{color:#374151}.scaler-inputs{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.scaler-input-group{display:flex;flex-direction:column}.scaler-input-group label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:6px}.scaler-input-group input{border:1px solid #d1d5db;border-radius:6px;font-size:16px;padding:8px 12px;transition:border-color .2s}.scaler-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.scaler-input-group input:disabled{background-color:#f3f4f6;cursor:not-allowed}.scale-factor-display{background:#eff6ff;border:1px solid #3b82f6;border-radius:6px;color:#1e40af;font-size:16px;font-weight:600;padding:8px 12px;text-align:center}.scaled-ingredients{background:#f9fafb;border-radius:8px;margin-bottom:20px;padding:20px}.scaled-ingredients h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 16px}.ingredient-comparison{display:flex;flex-direction:column;gap:8px}.ingredient-comparison-row{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:8px 0}.ingredient-comparison-row:last-child{border-bottom:none}.ingredient-name{color:#374151;flex:1 1;font-weight:500}.quantity-comparison{align-items:center;color:#6b7280;display:flex;font-family:Monaco,Courier New,monospace;font-size:14px;gap:12px}.original-qty{opacity:.7;text-decoration:line-through}.arrow-icon{color:#3b82f6;font-size:16px}.scaled-qty{color:#059669;font-weight:600}.scaler-actions{display:flex;gap:12px;margin-top:20px}.btn-apply-scale{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 20px;transition:background .2s}.btn-apply-scale:hover{background:#2563eb}.btn-reset-scale{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-reset-scale:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}@media (max-width:640px){.recipe-scaler-container{padding:16px}.scaler-inputs{grid-template-columns:1fr}.ingredient-comparison-row{flex-wrap:wrap;gap:8px}.quantity-comparison{justify-content:flex-end;width:100%}}.tin-converter-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-block;padding:24px}.btn-show-converter{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.btn-show-converter:hover{background:#7c3aed}.converter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.converter-header h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.close-converter-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px;transition:color .2s}.close-converter-btn:hover{color:#374151}.pan-selectors{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.pan-selector-group{display:flex;flex-direction:column}.pan-selector-group label{color:#6b7280;font-size:14px;font-weight:500;margin-bottom:6px}.pan-selector{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:16px;padding:10px 12px;transition:all .2s}.pan-selector:focus{box-shadow:0 0 0 3px #8b5cf61a;outline:none}.pan-selector:focus,.pan-selector:hover{border-color:#8b5cf6}.conversion-result{background:#faf5ff;border:1px solid #8b5cf6;border-radius:8px;margin-bottom:24px;padding:20px}.conversion-summary{color:#6b7280;font-size:14px;margin-bottom:8px}.conversion-summary strong{color:#374151;font-weight:600}.conversion-factor{color:#7c3aed;font-size:20px;font-weight:700;margin:8px 0}.conversion-warning{align-items:start;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;display:flex;gap:8px;margin-top:12px;padding:12px}.warning-icon{color:#f59e0b;flex-shrink:0;font-size:20px}.conversion-warning p{color:#92400e;font-size:14px;margin:0}.converter-actions{display:flex;gap:12px;margin-bottom:20px}.btn-apply-conversion{align-items:center;background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 20px;transition:background .2s}.btn-apply-conversion:hover:not(:disabled){background:#7c3aed}.btn-apply-conversion:disabled{cursor:not-allowed;opacity:.5}.btn-reset-conversion{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.btn-reset-conversion:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.baking-tips{background:#f3f4f6;border-radius:8px;margin-top:16px;padding:16px}.baking-tips h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.baking-tips ul{color:#6b7280;margin:0;padding-left:20px}.baking-tips li{font-size:13px;line-height:1.6;margin-bottom:6px}.baking-tips li:last-child{margin-bottom:0}@media (max-width:640px){.tin-converter-container{padding:16px}.pan-selectors{grid-template-columns:1fr}.converter-actions{flex-direction:column}.converter-actions button{justify-content:center;width:100%}}.task-modal *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.task-modal.modal-container{background:#fafafa!important;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.task-modal .modal-header{align-items:center;background:#fafafa;border-bottom:none;display:flex;justify-content:space-between;padding:24px 24px 20px}.task-modal .modal-header h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.task-modal .btn-icon{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.task-modal .btn-icon:hover{background-color:#f5f5f5;color:#1a1a1a}.task-modal .modal-form{background:#fafafa;flex:1 1;overflow-y:auto;padding:0}.task-modal .error{background:#fff;border-bottom:1px solid #f0f0f0;color:#dc3545;font-size:14px;margin:0;padding:16px 24px}.task-modal .form-section{background:#fff!important;border:none!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;padding:24px!important}.task-modal .form-section:last-of-type{border-bottom:none!important}.task-modal .section-title{align-items:center;color:#666;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.task-modal .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.task-modal .form-group:last-child{margin-bottom:0}.task-modal .form-group label{color:#999;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.task-modal .form-control{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:8px;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.task-modal .form-control:focus{background-color:#fff;border-color:#3b82f6;outline:none}.task-modal .form-control::placeholder{color:#999}.task-modal textarea.form-control{line-height:1.5;min-height:80px;resize:vertical}.task-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.task-modal .form-row .form-group{margin-bottom:0}.task-modal .checkbox-label{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;position:relative;-webkit-user-select:none;user-select:none}.task-modal .checkbox-label input[type=checkbox]{accent-color:#10b981;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;height:18px;width:18px}.task-modal .reminder-label{align-items:center;display:flex;gap:6px}.task-modal .reminder-icon{color:#666;font-size:18px}.task-modal .radio-group{display:flex;flex-direction:column;gap:12px}.task-modal .radio-label{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px}.task-modal .radio-label input[type=radio]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.task-modal .reminder-section{background:#fff;border-bottom:1px solid #f0f0f0;padding:24px}.task-modal .reminder-toggle{margin-bottom:0}.task-modal .reminder-options{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-top:20px;padding:20px}.task-modal .reminder-type-section{margin-bottom:20px}.task-modal .remind-before-options{margin-top:16px}.task-modal .remind-before-options .form-row{margin-bottom:0}.task-modal .reminder-method{border-top:1px solid #e5e5e5;margin-top:16px;padding-top:16px}.task-modal-actions{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-direction:row;gap:12px;justify-content:flex-end;padding:20px 24px}.task-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s;white-space:nowrap}.task-modal-btn svg{font-size:18px}.task-modal-btn:disabled{cursor:not-allowed;opacity:.6}.task-modal-btn-primary{background-color:#10b981;border:1px solid #10b981;color:#fff}.task-modal-btn-primary:hover:not(:disabled){background-color:#059669;border-color:#059669}.task-modal-btn-secondary{background-color:#fff;border:1px solid #e5e5e5;color:#666}.task-modal-btn-secondary:hover:not(:disabled){background-color:#f5f5f5;border-color:#d1d5db}.task-modal-btn-danger{background-color:#fff;border:1px solid #e5e5e5;color:#dc3545;margin-right:auto}.task-modal-btn-danger:hover:not(:disabled){background-color:#f5f5f5;border-color:#dc3545}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:0}.task-modal.modal-container{border-radius:0;margin:0;max-height:100vh;max-width:100%;width:100%}.task-modal .modal-header{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding:20px 16px 16px!important}.task-modal .modal-header h3{flex:1 1!important;font-size:18px!important;order:1!important;text-align:left!important}.task-modal .modal-header .btn-icon{flex-shrink:0!important;margin-left:auto!important;order:2!important}.task-modal .form-section{padding:20px 16px!important}.task-modal .form-row{gap:0;grid-template-columns:1fr}.task-modal .form-row .form-group{margin-bottom:20px}.task-modal-actions{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.task-modal-btn{justify-content:center;width:100%}.task-modal-btn-primary{order:1}.task-modal-btn-secondary{order:2}.task-modal-btn-danger{margin-right:0;order:3}.task-modal .reminder-options{padding:16px}.task-modal .error{padding:12px 16px}.task-modal .reminder-section{padding:20px 16px!important}}@media (max-width:480px){.task-modal .form-control,.task-modal .modal-header h3{font-size:16px}.task-modal .section-title{font-size:12px}}.calendar-container,.calendar-container *{box-sizing:border-box!important}.calendar-container{margin:0 auto;max-width:1200px;overflow:hidden!important;padding:24px;width:100%!important}.calendar-header{flex-wrap:wrap;gap:16px;margin-bottom:24px}.calendar-nav{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.calendar-nav h2{color:#111827;flex:1 1;font-size:24px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.calendar-actions{display:flex;flex-wrap:wrap;gap:12px}.btn{text-decoration:none}.add-task-button{background-color:#28a745;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s;white-space:nowrap}.add-task-button:hover{background-color:#218838}.add-task-button svg{font-size:18px}.btn svg{height:16px;width:16px}.btn-secondary{background-color:#fff;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover{background-color:#f9fafb}.btn-icon{border-radius:8px;transition:background-color .2s}.btn-icon:hover{background-color:#f3f4f6}.btn-icon svg{color:#6b7280;height:20px;width:20px}.btn-sm{padding:4px 8px}.btn-block{justify-content:center;width:100%}.btn-edit{color:#3b82f6}.btn-delete{color:#ef4444}.btn-text-mobile{display:none}.timezone-info{color:#6b7280;margin-bottom:16px;text-align:center}.mobile-add-task-btn{display:none}.calendar-grid{grid-gap:2px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:24px}.calendar-weekday{color:#6b7280;font-size:11px;font-weight:700;padding:2px 0 2px 6px;text-align:left}.calendar-day{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;font-size:13px;height:50px;justify-content:flex-start;padding-left:6px;padding-top:6px;position:relative}.calendar-day,.calendar-day:hover{border:none!important;outline:none!important}.calendar-day:hover{background-color:initial!important}.calendar-day.other-month{color:#d1d5db}.calendar-day.has-tasks{align-items:center;border:1px solid #d1d5db!important;border-radius:50%;height:36px;justify-content:center;padding:0;width:36px}.calendar-day.has-tasks .day-number{margin-bottom:0}.calendar-day.has-tasks .task-dot{bottom:-12px!important}.calendar-day.today{align-items:center;background-color:#3b82f6;border:none!important;border-radius:50%;color:#fff;font-weight:600;height:36px;justify-content:center;margin:0;outline:none!important;padding:0;width:36px}.calendar-day.today .day-number{margin-bottom:0}.calendar-day.today:hover{background-color:#3b82f6!important;border:none!important;outline:none!important}.calendar-day.today .task-dot{bottom:-12px!important}.day-number{font-size:13px;font-weight:500}.task-dot{background-color:#10b981;border-radius:50%;bottom:-12px;height:8px;left:50%;position:absolute;transform:translateX(-50%);width:8px}.blocked-icon-small{height:20px;width:20px}.selected-date-panel{background:#0000;border:none;margin-top:32px;padding:0}.selected-date-panel h3{border-bottom:1px solid #e5e7eb;color:#111827;font-size:24px;font-weight:600;margin:0 0 32px;padding-bottom:20px}.date-actions{display:flex;justify-content:flex-end;margin-bottom:32px}.date-tasks{display:flex;flex-direction:column;gap:0}.no-tasks{color:#9ca3af;font-size:16px;padding:64px 0}.task-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #f3f4f6;border-radius:0;display:flex;justify-content:space-between;margin-bottom:0;padding:20px 0;position:relative;transition:all .2s}.task-item:hover{background-color:#fafafa;border-radius:8px;box-shadow:none;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;transform:none}.task-item.completed{opacity:.5}.task-info{align-items:flex-start;flex:1 1;gap:16px}.task-indicator-dot{background-color:#de638a;border-radius:50%;flex-shrink:0;height:8px;margin-top:8px;width:8px}.task-item.completed .task-indicator-dot{background-color:#4a3267}.task-content-wrapper{flex:1 1}.task-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:8px}.task-toggle{display:none}.task-header h4{color:#111827;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;line-height:1.5;margin:0}.task-item.completed h4{color:#9ca3af;text-decoration:line-through}.task-description{color:#6b7280;line-height:1.6;margin:0 0 8px}.task-meta{color:#9ca3af;display:flex;font-size:13px;gap:16px}.task-category,.task-time{align-items:center;display:flex;gap:6px}.task-actions{align-items:center;gap:12px;opacity:0;transition:opacity .2s}.task-item:hover .task-actions{opacity:1}.task-actions button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:13px;padding:0;transition:color .2s}.task-actions button:hover{color:#111827}.btn-edit:hover{color:#3b82f6}.btn-delete:hover{color:#ef4444}.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.modal-container{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px}.modal-container-large{max-width:700px}.modal-header{border-bottom:1px solid #e5e7eb;padding:24px}.modal-header h3{color:#111827;font-weight:600}.modal-content{padding:24px}.modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px}.modal-form{display:flex;flex-direction:column;gap:16px}.form-group{gap:8px}.form-group label{color:#374151}.form-control{border:1px solid #d1d5db;transition:border-color .2s}.form-control:focus{box-shadow:0 0 0 3px #4a32671a}.block-dates-form-section{margin-bottom:32px}.block-dates-form-section h4,.blocked-dates-list-section h4{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.date-type-buttons{display:flex;gap:8px}.date-type-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;padding:8px 16px;transition:all .2s}.date-type-btn.active{background-color:#4a3267;border-color:#4a3267;color:#fff}.blocked-dates-list{display:flex;flex-direction:column;gap:8px}.blocked-date-item{align-items:center;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.blocked-date-info{flex:1 1}.blocked-date-dates{color:#111827;font-weight:500;margin-bottom:4px}.blocked-date-reason{color:#6b7280;font-size:13px}.no-blocked-dates{color:#6b7280;padding:32px 0;text-align:center}.mobile-modal-overlay{overflow:auto}.mobile-modal{border-radius:16px 16px 0 0;bottom:0;left:0;position:absolute;right:0;transform:translateY(0);transition:transform .3s}.mobile-modal-overlay.show{opacity:1}.mobile-modal.show{transform:translateY(0)}.mobile-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-modal-content{padding:20px}@media (max-width:1024px){.calendar-container{max-width:100%!important;padding:16px!important}.calendar-grid{padding:12px!important}.calendar-days,.calendar-weekdays{gap:4px!important}.calendar-day{aspect-ratio:1!important;max-height:none!important;min-height:80px!important;padding:4px!important}.day-number{font-size:14px!important}.task-item-mini{font-size:10px!important}.task-time-mini{font-size:9px!important}}@media (max-width:768px){.calendar-container{max-width:100%!important;padding:12px 12px 100px!important}.calendar-header{align-items:stretch;flex-direction:column;gap:0;margin-bottom:10px}.calendar-actions{display:flex!important;gap:8px;margin-bottom:12px;width:100%}.calendar-actions .btn-secondary{flex:1 1;font-size:11px!important;padding:8px 10px!important}.add-task-button{font-size:14px;justify-content:center;margin-bottom:12px;padding:12px 20px;width:100%}.calendar-header .calendar-nav{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;height:auto!important;justify-content:space-between!important;margin-bottom:10px!important;opacity:1!important;visibility:visible!important;width:100%!important}.calendar-header .calendar-nav h2{color:#3b82f6!important;display:block!important;flex:1 1!important;font-size:13px!important;font-weight:600!important;margin:0!important;overflow:visible!important;text-align:center!important;visibility:visible!important;white-space:nowrap!important}.calendar-header .calendar-nav .btn-icon{display:flex!important;flex-shrink:0!important;padding:4px!important;visibility:visible!important}.calendar-grid{background-color:initial!important;border:none!important;overflow:hidden!important;padding:10px 0!important;width:100%!important}.mobile-add-task-btn{align-items:center!important;background-color:#10b981!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 8px #10b9814d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:600!important;gap:8px!important;justify-content:center!important;margin:20px 12px 80px!important;padding:14px 20px!important;width:calc(100% - 24px)!important}.mobile-add-task-btn:hover{background-color:#059669!important}.mobile-add-task-btn svg{height:22px!important;width:22px!important}.calendar-weekday{color:#6b7280!important;font-size:11px!important;font-weight:700!important;padding:2px 0 2px 6px!important;text-align:left!important}.calendar-day{font-size:12px!important;height:45px!important;min-height:45px!important;padding:6px 0 0 6px!important}.calendar-day.has-tasks{border:1px solid #d1d5db!important}.calendar-day.has-tasks,.calendar-day.today{align-items:center!important;border-radius:50%!important;height:32px!important;justify-content:center!important;min-height:32px!important;min-width:32px!important;padding:0!important;width:32px!important}.calendar-day.today{background-color:#3b82f6!important;border:none!important;color:#fff!important;font-weight:600!important;margin:0!important}.calendar-day.has-tasks .day-number,.calendar-day.today .day-number{margin-bottom:0!important}.calendar-day.has-tasks .task-dot,.calendar-day.today .task-dot{bottom:-12px!important;left:50%!important;position:absolute!important;transform:translateX(-50%)!important}.day-number{font-size:11px!important}.task-dot{height:6px!important;width:6px!important}.blocked-icon-small{height:16px!important;width:16px!important}.selected-date-panel{display:none}.task-item{padding:16px 0}.task-item:hover{background-color:initial;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.task-info{gap:12px}.task-header{flex-direction:column;gap:8px}.task-header h4{font-size:15px}.task-description{font-size:13px}.task-meta{flex-wrap:wrap;font-size:12px;gap:12px}.task-actions{opacity:1}.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:16px 16px 0 0;margin:0;max-height:85vh;max-width:500px;width:100%}.modal-container-large{max-width:100%}.modal-header{padding:16px 20px}.modal-header h3{font-size:18px}.modal-content{padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.date-type-buttons{flex-direction:column}.date-type-btn{width:100%}.blocked-date-item{align-items:flex-start;flex-direction:column;gap:8px}.blocked-date-item .btn-delete{align-self:flex-end}.calendar-day{position:relative}.mobile-task-indicators{align-items:center;bottom:2px;display:flex!important;flex-wrap:wrap;gap:1px;justify-content:center;left:50%;max-width:90%;position:absolute;transform:translateX(-50%)}.mobile-task-dot{border-radius:50%;flex-shrink:0;height:4px!important;width:4px!important}.mobile-task-dot.enquiries{background-color:#7c3aed}.mobile-task-dot.quotes{background-color:#2563eb}.mobile-task-dot.orders{background-color:#059669}.mobile-task-dot.baking,.mobile-task-dot.delivery,.mobile-task-dot.meeting,.mobile-task-dot.other,.mobile-task-dot.pickup,.mobile-task-dot.preparation,.mobile-task-dot.shopping{background-color:#4a3267}.mobile-task-dot.completed{opacity:.4}.mobile-task-more{color:#6b7280;font-size:8px!important;font-weight:600;line-height:1}.calendar-day.has-multiple-categories{border:1px solid #de638a!important}.calendar-day.has-pending-tasks{background-color:#fef3f2}.calendar-day.has-completed-tasks-only{background-color:#f0fdf4}}@media (max-width:480px){.calendar-container{max-width:100%!important;padding:8px!important}.calendar-nav h2{font-size:16px!important}.calendar-grid{padding:6px!important}.calendar-days,.calendar-weekdays{gap:1px!important}.calendar-day{border-radius:3px!important;font-size:11px!important;min-height:40px!important;padding:1px!important}.day-number{font-size:11px!important;margin-bottom:1px!important}.weekday{font-size:10px!important;padding:1px!important}.block-x{height:20px!important;width:20px!important}.task-indicator{bottom:1px!important;height:3px!important;width:3px!important}.timezone-info{font-size:10px!important;margin-bottom:8px!important}.btn{font-size:11px!important;gap:2px!important;padding:4px 8px!important}.btn svg{height:12px!important;width:12px!important}.btn-icon{padding:4px!important}.btn-icon svg{height:16px!important;width:16px!important}.modal-container{border-radius:12px 12px 0 0;max-width:100%}.mobile-task-dot{height:3px!important;width:3px!important}.mobile-task-more{font-size:7px!important}}@media (max-height:600px) and (orientation:landscape){.calendar-grid{padding:6px!important}.calendar-day{min-height:35px!important}.modal-container{max-height:95vh}.mobile-modal{max-height:90vh}}.daily-events-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;position:relative;width:90vw}.mobile-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999}.mobile-modal{background:#fff;border-radius:12px;box-shadow:0 -4px 20px #0000001a;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow-y:auto;position:relative;transform:none;transition:transform .3s,opacity .3s;width:90vw}.daily-events-modal .modal-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:20px 24px 16px}.modal-header-actions{gap:8px}.daily-events-modal .modal-title{align-items:flex-start;display:flex;flex:1 1;gap:12px}.daily-events-modal .modal-icon{color:#de638a;flex-shrink:0;margin-top:2px}.daily-events-modal .modal-title h3{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.4;margin:0}.daily-events-modal .modal-subtitle{color:#6b7280;font-size:.875rem;margin:4px 0 0}.daily-events-modal .modal-content{flex:1 1;overflow-y:auto;padding:20px 24px 24px}.daily-events-modal .modal-actions{display:flex;justify-content:flex-start;margin-bottom:20px}.daily-events-modal .btn-sm{border-radius:6px;font-size:.875rem;padding:8px 16px}.daily-events-modal .btn-primary{background:#4a3267;border-color:#4a3267;color:#fff}.daily-events-modal .btn-primary:hover{background:#c94d7a;border-color:#c94d7a}.no-events{color:#6b7280;padding:40px 20px;text-align:center}.no-events-icon{color:#f3d9e5;font-size:48px;margin-bottom:12px}.no-events p{font-size:1rem;margin:0 0 16px}.events-list{gap:24px}.events-list,.events-section{display:flex;flex-direction:column}.events-section{gap:0}.events-section-title{border-bottom:1px solid #f3d9e5;color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px;padding:0 16px 8px}.event-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f8fafc;border-radius:0;cursor:pointer;display:flex;gap:0;margin-bottom:1px;min-height:60px;padding:0;transition:all .2s ease}.event-item:hover{background:#fafafa}.event-item.completed{background:#f8fafc;opacity:.7}.event-item.completed:hover{background:#fafafa}.event-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0;padding:12px 16px}.event-time-display{color:#374151;flex-shrink:0;font-size:.875rem;font-weight:500;min-width:60px;text-align:left}.event-details{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.event-header{align-items:center;display:flex;gap:8px;width:100%}.event-title{word-wrap:break-word;color:#111827;font-size:.95rem;font-weight:500;line-height:1.3;margin:0}.event-item.completed .event-title{color:#6b7280;text-decoration:line-through}.event-subtitle{word-wrap:break-word;color:#6b7280;font-size:.8rem;line-height:1.3;margin:0}.event-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.event-category-badge{border-radius:3px;font-size:.7rem;font-weight:500;padding:2px 6px;text-transform:capitalize}.event-category-badge.enquiries{background:#f3e8ff;color:#7c3aed}.event-category-badge.quotes{background:#dbeafe;color:#2563eb}.event-category-badge.orders{background:#d1fae5;color:#059669}.event-category-badge:not(.enquiries):not(.quotes):not(.orders){background:#f7b9c4;color:#4a3267}.btn-outline{background:#0000;border:1px solid #f7b9c4;color:#4a3267}.btn-outline:hover{background:#fafafa;border-color:#4a3267}@media (max-width:768px){.mobile-modal-overlay{padding:16px}.daily-events-modal,.mobile-modal{border-radius:12px;max-height:85vh;width:95vw}.daily-events-modal .modal-header{align-items:flex-start;flex-direction:row;gap:16px;justify-content:space-between;padding:16px 20px 12px}.modal-header-actions{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:8px}.daily-events-modal .modal-header .btn-icon{order:-1;padding:4px}.daily-events-modal .modal-header .btn-icon svg{height:16px;width:16px}.daily-events-modal .modal-header .btn-primary{margin-top:8px}.daily-events-modal .modal-title h3{font-size:1.125rem}.daily-events-modal .modal-content{padding:6px 20px 20px}.event-item{min-height:56px;padding:0}.event-content{gap:10px;padding:10px 12px}.event-time-display{font-size:.8rem;min-width:50px}.event-title{font-size:.9rem}.event-subtitle{font-size:.75rem}.events-section-title{font-size:.8rem;padding:0 12px 6px}}@media (max-width:480px){.mobile-modal-overlay{padding:12px}.daily-events-modal,.mobile-modal{border-radius:10px;max-height:88vh;width:98vw}.daily-events-modal .modal-header{padding:12px 16px 8px}.daily-events-modal .modal-content{padding:4px 16px 16px}.event-item{min-height:52px}.event-content{gap:8px;padding:8px 10px}.event-time-display{font-size:.75rem;min-width:45px}.event-title{font-size:.85rem}.event-subtitle{font-size:.7rem}.no-events{padding:30px 16px}.no-events-icon{font-size:40px}}.daily-events-modal{animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}}.mobile-task-indicators{display:none}@media (min-width:769px){.day-tasks{display:flex!important}.mobile-task-indicators{display:none!important}}.week-view-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:32px;overflow:hidden}.week-view-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px}.week-view-title-row{grid-gap:16px;color:#6b7280;display:grid;font-size:11px;font-weight:600;gap:16px;grid-template-columns:80px 1fr;letter-spacing:.5px;text-transform:uppercase}.week-view-days{display:flex;flex-direction:column}.week-view-day-row{grid-gap:16px;border-bottom:1px solid #f3f4f6;display:grid;gap:16px;grid-template-columns:80px 1fr;padding:16px 20px;transition:background-color .15s}.week-view-day-row:hover{background-color:#f9fafb}.week-view-day-row:last-child{border-bottom:none}.week-view-date-cell{align-items:center;display:flex;flex-direction:column;padding:8px 0;position:relative}.week-view-date-number{color:#111827;font-size:24px;font-weight:400;line-height:1;margin-bottom:4px}.week-view-date-number.today{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:600;height:36px;justify-content:center;width:36px}.week-view-day-name{color:#6b7280;font-size:11px;font-weight:500;letter-spacing:.5px}.week-view-today-indicator{background-color:#10b981;border-radius:50%;height:4px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.week-view-events-cell{display:flex;flex-direction:column;gap:8px;min-height:40px;padding:4px 0}.week-view-no-events{align-items:center;display:flex;height:100%}.week-view-empty-indicator{background-color:#d1d5db;height:1px;width:8px}.week-view-blocked{align-items:center;color:#9ca3af;display:flex;font-size:13px;font-weight:500;gap:6px}.week-view-events-list{display:flex;flex-direction:column;gap:8px}.week-view-event{background:#fff;border-left:3px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;cursor:pointer;padding:10px 12px;transition:all .15s}.week-view-event:hover{box-shadow:0 2px 4px #0000001a;transform:translateX(2px)}.week-view-event.completed{opacity:.6}.week-view-event.completed .week-view-event-title{text-decoration:line-through}.week-view-event.enquiries{background:#f5f3ff;border-left-color:#8b5cf6}.week-view-event.quotes{background:#eff6ff;border-left-color:#3b82f6}.week-view-event.orders{background:#f0fdf4;border-left-color:#10b981}.week-view-event-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.week-view-event-title{color:#111827;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.week-view-event-time{color:#6b7280;font-size:12px;font-weight:400;white-space:nowrap}.week-view-navigation{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:center;padding:20px}.week-view-navigation .week-nav-btn{flex:0 1 auto;min-width:140px}.week-view-navigation .week-nav-btn:hover{background-color:#fff!important;border-color:#9ca3af!important}@media (max-width:768px){.week-view-section{margin-top:24px}.week-view-header{padding:12px 16px}.week-view-title-row{font-size:10px;gap:12px;grid-template-columns:60px 1fr}.week-view-day-row{gap:12px;grid-template-columns:60px 1fr;padding:12px 16px}.week-view-date-number{font-size:20px}.week-view-date-number.today{height:32px;width:32px}.week-view-event{padding:8px 10px}.week-view-event-title{font-size:13px}.week-view-event-time{font-size:11px}.week-view-navigation{flex-direction:column;padding:16px}.week-view-navigation .week-nav-btn{min-width:auto;width:100%}}.contact-modal *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}body.modal-open{height:100%!important}.contact-modal.modal-content{background:#fafafa!important;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:600px;width:100%}.contact-modal .modal-header{align-items:center;background:#fafafa;border-bottom:none;display:flex;justify-content:space-between;padding:24px 24px 20px}.contact-modal .modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.contact-modal .close-button{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.contact-modal .close-button:hover{background-color:#f5f5f5;color:#1a1a1a}.contact-modal .contact-form{background:#fafafa;flex:1 1;overflow-y:auto;padding:0}.contact-modal .error-text{background:#fff;border-bottom:1px solid #f0f0f0;color:#dc3545;font-size:14px;margin:0;padding:16px 24px}.contact-modal .form-section{background:#fff!important;border:none!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;padding:24px!important}.contact-modal .form-section:last-of-type{border-bottom:none!important}.contact-modal .section-title{align-items:center;color:#666;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.contact-modal .form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.contact-modal .form-group:last-child{margin-bottom:0}.contact-modal .form-group label{color:#999;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.contact-modal .form-control,.contact-modal input[type=email],.contact-modal input[type=tel],.contact-modal input[type=text],.contact-modal select,.contact-modal textarea{background-color:#fafafa;border:1px solid #e5e5e5;border-radius:8px;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px;padding:12px 14px;transition:all .2s;width:100%}.contact-modal .form-control:focus,.contact-modal input:focus,.contact-modal select:focus,.contact-modal textarea:focus{background-color:#fff;border-color:#3b82f6;outline:none}.contact-modal .form-control::placeholder,.contact-modal input::placeholder,.contact-modal textarea::placeholder{color:#999}.contact-modal textarea{line-height:1.5;min-height:80px;resize:vertical}.contact-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.contact-modal .form-row .form-group{margin-bottom:0}.contact-modal .checkbox-container{align-items:center;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:10px;position:relative;-webkit-user-select:none;user-select:none}.contact-modal .checkbox-container input[type=checkbox]{accent-color:#10b981;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;height:18px;width:18px}.contact-modal .checkbox-text{align-items:center;display:flex;gap:6px}.contact-modal-actions{align-items:center;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;flex-direction:row;gap:12px;justify-content:flex-end;padding:20px 24px}.contact-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s;white-space:nowrap}.contact-modal-btn svg{font-size:18px}.contact-modal-btn:disabled{cursor:not-allowed;opacity:.6}.contact-modal-btn-primary{background-color:#10b981;border:1px solid #10b981;color:#fff}.contact-modal-btn-primary:hover:not(:disabled){background-color:#059669;border-color:#059669}.contact-modal-btn-secondary{background-color:#fff;border:1px solid #e5e5e5;color:#666}.contact-modal-btn-secondary:hover:not(:disabled){background-color:#f5f5f5;border-color:#d1d5db}.contact-modal-btn-danger{background-color:#fff;border:1px solid #e5e5e5;color:#dc3545;margin-right:auto}.contact-modal-btn-danger:hover:not(:disabled){background-color:#f5f5f5;border-color:#dc3545}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:0}.contact-modal.modal-content{border-radius:0;height:100vh;margin:0;max-height:100vh;max-width:100%;overflow-y:auto;width:100%}.contact-modal .modal-header{align-items:center!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding:20px 16px 16px!important}.contact-modal .modal-header h2{flex:1 1!important;font-size:18px!important;order:1!important;text-align:left!important}.contact-modal .modal-header .close-button{flex-shrink:0!important;margin-left:auto!important;order:2!important}.contact-modal .form-section{padding:20px 16px!important}.contact-modal .form-row{gap:0;grid-template-columns:1fr}.contact-modal .form-row .form-group{margin-bottom:20px}.contact-modal-actions{align-items:stretch;flex-direction:column;flex-shrink:0;gap:8px;margin-bottom:60px;padding:12px 12px 60px}.contact-modal-btn{font-size:13px;justify-content:center;padding:8px 16px;width:100%}.contact-modal-btn-primary{order:1}.contact-modal-btn-secondary{order:2}.contact-modal-btn-danger{margin-right:0;order:3}.contact-modal .error-text{padding:12px 16px}.contact-modal .form-group{margin-bottom:8px}.contact-modal .contact-form{flex:none;overflow-y:visible;padding:12px}.contact-modal .modal-header{flex-shrink:0;padding:12px!important}.contact-modal .modal-header h2{font-size:16px!important}.contact-modal .form-control,.contact-modal input[type=email],.contact-modal input[type=tel],.contact-modal input[type=text],.contact-modal select,.contact-modal textarea{font-size:14px;padding:8px 10px}.contact-modal .contact-type-buttons,.contact-modal .source-buttons{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.contact-modal .contact-type-btn,.contact-modal .source-btn{background:#fff;border:1px solid #e5e5e5;border-radius:4px;cursor:pointer;font-size:11px;padding:4px 8px;transition:all .2s}.contact-modal .contact-type-btn:hover,.contact-modal .source-btn:hover{background:#f5f5f5}.contact-modal .form-group label{font-size:10px;margin-bottom:2px}}@media (max-width:480px){.contact-modal .form-control,.contact-modal .modal-header h2,.contact-modal input,.contact-modal select,.contact-modal textarea{font-size:16px}.contact-modal .section-title{font-size:12px}}.contacts-container{margin:0 auto;max-width:1400px;padding:24px}.contacts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.contacts-header h2{color:#333;font-size:28px;font-weight:600;margin:0}.contacts-filters{margin-bottom:24px}.search-container{max-width:400px}.search-icon{color:#666;z-index:1}.search-input{border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.add-contact-button-container{display:flex;justify-content:center;margin-bottom:24px}.add-contact-button{background:#28a745;border-radius:8px;box-shadow:0 2px 4px #28a74533;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-contact-button:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.add-contact-button:active{box-shadow:0 2px 4px #28a74533;transform:translateY(0)}.add-contact-button svg{font-size:20px}.error{border:1px solid #ef9a9a;margin-bottom:16px}.no-items{font-size:1.1rem;padding:40px}.contacts-table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.contacts-table{border-collapse:collapse;font-size:.95rem;width:100%}.contacts-table th{background-color:#f8f9fa;border:1px solid #e9ecef;color:#495057;font-size:.9rem;font-weight:600;padding:16px 12px;text-align:left}.contacts-table td{border:1px solid #e9ecef;color:#333;padding:14px 12px;vertical-align:top}.clickable-row{transition:background-color .2s}.clickable-row:hover{background-color:#f8f9fa}.contact-name-cell{max-width:200px}.contact-name-cell strong{color:#333;display:block;margin-bottom:4px}.contact-address{color:#666;font-size:.85rem;font-style:italic}.contacts-mobile-list{display:none}.contact-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:12px;padding:16px;transition:transform .2s,box-shadow .2s}.contact-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.contact-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.contact-card-name{flex:1 1}.contact-card-name strong{color:#333;display:block;font-size:1.1rem;margin-bottom:4px}.contact-type-badge{background-color:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 8px}.contact-card-company{color:#666;font-size:.9rem;margin-bottom:12px}.contact-card-details{display:flex;flex-direction:column;gap:8px}.contact-detail{display:flex;font-size:.85rem;gap:8px}.detail-label{font-weight:500;min-width:50px}.detail-value{word-break:break-word}.btn-primary{background:#2196f3}.btn-primary:hover{background:#1976d2;box-shadow:0 2px 8px #2196f34d}.btn-delete:hover{background-color:#ffebee;color:#d32f2f}.btn-text{display:inline}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.contacts-container{padding:16px}.contacts-header{align-items:flex-start;flex-direction:column;gap:16px}.contacts-header h2{font-size:24px}.add-contact-button-container{padding:0}.add-contact-button{justify-content:center;width:100%}.search-container{max-width:100%}.desktop-only{display:none}.mobile-only{display:block}.contacts-content{padding-bottom:80px}}@media (min-width:769px) and (max-width:1024px){.contacts-table{min-width:700px}.contacts-table-container{overflow-x:auto}.contact-name-cell{max-width:150px}.contacts-table td,.contacts-table th{font-size:.85rem;padding:12px 8px}}.invoice-modal{background:#fff!important;max-height:90vh;overflow-y:auto}.invoice-modal,.modal-container.invoice-modal{max-width:600px;width:90%}.invoice-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;margin-bottom:20px;padding-bottom:15px;position:relative}.invoice-modal .modal-header h3{color:#333}.invoice-modal .modal-header .btn-icon{background:#0000;border:none;color:#666;cursor:pointer;height:auto;min-width:auto;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:auto}.invoice-modal .modal-header .btn-icon:hover{background:#0000!important;opacity:.7}.invoice-modal .modal-header .btn-icon svg{color:#666}.related-order{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:.9rem;font-weight:400;margin-bottom:8px;padding:10px}.related-order-label{display:inline}.related-order .order-title,.related-order-label{color:#333;font-weight:400}.related-order .order-number{color:#999;font-weight:400;margin-left:4px}.invoice-modal h4,.invoice-modal h5{border-bottom:none;color:#666;font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:10px;margin-top:8px;padding-bottom:0;text-transform:uppercase}.order-total-display{display:none}.amount-selection{border-bottom:none;margin-bottom:0;padding-bottom:0}.amount-option{background:#0000;border:none;border-radius:0;margin-bottom:8px;padding:8px 0;transition:all .2s ease}.amount-option:hover{background-color:initial}.amount-option-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin:0;width:100%}.amount-option-label input[type=radio]{margin-right:12px;margin-top:0}.amount-option-text{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:12px;justify-content:flex-start}.due-date{color:#666;font-size:.85em;font-style:italic}.amount-option-value{color:#333;font-size:1.1em;font-weight:600}.scheduled-payments-section h5{color:#666;font-size:.9em;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.custom-amount-input{align-items:center;display:inline-flex;gap:6px;margin-top:0}.currency-symbol{font-size:.95em}.custom-amount-field{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:6px 8px;text-align:right;width:100px}.custom-amount-field:focus{border-color:#999;outline:none}.custom-amount-field:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.selected-amount-display{background:#0000;border-bottom:1px solid #f0f0f0;margin-bottom:8px;margin-top:0;padding:15px 0}.invoice-amount-value{color:#333;font-size:1.2em;font-weight:600;margin-left:8px}.modal-email-confirmation{background-color:#fff;overflow-y:auto}.email-confirmation-header{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:15px;text-align:center}.email-confirmation-header h4{color:#333;font-size:1.5rem;font-weight:600;letter-spacing:0;margin:0;text-transform:none}.email-confirmation-body{flex:1 1;margin-bottom:20px}.confirmation-info-card{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.confirmation-client{border-bottom:1px solid #ddd;margin-bottom:12px}.confirmation-client,.confirmation-row{align-items:center;display:flex;justify-content:space-between;padding:12px 0}.confirmation-row{border-bottom:1px solid #e0e0e0}.confirmation-row:last-child{border-bottom:none}.confirmation-label{color:#666;font-size:.9rem;font-weight:600}.confirmation-value{color:#333;font-size:.95rem;text-align:right}.confirmation-amount{color:#28a745;font-size:1.1rem;font-weight:600}.payment-options-summary{background:#f8f9fa;border-left:3px solid #007bff;border-radius:8px;margin-bottom:20px;padding:15px}.payment-options-summary strong{display:block;margin-bottom:10px}.payment-options-summary ul{color:#666;margin:0;padding-left:20px}.payment-options-summary li{margin-bottom:5px}.confirmation-next-steps{background:#fff3cd;border-left:3px solid #ffc107;border-radius:8px;color:#856404;margin:0;padding:15px}.confirmation-next-steps strong{display:block;margin-bottom:5px}.email-confirmation-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;padding-top:20px}.modal-notification{animation:slideIn .3s ease-out;border-radius:6px;box-shadow:0 2px 8px #0000001a;max-width:400px;padding:15px 20px;position:fixed;right:20px;top:20px;z-index:1000}.modal-notification.success{border-left:4px solid #28a745}.modal-notification.error{border-left:4px solid #dc3545}.modal-notification.warning{border-left:4px solid #ffc107}.modal-notification-message{font-size:.9rem}.square-connected-info,.square-not-connected-info{background-color:initial;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:15px;padding:15px}.square-connected-info{border-left:3px solid #28a745}.square-not-connected-info{border-left:3px solid #ffc107}.info-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.85em;font-weight:600;margin-bottom:10px;padding:4px 8px}.info-badge.success{background-color:#28a7451a;color:#28a745}.info-badge.warning{background-color:#ffc1071a;color:#ffc107}.info-badge svg{font-size:1rem;margin-right:5px}.form-section{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.form-section h4{color:#666!important}.payment-methods{border-bottom:none;border-top:none;gap:10px;margin-bottom:0;margin-top:8px;padding-bottom:0;padding-top:0}.payment-method-option{border:none!important;border-radius:0;box-shadow:none!important;padding:8px 0;transition:none}.payment-method-option,.payment-method-option:hover{background-color:initial!important;outline:none!important}.payment-method-option:hover{border:none!important;cursor:default}.payment-method-option.selected{background-color:initial!important;border:none!important;outline:none!important}.payment-method-option.disabled{cursor:not-allowed;opacity:.5}.payment-method-option.disabled .payment-method-label{cursor:not-allowed}.payment-method-option.disabled .payment-method-icon{opacity:.5}.payment-method-option.disabled input[type=radio]{cursor:not-allowed;opacity:.5}.payment-method-icon{align-items:center;border-radius:6px;display:flex;height:36px;justify-content:center;margin-right:12px;width:36px}.stripe-icon{background-color:#6772e5;color:#fff}.square-icon{background-color:#006aff;color:#fff}.other-icon{background-color:#6c757d;color:#fff}.payment-method-icon svg{font-size:18px}.payment-method-text{font-weight:500}.payment-method-icon.greyed-out{filter:grayscale(100%);opacity:.3}.payment-method-option.disabled .payment-method-text{color:#ccc!important}.payment-method-description{margin-left:48px;margin-top:6px}input[type=radio]{accent-color:#6b21a8;-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #ddd;border-radius:50%;cursor:pointer;height:20px;margin-right:12px;outline:none;position:relative;transition:all .2s ease;width:20px}input[type=radio]:checked{background-color:#fff;border-color:#6b21a8}input[type=radio]:checked:before{background-color:#6b21a8;border-radius:50%;content:"";height:10px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:10px}.form-group,.form-row,.modal-form{background-color:initial!important}.invoice-modal .error{background-color:#f8d7dae6;border-radius:6px;color:#721c24;margin-bottom:15px;padding:10px}input[type=file].form-control{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;padding:10px;transition:all .2s ease}input[type=file].form-control:hover{border-color:#999}input[type=file].form-control:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}input[type=file].form-control:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.6}.form-text{color:#666;display:block;font-size:.875rem;margin-top:.25rem}.images-preview{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-top:15px;padding:15px}.images-preview h5{color:#333;font-size:14px;font-weight:600;margin:0 0 10px}.images-grid{display:flex;flex-wrap:wrap;gap:15px}.image-item{align-items:center;display:flex;flex-direction:column;text-align:center;width:100px}.image-item img{border:1px solid #ddd;border-radius:6px;height:100px;object-fit:cover;transition:transform .2s ease;width:100px}.image-item img:hover{transform:scale(1.05)}.image-item span{color:#666;font-size:12px;margin-top:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-item svg{color:#999;height:36px;margin:30px 0;width:36px}.image-uploading-indicator{align-items:center;background-color:#e3f2fd;border-radius:4px;color:#1976d2;display:flex;font-size:13px;gap:10px;margin-top:10px;padding:8px 12px}.image-uploading-indicator .spinner{animation:spin 1s linear infinite;border:2px solid #1976d24d;border-radius:50%;border-top-color:#1976d2;height:16px;width:16px}.invoice-modal .btn-success,.invoice-modal button.btn-success{background-color:#28a745!important;border:none!important;color:#fff!important}.invoice-modal .btn-success:hover:not(:disabled),.invoice-modal button.btn-success:hover:not(:disabled){background-color:#218838!important}.modal-actions .btn-primary.btn-success{background-color:#28a745!important;color:#fff!important}.invoice-info-card{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;margin-bottom:20px;padding:20px}.invoice-info-card .invoice-form-group label{color:#666}.invoice-info-card .invoice-form-group input,.invoice-info-card .invoice-form-group select,.invoice-info-card .invoice-form-group textarea{background:#fff;border:1px solid #ddd;color:#333}.invoice-info-card .invoice-form-group input::placeholder,.invoice-info-card .invoice-form-group textarea::placeholder{color:#999}.invoice-info-card .invoice-form-group input[disabled]{background:#f9f9f9;color:#999;cursor:not-allowed}.invoice-info-card .invoice-form-group select option{background:#fff;color:#333}.invoice-icon{align-items:center;align-self:flex-start;background:#f5f5f5;border-radius:8px;display:flex;justify-content:center;padding:8px}.invoice-icon svg{color:#666;font-size:20px}.invoice-total-header{color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:3.5rem;font-weight:700}.invoice-order-info,.invoice-total-header{margin-bottom:20px;padding:20px 0;text-align:center}.invoice-order-info{border-bottom:1px solid #ddd}.invoice-order-info h4{color:#2c3e50;font-size:3rem;font-weight:600;letter-spacing:0;margin:0 0 8px;padding-top:0;text-transform:none}.invoice-order-number{color:#999;font-size:.75rem;font-weight:400;letter-spacing:1px;margin-bottom:8px}.invoice-client-type{color:#666;font-size:.85rem;margin-bottom:0}.invoice-form-group{margin-bottom:12px}.invoice-summary-card .invoice-form-group:first-of-type{margin-top:8px}.invoice-form-group label{color:#666;display:block;font-size:.75rem;font-weight:600;margin-bottom:4px}.invoice-form-group input,.invoice-form-group select,.invoice-form-group textarea{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;padding:8px 10px;width:100%}.invoice-form-group input,.invoice-form-group select,.invoice-form-group textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-weight:400!important}.invoice-form-group textarea{min-height:60px;resize:vertical}.invoice-form-group input[type=date]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:16px!important;font-weight:400!important}.invoice-form-group input::placeholder,.invoice-form-group textarea::placeholder{color:#999}.invoice-form-group select option{background:#fff;color:#333}.invoice-dates-section{margin-bottom:16px}.invoice-dates-section .invoice-form-group{margin-bottom:12px}.invoice-dates-section .invoice-form-group:last-child{margin-bottom:0}.invoice-dates-section .invoice-form-group input[type=date]{width:100%}.mobile-invoice-amount-card{display:none}.hide-on-card-view{display:none!important}.custom-create-invoice-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:100px;margin-top:20px;padding:12px 24px;transition:background-color .2s ease;width:100%}.custom-create-invoice-btn:hover:not(:disabled){background-color:#218838}.custom-create-invoice-btn:disabled{cursor:not-allowed;opacity:.6}.invoice-amount-card{background:#0000;border:none;border-radius:0;box-shadow:none;color:#333;margin-bottom:20px;padding:0 20px}.invoice-amount-card h4{color:#666!important;font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:15px!important;text-transform:uppercase}.invoice-amount-card .amount-option{background:#0000!important;border-bottom:1px solid #e0e0e0;border:none!important;border-radius:0!important;margin-bottom:0;padding:12px 0}.invoice-amount-card .amount-option:last-child{border-bottom:none}.invoice-amount-card .amount-option-label{color:#333}.invoice-amount-card .amount-option-label input[type=radio]{background:#fff!important;border-color:#ddd}.invoice-amount-card .amount-option-label input[type=radio]:checked{border-color:#6b21a8}.invoice-amount-card .amount-option-label input[type=radio]:checked:before{background-color:#6b21a8}.invoice-amount-card .amount-option-text,.invoice-amount-card .amount-option-value{color:#333}.invoice-amount-card .due-date{color:#666}.invoice-amount-card .currency-symbol{color:#333}.invoice-amount-card .custom-amount-field{background:#fff;border:1px solid #ddd;color:#333;text-align:right}.invoice-amount-card .custom-amount-field::placeholder{color:#999}.invoice-amount-card .selected-amount-display{display:none}.invoice-amount-card .invoice-amount-value{color:#333}.invoice-amount-card input[type=radio],.invoice-amount-card input[type=radio]:checked{accent-color:#6b21a8;filter:none}.invoice-amount-card .scheduled-payments-section h5{color:#666;opacity:1}@media (max-width:768px){.invoice-modal{max-width:98%!important;padding:15px!important;width:98%!important}.invoice-info-card{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.invoice-order-info,.invoice-order-info h4{margin-top:0!important;padding-top:0!important}.invoice-amount-card{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.form-section.hide-on-card-view{display:none!important}.form-section,.form-section h4{display:block!important}.form-section h4{color:#666!important;font-size:.9em!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:10px!important;margin-top:0!important;text-transform:uppercase!important}.form-section .payment-methods{display:flex!important}.invoice-modal .modal-header{align-items:center!important;background:#0000!important;border-bottom:1px solid #e0e0e0!important;box-shadow:none!important;display:flex!important;justify-content:center!important;margin-bottom:20px!important;margin-left:0!important;margin-right:0!important;padding:0 0 15px!important;position:relative!important}.invoice-modal .modal-header>div{margin-left:0!important}.invoice-modal .modal-header .btn-icon{margin-right:0!important;position:absolute!important;right:0!important;top:0!important}.invoice-modal .modal-header h3{font-size:1.2rem!important;font-weight:600!important;margin:0!important;text-align:center!important}.invoice-modal{max-height:95vh;padding:20px;width:95%}.invoice-total-header{font-size:2.5rem}.invoice-order-info h4{font-size:2rem}.mobile-invoice-amount-card .amount-option-text{align-items:center!important;flex-direction:row!important}.mobile-invoice-amount-card .custom-amount-input{width:auto!important}.form-section .amount-selection,.form-section .selected-amount-display{background:#fff}.invoice-modal .modal-actions .btn{font-size:.95rem!important;height:auto!important;padding:12px 20px!important}.invoice-modal .modal-actions{margin-top:20px}.email-confirmation-actions{flex-direction:column;gap:10px;width:100%}.email-confirmation-actions button{justify-content:center;width:100%}.amount-option-text{align-items:center;flex-direction:row;gap:8px}.custom-amount-input{display:inline-flex}.custom-amount-field{width:100px}.payment-methods{gap:8px}.payment-method-option{padding:10px}.payment-method-icon{height:32px;margin-right:10px;width:32px}.payment-method-icon svg{font-size:16px}.payment-method-description{font-size:.8rem;margin-left:42px}.amount-option{padding:10px}.images-grid{gap:10px}.image-item{width:80px}.image-item img{height:80px;width:80px}.modal-notification{left:10px;max-width:none;right:10px;top:10px}}.pdf-viewer-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:100%;padding:20px;text-align:center}.pdf-viewer-title{color:#333;font-size:1.5rem;margin-bottom:20px}.pdf-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.spinner{animation:spin 1s ease-in-out infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#2193b0;height:40px;margin-bottom:15px;width:40px}.pdf-error{background-color:#f8d7da;border-radius:4px;color:#dc3545;margin-bottom:20px;padding:15px;text-align:left}.pdf-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}.pdf-preview{border:1px solid #ddd;border-radius:4px;margin:20px 0;overflow:hidden}.btn{justify-content:center}.btn-primary{background-color:#2193b0}.btn-primary:hover{background-color:#1a7a8e}.btn-secondary{background-color:#f8f9fa;border:1px solid #ddd}.btn-secondary:hover{background-color:#e9ecef}.btn-link{background:none;color:#6c757d;margin-top:10px;padding:5px}.btn-link:hover{color:#343a40}.download-icon,.preview-icon,.print-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;margin-right:8px;width:16px}.download-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z'/%3E%3C/svg%3E")}.preview-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z'/%3E%3C/svg%3E")}.print-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23333'%3E%3Cpath d='M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z'/%3E%3C/svg%3E")}.payment-modal{background:#fff!important;max-height:90vh;overflow-y:auto}.modal-container.payment-modal,.payment-modal{max-width:600px;width:90%}.payment-modal h4{border-bottom:none;color:#666;font-size:.9em;font-weight:600;letter-spacing:.5px;margin-bottom:10px;margin-top:20px;padding-bottom:0;text-transform:uppercase}.payment-details-card,.payment-info-card,.payment-method-card{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;margin-bottom:20px;padding:20px}.info-item{border-bottom:1px solid #e0e0e0;margin-bottom:8px;padding:8px 0}.info-item:last-child{margin-bottom:0}.info-item .label,.info-item .value{color:#333!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:1rem!important;font-weight:500!important}.info-item .value{text-align:right}.info-item.error-text .value{color:#333!important;font-size:.85em!important}.amount-row{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.amount-row:last-child,.amount-row:nth-child(3){border-bottom:none}.amount-row.input-row{border-bottom:none;border-top:none;margin:10px 0;padding:15px 0}.amount-label,.amount-value{color:#333;font-weight:500}.amount-input-container{align-items:center;display:flex;position:relative}.currency-symbol{color:#333;left:10px}.amount-input{background:#fff;border:1px solid #ddd;color:#333;font-size:1em;font-weight:500;padding-left:25px!important;text-align:right;width:120px}.amount-input::placeholder{color:#999}.amount-input::-webkit-inner-spin-button,.amount-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-input[type=number]{-moz-appearance:textfield}.payment-status-preview{align-items:center;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-top:15px;padding:10px 0}.status-label{color:#333;font-weight:500}.status-badge{align-items:center;display:inline-flex;font-size:.9rem;gap:5px;padding:5px 10px}.status-badge.paid{background-color:#28a74533;border:1px solid #28a74566;color:#28a745}.status-badge.partial{background-color:#ffc10733;border:1px solid #ffc10766;color:#d39e00}.status-badge.unpaid{background-color:#dc354533;border:1px solid #dc354566;color:#dc3545}.payment-form-group{margin-bottom:15px}.payment-form-group label{color:#666;display:block;font-size:.9rem;font-weight:500;margin-bottom:5px}.payment-form-group .form-control,.payment-method-card .form-control{background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-size:.9rem;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.payment-form-group .form-control:focus,.payment-method-card .form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.payment-form-group .form-control::placeholder,.payment-method-card .form-control::placeholder{color:#999}textarea.form-control{min-height:80px;resize:vertical}.modal-actions{display:none!important}.custom-record-payment-btn{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:100px;margin-top:20px;padding:12px 24px;transition:background-color .2s ease;width:100%}.custom-record-payment-btn:hover:not(:disabled){background-color:#218838}.custom-record-payment-btn:disabled{cursor:not-allowed;opacity:.6}.btn{border:1px solid #0000;border-radius:.25rem;font-weight:400;gap:5px;line-height:1.5;padding:.375rem .75rem;text-align:center;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:disabled{opacity:.65}.btn-icon{border:none;border-radius:.2rem;color:#6c757d;font-size:1.25rem;line-height:1;padding:.25rem}.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545;margin-bottom:15px;padding:10px 15px}.modal-notification{animation:fadeIn .3s ease-in-out;border-radius:5px;margin-bottom:20px;padding:12px 15px}.modal-notification.success{background-color:#28a7451a;border-left:5px solid #28a745cc;color:#28a745}.modal-notification.error{background-color:#dc35451a;border-left:5px solid #dc3545cc;color:#dc3545}.modal-notification.warning{background-color:#ffc1071a;border-left:5px solid #ffc107cc;color:#ffc107}.modal-notification-title{font-weight:700;margin-bottom:5px}.modal-container{border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:95vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e0e0e0;box-shadow:none!important;margin-bottom:20px;position:relative}.payment-modal .modal-header{position:relative!important;position:static!important}.modal-header h3{font-size:1.3rem;font-weight:500}.modal-header .btn-icon{align-items:center;background:#0000;border:none;color:#333;cursor:pointer;display:flex;height:auto;justify-content:center;min-width:auto;padding:8px;position:relative;width:auto}.modal-header .btn-icon:hover{background:#0000!important;opacity:.7}.modal-header .btn-icon svg{color:#333;font-size:24px}.payment-icon{align-items:center;align-self:flex-start;background:#e3f2fd;border-radius:8px;display:flex;justify-content:center;padding:8px}.payment-icon svg{color:#4a7fc5;font-size:20px}.modal-form{padding:20px}@media (max-width:576px){.payment-modal{width:95%}.modal-header{box-shadow:none!important;padding:100px 20px 15px;position:static!important}.modal-actions{flex-direction:column-reverse}.btn{width:100%}.amount-row{gap:5px}.amount-row,.amount-row.input-row{align-items:flex-start;flex-direction:column}.amount-input-container{margin-top:5px;width:100%}.amount-input{width:100%}.payment-status-preview{flex-direction:column;gap:10px}}.square-checkout-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:20px;padding:15px}.square-checkout-section h4{color:#2c3e50;font-size:1.1rem;font-weight:500;margin:0 0 15px}.btn-square{align-items:center;background-color:#006aff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;justify-content:center;padding:12px;transition:background-color .2s ease;width:100%}.btn-square:hover{background-color:#05c}.btn-square:disabled{background-color:#99c3ff;cursor:not-allowed}.btn-square svg{font-size:1.2rem}.checkout-link-container{margin-top:10px}.checkout-url{display:flex;margin-bottom:15px}.checkout-url-input{background-color:#fff;border:1px solid #ced4da;border-radius:4px 0 0 4px;color:#495057;flex-grow:1;font-size:.9rem;padding:10px 12px}.btn-copy{background-color:#e9ecef;border:1px solid #ced4da;border-left:none;border-radius:0 4px 4px 0;color:#495057;cursor:pointer;padding:10px;transition:background-color .2s ease}.btn-copy:hover{background-color:#dee2e6}.checkout-actions{display:flex;gap:10px}.btn-email,.btn-link{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:5px;justify-content:center;padding:10px;text-decoration:none;transition:all .2s ease}.btn-email{background-color:#28a745;border:none;color:#fff}.btn-email:hover{background-color:#218838}.btn-link{background-color:#17a2b8;border:none;color:#fff}.btn-link:hover{background-color:#138496}@media (max-width:576px){.checkout-actions{flex-direction:column}.btn-email,.btn-link{width:100%}}.modal-overlay .modal-container.order-modal,.order-modal,div.order-modal{background:#fafafa!important}.order-modal .modal-header{align-items:center;background-color:#fafafa;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;padding:20px}.modal-header-actions{align-items:center;display:flex;gap:10px}.order-modal .btn-convert-footer{align-items:center!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:10px 20px!important;text-decoration:none!important;transition:all .2s ease!important}.order-modal .btn-convert-footer:hover{background-color:#28a745!important;border-color:#28a745!important;box-shadow:0 2px 8px #28a74533!important;color:#fff!important;transform:translateY(-1px)!important}.order-modal .btn-convert-footer:hover svg{color:#fff!important}.order-modal .btn-convert-footer svg{font-size:18px!important}.duplicate-banner{align-items:center;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;color:#856404;display:flex;gap:10px;margin-bottom:20px;margin-left:20px;margin-right:20px;padding:12px 16px}.duplicate-banner svg{font-size:20px}.order-modal .type-selector{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.type-option{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:15px 20px;position:relative;transition:all .2s}.type-option:hover{background-color:#f8f9fa;border-color:#999}.type-option input[type=radio]:checked+.type-label{color:#1976d2}.type-option:has(input[type=radio]:checked){background-color:#e3f2fd;border-color:#1976d2;color:#1976d2}.type-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.type-label{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px;pointer-events:none}.type-label svg{font-size:24px}.type-option:has(input[value=order]).selected{background-color:#e3f2fd;border-color:#1976d2;color:#1976d2}.type-option:has(input[value=quote]).selected{background-color:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2}.order-modal .form-section{background-color:#fff;border:none;border-bottom:1px solid #f0f0f0;margin:0;padding:20px}.order-modal .form-section:first-of-type{background-color:initial!important;border-bottom:none!important;padding-bottom:0}.form-section:first-child{padding-top:0}.form-section:last-child{padding-bottom:0}.form-section h4{font-size:18px;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#555;margin-bottom:6px}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.order-modal .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.order-modal .form-row.three-col{grid-template-columns:1fr}.client-search-container{position:relative}.client-input-group{display:flex;gap:8px}.add-contact-button{align-items:center;background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:background-color .2s}.add-contact-button:hover{background-color:#218838}.client-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.client-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px 12px}.client-option:hover{background-color:#f8f9fa}.client-name{color:#333;font-weight:500}.client-details{color:#666;font-size:12px;margin-top:2px}.order-modal .radio-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.radio-option{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:15px 20px;position:relative;transition:all .2s}.radio-option:hover{background-color:#f8f9fa;border-color:#999}.radio-option input[type=radio]:checked+.radio-label{color:#1976d2}.radio-option:has(input[type=radio]:checked){background-color:#e3f2fd;border-color:#1976d2;color:#1976d2}.radio-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.radio-label{align-items:center;display:flex;font-size:16px;font-weight:500;gap:8px;pointer-events:none}.radio-label svg{font-size:24px}.line-items{margin-top:20px}.line-items-empty{background-color:#f8f9fa;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.line-items-buttons{display:flex;gap:10px;justify-content:center;margin-top:20px}.line-item{background-color:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.line-item-header{align-items:center;color:#333;display:flex;font-weight:500;justify-content:space-between;margin-bottom:15px}.order-modal .btn{align-items:center!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:10px 20px!important;text-decoration:none!important;transition:all .2s ease!important}.order-modal .btn:disabled{cursor:not-allowed!important;opacity:.6!important}.order-modal .btn-primary{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.order-modal .btn-primary:hover:not(:disabled){background-color:#28a745!important;border-color:#28a745!important;box-shadow:0 2px 8px #28a74533!important;color:#fff!important;transform:translateY(-1px)!important}.order-modal .btn-primary:hover svg{color:#fff!important}.order-modal .btn-secondary{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.order-modal .btn-secondary:hover{background-color:#28a745!important;border-color:#28a745!important;box-shadow:0 2px 8px #28a74533!important;color:#fff!important;transform:translateY(-1px)!important}.order-modal .btn-secondary:hover svg{color:#fff!important}.order-modal-quote-convert.modal-container .btn-icon,.order-modal-quote-convert.modal-container .btn-icon:hover,.order-modal-quote-convert.modal-container .modal-header .btn-icon,.order-modal-quote-convert.modal-container .modal-header .btn-icon:hover,.order-modal-quote-convert.modal-container .modal-header-actions .btn-icon,.order-modal-quote-convert.modal-container .modal-header-actions .btn-icon:hover{background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important}.btn-edit{color:#007bff}.btn-delete{color:#dc3545}.btn-add-item,.btn-quick-add{background-color:initial;border:1px solid #007bff;color:#007bff}.btn-add-item:hover,.btn-quick-add:hover{background-color:#007bff;color:#fff}.totals-display{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px 20px}.total-line{color:#555;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.total-line:last-child{margin-bottom:0}.total-final{border-top:1px solid #dee2e6;color:#333;font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.checkbox-label{font-size:14px}.order-modal .modal-actions{background-color:#fff!important;border-top:1px solid #e8e8e8!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:flex-end!important;padding:24px!important}.modal-notification{align-items:flex-start;border-radius:4px;display:flex;margin:0 20px 20px;padding:12px 16px}.modal-notification.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.modal-notification.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.modal-notification.warning{background-color:#fff3cd;border:1px solid #ffeeba;color:#856404}.modal-notification-title{font-weight:600;margin-bottom:4px}.modal-notification-message{font-size:14px;margin:0}.invoices-list,.payments-list{margin-top:15px}.invoice-list-item,.payment-list-item{align-items:center;background-color:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px 16px;transition:all .2s}.invoice-list-item:hover,.payment-list-item:hover{background-color:#e9ecef}.invoice-info,.payment-info{align-items:center;display:flex;flex:1 1;gap:12px}.invoice-icon,.payment-icon{color:#666;font-size:20px}.invoice-number,.payment-amount{color:#333;font-weight:500}.invoice-date,.payment-date{color:#666;font-size:13px}.invoice-amount,.payment-method{color:#333;font-weight:500}.payment-summary{background-color:#f8f9fa;border-radius:6px;padding:15px}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px}.summary-item .label{color:#666}.summary-item .value{color:#333;font-weight:500}.summary-item .value.paid{color:#28a745}.summary-item .value.owing{color:#dc3545}.confirm-modal .modal-body{padding:20px}.confirm-modal .modal-body p{line-height:1.5;margin-bottom:10px}.loading,.no-items{color:#666;padding:30px 20px;text-align:center}.error{margin:0 20px 20px}.pricing-summary-bottom{background-color:#f8f9fa;border-top:none;bottom:0;margin:0 -20px;padding:20px;position:-webkit-sticky;position:sticky;z-index:10}.form-section.pricing-summary-bottom{background-color:#f8f9fa!important;margin:0 -20px;padding:20px}.pricing-totals{background:none;border-radius:0;box-shadow:none;margin:0;max-width:100%;padding:0}.pricing-line{align-items:center;color:#666;display:flex;font-size:14px;font-weight:400;justify-content:space-between;padding:8px 0}.pricing-line.pricing-total{border-top:none;color:#666;font-size:14px;font-weight:400;margin-top:0;padding-top:8px}.pricing-line .pricing-amount,.pricing-line .pricing-label{color:#666;font-weight:400}.form-control[type=number]{-moz-appearance:textfield}.form-control[type=number]::-webkit-inner-spin-button,.form-control[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.totals-display .total-line{color:#666;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.totals-display .total-line.total-final{border-top:2px solid #e9ecef;color:#333;font-size:16px;font-weight:600;margin-top:8px;padding-top:12px}.form-group label[for=estimatedHours],.form-group label[for=hourlyRate]{color:#666;font-size:14px}.detail-row .detail-input[type=number]{font-size:14px;padding:4px 8px;width:120px}.delivery-method-selector{display:flex;gap:15px;margin-top:8px}.delivery-method-option{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;flex:1 1;gap:8px;justify-content:center;padding:15px 20px;position:relative;transition:all .2s}.delivery-method-option:hover{background-color:#f8f9fa;border-color:#999}.delivery-method-option.selected{background-color:#e3f2fd;border-color:#1976d2;color:#1976d2}.delivery-method-option input[type=radio]{height:0;opacity:0;position:absolute;width:0}.delivery-method-option svg{font-size:24px}.delivery-method-option span{font-size:16px;font-weight:500}@media (max-width:768px){.modal-overlay .modal-container.order-modal,.order-modal{margin:10px auto;max-height:95vh;max-width:100%!important;min-width:auto!important;width:95vw!important}.form-row,.form-row.three-col{grid-template-columns:1fr}.radio-group,.type-selector{flex-direction:column}.radio-group{gap:10px}.pricing-totals{margin:0;max-width:100%;padding:12px}.pricing-line{font-size:13px;padding:6px 0}.pricing-line.pricing-total{font-size:18px;padding-top:12px}}@media (max-width:480px){.modal-overlay .modal-container.order-modal,.order-modal{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;width:100vw!important}.form-section,.modal-actions,.modal-header{padding:15px}.form-section.pricing-summary-bottom,.pricing-summary-bottom{margin:0 -15px;padding:15px}}.modal-overlay .modal-container.order-modal,.order-modal,div.order-modal{background-color:#fff!important;max-height:90vh;max-width:550px!important;min-width:320px!important;overflow-y:auto;width:90vw!important}.order-modal .form-sections,.order-modal .modal-body,.order-modal .modal-content,.order-modal .modal-form{background-color:initial!important;border:none!important;box-shadow:none!important}.order-modal .images-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:12px!important}.order-modal .image-item{aspect-ratio:4/3!important;background:#f5f5f5!important;border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;cursor:pointer!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.order-modal .image-item:hover{box-shadow:0 4px 16px #0000001f!important;transform:translateY(-2px)!important}.order-modal .image-item img{border-radius:0!important;height:100%!important;margin:0!important;object-fit:cover!important;width:100%!important}.order-modal .images-preview{background:#0000!important;border:none!important;padding:0!important}@media (max-width:768px){.order-modal .modal-actions{background:#fff!important;flex-direction:column!important;gap:10px!important;padding:16px!important;position:static!important}.order-modal .modal-actions .btn,.order-modal .modal-actions .btn-convert-footer,.order-modal .modal-actions .btn-primary,.order-modal .modal-actions .btn-secondary{display:flex!important;justify-content:center!important;text-decoration:none!important;width:100%!important}.order-modal .images-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.order-modal .images-grid{grid-template-columns:1fr!important}}.order-modal-quote-convert{max-width:900px!important}.order-modal-quote-convert,.order-modal-quote-convert.modal-container{background:#fff!important;overflow-x:hidden!important}.order-modal-quote-convert .modal-header{background:#fff!important;border-bottom:none!important;padding:24px 32px 20px!important;position:static!important}.order-modal-quote-convert .modal-header h3{color:#1a1a1a!important;font-size:20px!important;font-weight:600!important;margin:0!important}.order-modal-quote-convert .btn-icon,.order-modal-quote-convert .modal-header-actions .btn-icon{display:none!important}.order-modal-quote-convert .btn-icon:hover,.order-modal-quote-convert .modal-header-actions .btn-icon:hover{background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#1a1a1a!important;transform:none!important}.order-modal-quote-convert .modal-body,.order-modal-quote-convert .modal-form{background:#fff!important;overflow-x:hidden!important;padding:0!important}.order-modal-quote-convert .modal-notification{animation:slideDown .3s ease-out!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-size:16px!important;font-weight:500!important;margin:20px 24px!important;padding:16px 20px!important}.order-modal-quote-convert .modal-notification.success{background-color:#28a745!important;border:none!important;color:#fff!important}.order-modal-quote-convert .modal-notification-title{color:#fff!important;font-size:18px!important;font-weight:600!important;margin-bottom:4px!important}.order-modal-quote-convert .modal-notification-message{color:#fffffff2!important;font-size:14px!important}.order-modal-quote-convert>form{background:#fff!important;overflow-x:hidden!important}.order-modal-quote-convert .modal-form>*{background:#0000!important}.order-modal-quote-convert .form-section{background:#fff!important;border:none!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;padding:24px 32px!important}.order-modal-quote-convert .form-section:last-of-type{border-bottom:none!important}.order-modal-quote-convert .form-section h4{background:#0000!important;color:#1a1a1a!important;font-size:16px!important;font-weight:600!important;margin:0 0 20px!important;padding:0!important}.order-modal-quote-convert .form-section .form-group{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.order-modal-quote-convert .form-section input,.order-modal-quote-convert .form-section select,.order-modal-quote-convert .form-section textarea{box-sizing:border-box!important;width:100%!important}.order-modal-quote-convert .section-header{background:#0000!important;margin:0!important;padding:0!important}.order-modal-quote-convert .section-header h4{margin:0 0 16px!important;padding:0!important}.order-modal-quote-convert .line-items,.order-modal-quote-convert .line-items-container,.order-modal-quote-convert .line-items-table{background:#0000!important;margin-left:0!important;margin-right:0!important}.order-modal-quote-convert .pricing-summary-bottom{background:#fff!important;border-bottom:1px solid #f0f0f0!important;margin:0!important;padding:24px 32px!important}.order-modal-quote-convert .pricing-line,.order-modal-quote-convert .pricing-totals{margin:0!important;padding:0!important}.order-modal-quote-convert .checkbox-group,.order-modal-quote-convert .radio-group{padding-left:0!important;padding-right:0!important}.order-modal-quote-convert .modal-actions{align-items:center!important;background:#fff!important;border-top:1px solid #e8e8e8!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;justify-content:flex-end!important;padding:24px 32px!important}.order-modal-quote-convert .btn,.order-modal-quote-convert .btn-convert-footer,.order-modal-quote-convert .btn-primary,.order-modal-quote-convert .btn-secondary{align-items:center!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:10px 20px!important;text-decoration:none!important;transition:all .2s ease!important}.order-modal-quote-convert .btn:disabled{cursor:not-allowed!important;opacity:.6!important}.order-modal-quote-convert .btn-convert-footer:hover,.order-modal-quote-convert .btn-primary:hover:not(:disabled),.order-modal-quote-convert .btn-secondary:hover:not(:disabled),.order-modal-quote-convert .btn:hover:not(:disabled){background:#28a745!important;border-color:#28a745!important;box-shadow:0 2px 8px #28a74533!important;color:#fff!important;transform:translateY(-1px)!important}.order-modal-quote-convert .btn-convert-footer:hover svg,.order-modal-quote-convert .btn-primary:hover svg,.order-modal-quote-convert .btn-secondary:hover svg,.order-modal-quote-convert .btn:hover svg{color:#fff!important}.order-modal-quote-convert .images-grid{grid-gap:12px!important;display:grid!important;gap:12px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:12px!important}.order-modal-quote-convert .image-item{aspect-ratio:4/3!important;background:#f5f5f5!important;border-radius:12px!important;box-shadow:0 2px 8px #00000014!important;cursor:pointer!important;overflow:hidden!important;position:relative!important;transition:all .3s ease!important;width:100%!important}.order-modal-quote-convert .image-item:hover{box-shadow:0 4px 16px #0000001f!important;transform:translateY(-2px)!important}@media (max-width:768px){.order-modal-quote-convert{overflow-x:hidden!important}.order-modal-quote-convert .modal-header{padding:20px 20px 16px!important;position:static!important}.order-modal-quote-convert .modal-header h3{font-size:18px!important}.order-modal-quote-convert .btn-icon,.order-modal-quote-convert .btn-icon:hover,.order-modal-quote-convert .modal-header-actions .btn-icon,.order-modal-quote-convert .modal-header-actions .btn-icon:hover{background:none!important;background-color:initial!important;border:none!important}.order-modal-quote-convert .form-section,.order-modal-quote-convert .pricing-summary-bottom{padding:20px!important}.order-modal-quote-convert .modal-actions{background:#fff!important;flex-direction:column!important;gap:10px!important;padding:16px 20px calc(120px + env(safe-area-inset-bottom))!important;position:static!important}.order-modal-quote-convert .modal-actions .btn,.order-modal-quote-convert .modal-actions .btn-convert-footer,.order-modal-quote-convert .modal-actions .btn-primary,.order-modal-quote-convert .modal-actions .btn-secondary{display:flex!important;justify-content:center!important;margin-bottom:0!important;width:100%!important}.order-modal-quote-convert .modal-actions .btn-convert-footer:last-child,.order-modal-quote-convert .modal-actions .btn:last-child{margin-bottom:60px!important}.order-modal-quote-convert .images-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.order-modal-quote-convert{overflow-x:hidden!important}.order-modal-quote-convert .modal-header{padding:16px 16px 12px!important;position:static!important}.order-modal-quote-convert .modal-header h3{font-size:16px!important}.order-modal-quote-convert .btn-icon,.order-modal-quote-convert .btn-icon:hover,.order-modal-quote-convert .modal-header-actions .btn-icon,.order-modal-quote-convert .modal-header-actions .btn-icon:hover{background:none!important;background-color:initial!important;border:none!important}.order-modal-quote-convert .form-section,.order-modal-quote-convert .pricing-summary-bottom{padding:16px!important}.order-modal-quote-convert .images-grid{gap:8px!important;grid-template-columns:1fr!important}.order-modal-quote-convert .modal-actions{padding:12px 16px calc(120px + env(safe-area-inset-bottom))!important}.order-modal-quote-convert .modal-actions .btn-convert-footer:last-child,.order-modal-quote-convert .modal-actions .btn:last-child{margin-bottom:60px!important}}@media (max-width:768px){.modal-overlay{-webkit-overflow-scrolling:touch;background-color:#00000080;bottom:0;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:9999}.modal-container.quick-add-modal{background-color:#fff;border-radius:0;display:flex;flex-direction:column;margin:0;max-width:100%!important;min-height:100vh;position:relative;width:100%!important}.quick-add-modal .product-details-form,.quick-add-modal .product-type-grid{background-color:#fff;padding-bottom:300px}.quick-add-modal .product-details-form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.quick-add-modal .price-section{margin-bottom:20px}.quick-add-modal .total-row{background:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 10px #0000001a;gap:12px;left:0;min-height:140px;padding:16px 20px calc(env(safe-area-inset-bottom, 20px) + 70px);position:fixed;right:0;z-index:10000}.quick-add-modal .btn-add-product{font-size:16px;min-height:48px}}.quick-add-modal{border-radius:12px;box-shadow:0 5px 15px #0003;max-width:500px!important;width:500px!important}.modal-container.quick-add-modal{background-color:#fff;max-width:500px!important;width:500px!important}.quick-add-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;box-shadow:none!important;display:flex;justify-content:center;margin-bottom:20px;min-height:60px;padding:20px;position:relative}.quick-add-modal .modal-header .header-title{display:block!important;left:auto!important;position:static!important;text-align:center!important;top:auto!important;transform:none!important;width:100%!important}.quick-add-modal .modal-header h3{color:#333!important;font-size:18px!important;font-weight:500!important;margin:0!important;position:static!important;text-align:center!important}.quick-add-modal .modal-header .back-button{background:#0000!important;border:none!important;color:#666!important;cursor:pointer!important;left:10px!important;padding:4px!important;position:absolute!important;top:20px!important;transform:none!important;z-index:10!important}.quick-add-modal .back-button:hover{background:#0000!important;opacity:.7!important}.quick-add-modal .modal-header .btn-icon{background:#0000!important;border:none!important;color:#666!important;cursor:pointer!important;height:auto!important;min-width:auto!important;padding:4px!important;position:absolute!important;right:10px!important;top:20px!important;transform:none!important;width:auto!important;z-index:10!important}.quick-add-modal .modal-header .btn-icon:hover{background:#0000!important;opacity:.7!important}.header-icon{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;justify-content:center;padding:8px}.header-icon svg{color:#4a7fc5;font-size:20px}.product-type-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:20px}.product-type-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:15px 10px;transition:all .2s}.product-type-item:hover .product-type-icon svg{transform:scale(1.1);transition:transform .2s ease}.product-type-item:hover .product-type-label{color:#333;transition:color .2s ease}.product-type-icon{align-items:center;background-color:#f5f5f5;border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:10px;width:60px}.product-type-icon img{height:100%;object-fit:contain;width:100%}.icon-placeholder{align-items:center;background-color:#f0f0f0;border-radius:50%;color:#666;display:flex;font-size:24px;height:60px;justify-content:center;width:60px}.product-type-label{color:#666;font-size:16px;text-align:center}.product-details-form{padding:15px 20px}.form-group{margin-bottom:15px}.form-row{display:flex;gap:15px;margin-bottom:10px}.form-row .form-group{flex:1 1}label{color:#888;display:block;font-size:13px;font-weight:400;margin-bottom:5px}.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border-radius:6px;padding:10px 12px}.form-control:focus{border-color:#4a3267;box-shadow:0 0 0 2px #4a32671a;outline:none}.btn-add-tier{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;justify-content:center;margin-bottom:20px;margin-top:5px;padding:8px 15px}.price-section,.total-row{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.total-row{align-items:center}.total-label{color:#333;font-size:16px;font-weight:500}.btn-add-product{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.modal-placeholder{padding:40px 20px;text-align:center}.modal-placeholder h3{color:#666;margin-bottom:20px}.select-with-add{align-items:flex-end;display:flex;gap:8px}.select-with-add .form-control{flex:1 1}.btn-add-option{align-items:center;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#4a3267;cursor:pointer;display:flex;height:36px;justify-content:center;margin-bottom:0;min-width:36px;padding:0}.btn-add-option:hover{background-color:#e9e9e9}.add-option-input-container{display:flex;flex-direction:column;width:100%}.add-option-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn-add-option-confirm{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.btn-add-option-cancel{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:6px 12px}.tiers-section{margin-top:20px}.tiers-section h4{color:#333;font-size:16px;font-weight:500;margin:0 0 15px}.tier-item{border-top:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;padding-top:20px}.tier-item:last-child{margin-bottom:0;padding-bottom:0}.tier-item h5{color:#555;font-size:15px;font-weight:500;margin:0 0 15px}.error-message{border-left:3px solid #d32f2f;font-size:13px;justify-content:space-between;padding:10px 15px}.btn-clear-error,.error-message{align-items:center;color:#d32f2f;display:flex}.btn-clear-error{background:none;border:none;cursor:pointer;padding:0}@media (max-width:768px){.product-type-grid{grid-template-columns:repeat(2,1fr)}.quick-add-modal .modal-header .back-button{display:none!important}.quick-add-modal .form-row{align-items:flex-end!important;display:flex!important;flex-direction:row!important;gap:8px!important;margin-bottom:10px!important}.quick-add-modal .form-row .form-group{flex:1 1!important;margin-bottom:0!important;min-width:0!important}.quick-add-modal .form-row .form-group input,.quick-add-modal .form-row .form-group select{width:100%!important}.quick-add-modal .btn-add-option{align-items:center!important;background-color:#f5f5f5!important;border:1px solid #ddd!important;border-radius:4px!important;color:#666!important;display:flex!important;flex:0 0 44px!important;flex-shrink:0!important;font-size:14px!important;height:44px!important;justify-content:center!important;margin:0!important;max-width:44px!important;min-width:44px!important;padding:8px!important;width:44px!important}.quick-add-modal .btn-add-option svg{font-size:20px!important;margin:0!important}.quick-add-modal .product-details-form>.form-row:first-child,.quick-add-modal .product-details-form>.form-row:nth-child(2){flex-wrap:nowrap!important}.quick-add-modal .product-details-form>.form-row:first-child .form-group,.quick-add-modal .product-details-form>.form-row:nth-child(2) .form-group{flex:1 1!important;max-width:none!important;min-width:0!important;width:auto!important}.quick-add-modal .product-details-form>.form-row:first-child .btn-add-option,.quick-add-modal .product-details-form>.form-row:nth-child(2) .btn-add-option{flex:0 0 44px!important;margin-top:0!important;max-width:44px!important;width:44px!important}.quick-add-modal .btn-add-tier{align-items:center!important;background-color:#4caf50!important;border-radius:4px!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;height:42px!important;justify-content:center!important;margin-bottom:0!important;margin-top:0!important;min-width:auto!important;padding:8px 12px!important;width:auto!important}.quick-add-modal .btn-add-tier svg{font-size:20px!important;margin:0!important}.quick-add-modal .total-row{flex-direction:column;gap:15px}.quick-add-modal .btn-add-product{font-size:16px!important;height:50px!important;padding:12px 20px!important;width:100%!important}}.select-wrapper{flex:1 1;position:relative}.option-actions{align-items:center;display:flex;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.btn-delete-option{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.btn-delete-option:hover{color:#dc3545}.select-wrapper .form-control{padding-right:55px}.delete-confirm-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-confirm-dialog{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:300px;padding:20px;width:90%}.delete-confirm-dialog p{color:#333;font-size:14px;margin:0 0 20px;text-align:center}.delete-confirm-actions{display:flex;gap:10px;justify-content:center}.btn-confirm-delete{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px}.btn-confirm-delete:hover{background-color:#b71c1c}.btn-cancel-delete{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;padding:8px 16px}.btn-cancel-delete:hover{background-color:#e9e9e9}.tier-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tier-header h5{color:#333;font-size:16px;font-weight:600;margin:0}.btn-delete-tier{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.btn-delete-tier:hover{color:#dc3545}.btn-delete-tier svg{font-size:18px}.supply-dropdown-container,.tier-item{position:relative}.supply-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s;width:100%}.supply-search-input:focus{border-color:#4caf50;outline:none}.supply-dropdown-menu{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 6px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.supply-dropdown-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:10px 12px;transition:background-color .2s}.supply-dropdown-item:last-child{border-bottom:none}.supply-dropdown-item.selected,.supply-dropdown-item:hover{background-color:#f5f5f5}.supply-dropdown-item.active{background-color:#e8f5e9}.supply-dropdown-item.no-results{color:#999;cursor:default;text-align:center}.supply-dropdown-item.no-results:hover{background-color:initial}.supply-name{color:#333;font-weight:500;margin-bottom:2px}.supply-details{color:#666;font-size:12px}.supply-dropdown-menu::-webkit-scrollbar{width:8px}.supply-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1}.supply-dropdown-menu::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.supply-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#555}.orders-container{background:#fff!important;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.orders-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.orders-header h1{color:#333;font-size:28px;margin:0}.orders-calendar-section{grid-gap:20px;background:#0000;border-bottom:1px solid #e5e7eb;display:grid;gap:20px;grid-template-columns:200px 1fr;margin-bottom:20px;padding:20px 0}.todays-date-card{align-items:center;background:#0000;border-radius:0;display:flex;flex-direction:column;justify-content:center;padding:15px}.todays-date-label{color:#6b7280;font-size:12px;margin-bottom:15px;text-align:center}.todays-date-full{align-items:center;display:flex;gap:15px}.todays-date-number{color:#111827;font-size:60px;font-weight:300;line-height:1}.todays-date-text{display:flex;flex-direction:column;gap:2px}.todays-date-month{color:#111827;font-size:16px;font-weight:500;line-height:1.2}.todays-date-day{color:#6b7280;font-size:14px;font-weight:400;line-height:1.2}.calendar-card{background:#0000;border-radius:0;padding:15px 0}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.calendar-month-title{color:#3b82f6;font-size:14px;font-weight:600;margin:0}.calendar-nav-btn{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;padding:4px;transition:color .2s}.calendar-nav-btn:hover{color:#111827}.calendar-nav-btn svg{font-size:20px}.mini-calendar-grid{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.mini-calendar-weekday{color:#6b7280;font-size:11px;font-weight:700;padding:2px 0 2px 6px;text-align:left}.mini-calendar-day{align-items:flex-start;cursor:default;display:flex;flex-direction:column;font-size:13px;height:50px;justify-content:flex-start;padding-left:6px;padding-top:6px;position:relative}.mini-calendar-day,.mini-calendar-day:hover{border:none!important;outline:none!important}.mini-calendar-day:hover{background-color:initial!important}.mini-calendar-day.other-month{color:#d1d5db}.mini-calendar-day.has-orders{align-items:center;border:1px solid #d1d5db!important;border-radius:50%;height:36px;justify-content:center;padding:0;width:36px}.mini-calendar-day.has-orders .mini-day-number{margin-bottom:0}.mini-calendar-day.has-orders .mini-order-dot{bottom:-12px!important}.mini-calendar-day.today{align-items:center;background-color:#3b82f6;border:none!important;border-radius:50%;color:#fff;font-weight:600;height:36px;justify-content:center;margin:0;outline:none!important;padding:0;width:36px}.mini-calendar-day.today .mini-day-number{margin-bottom:0}.mini-calendar-day.today:hover{background-color:#3b82f6!important;border:none!important;outline:none!important}.mini-calendar-day.today .mini-order-dot{bottom:-12px!important}.mini-calendar-day.blocked{background-color:initial;cursor:not-allowed}.mini-day-number{font-size:13px;margin-bottom:8px}.mini-order-dot{background-color:#10b981;border-radius:50%;bottom:4px;height:8px;position:absolute;width:8px}.blocked-icon-small{color:#ef4444;height:18px!important;width:18px!important}@media (max-width:768px){.orders-calendar-section{gap:15px;grid-template-columns:1fr;overflow:hidden;padding:15px 0}.todays-date-card{padding:10px}.todays-date-full{gap:10px}.todays-date-number{font-size:48px}.todays-date-month{font-size:14px}.todays-date-day{font-size:12px}.calendar-card{overflow:hidden;padding:10px 0}.calendar-header{align-items:center;flex-direction:row;justify-content:space-between;margin-bottom:10px}.calendar-month-title{font-size:13px}.mini-calendar-grid{overflow:hidden;width:100%}.mini-calendar-day{font-size:12px;height:45px}.mini-calendar-day.has-orders,.mini-calendar-day.today{height:32px;width:32px}.mini-day-number{font-size:11px}.mini-order-dot{height:6px;width:6px}}.orders-filters{background:#0000;border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding:20px 0}.filter-controls{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:space-between}.period-filter{align-items:center;display:flex;gap:8px}.filter-label{color:#6b7280;font-size:14px;white-space:nowrap}.filter-select-small{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:120px;padding:8px 10px}.search-input{padding:8px 10px;width:150px}.btn-new-order{align-items:center!important;background-color:#218838!important;border:1px solid #218838!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;gap:5px!important;padding:8px 12px!important;transition:all .2s!important;white-space:nowrap!important}.btn-new-order:hover{background-color:#1e7e34!important;border-color:#1e7e34!important}.btn-new-order svg{font-size:18px!important}.toggle-completed-btn{background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#6b7280;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s;white-space:nowrap}.toggle-completed-btn:hover{background-color:#f3f4f6}.toggle-completed-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.orders-list-container{background:#0000}.order-row{align-items:center;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;transition:background-color .2s}.order-row:hover{background-color:initial}.order-left{flex:1 1;gap:12px}.order-left,.order-type-icon{align-items:center;display:flex}.order-type-icon{color:#6b7280}.order-info{display:flex;flex-direction:column;gap:4px}.order-line-1{color:#111827;font-size:14px;font-weight:500}.order-line-2{color:#6b7280;font-size:13px}.order-right{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:120px}.order-amount{color:#111827;font-size:15px;font-weight:600}.order-status-badge{border-radius:4px;font-size:12px;font-weight:500;padding:4px 12px;text-align:center}.order-completed{opacity:.5}.order-completed .order-amount,.order-completed .order-line-1,.order-completed .order-line-2,.order-completed .order-type-icon{color:#9ca3af!important}.order-completed .order-status-badge{background-color:#e5e7eb!important;border:1px solid #d1d5db!important;color:#6b7280!important}.order-status-badge[style*=ef4444]{background-color:initial!important;border:1px solid #ef4444!important;color:#ef4444!important}.type-column{width:100px}.type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.type-badge svg{margin-right:4px}.orders-table tr[data-type=order] .type-badge{background-color:#e3f2fd;color:#1976d2}.orders-table tr[data-type=quote] .type-badge{background-color:#f3e5f5;color:#7b1fa2}.type-badge:has(svg[data-testid=ShoppingCartIcon]){background-color:#e3f2fd;color:#1976d2}.type-badge:has(svg[data-testid=DescriptionIcon]){background-color:#f3e5f5;color:#7b1fa2}.date-column{width:140px}.delivery-time{color:#666;font-size:12px}.title-column{min-width:200px}.order-title{align-items:center;display:flex;gap:8px}.attachment-icon{color:#666;font-size:16px}.amount-column{font-weight:500;text-align:right}.status-column{width:120px}.order-status{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.delivery-method-column{width:120px}.delivery-method{align-items:center;color:#666;display:flex;font-size:13px}.no-orders{color:#666;font-size:16px;padding:60px 20px;text-align:center}.btn-primary{background-color:#10b981}.btn-primary:hover{background-color:#059669}.mobile-orders-list{display:none}.mobile-order-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:12px;padding:16px;transition:transform .2s,box-shadow .2s}.mobile-order-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.mobile-order-card.order-completed{opacity:.5}.mobile-order-card.order-completed .mobile-order-amount,.mobile-order-card.order-completed .mobile-order-client,.mobile-order-card.order-completed .mobile-order-date,.mobile-order-card.order-completed .mobile-order-title{color:#9ca3af!important}.mobile-order-card.order-completed .order-status{background-color:#e5e7eb!important;border:1px solid #d1d5db!important;color:#6b7280!important}.mobile-order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-order-type .type-badge{font-size:11px;padding:3px 10px}.mobile-order-date{color:#666;font-size:13px}.mobile-order-title{align-items:center;display:flex;font-size:16px;font-weight:500;margin-bottom:8px}.mobile-order-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mobile-order-client{color:#666;font-size:14px}.mobile-order-amount{color:#333;font-size:16px;font-weight:600}.mobile-order-footer{align-items:center;display:flex;justify-content:space-between}.mobile-order-footer .order-status{font-size:11px;padding:3px 10px}.mobile-order-footer .delivery-method{padding:4px}@media (max-width:1024px){.orders-container{padding:15px}.orders-table td,.orders-table th{padding:10px 12px}}@media (max-width:768px){.orders-header{background:#fff!important;margin:0 -20px 20px!important;padding:15px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:100!important}.orders-header h1{font-size:20px!important}.orders-header .btn-primary{display:none!important}.btn-text{display:inline!important}.btn{padding:8px 12px!important}.orders-container{padding-bottom:100px!important}.orders-stats{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px}.stat-card h3{font-size:20px}.stat-card p{font-size:12px}.mobile-hide{display:none}.orders-filters{padding:15px 0}.filter-controls{align-items:stretch;flex-direction:column;gap:10px}.period-filter{width:100%}.period-filter select{flex:1 1}.filter-select-small,.search-input,.toggle-completed-btn{width:100%!important}.filter-select{flex:1 1;font-size:14px;min-width:0}.orders-list-container{display:block}.mobile-orders-list{display:none}.order-type-icon{display:flex}.order-row{padding:12px 0}.order-info{gap:2px}.order-line-1{font-size:14px}.order-line-2{font-size:13px}.order-amount{font-size:15px}.order-status-badge{font-size:12px;padding:3px 10px}.period-filter{align-items:stretch;flex-direction:column}.period-filter select{width:100%}}@media (max-width:480px){.orders-container{padding:10px}.orders-header{margin-bottom:20px}.orders-header h1{font-size:20px}.stat-card{padding:12px}.stat-card h3{font-size:18px}.orders-filters{padding:12px}.mobile-order-card{padding:14px}.mobile-order-amount,.mobile-order-title{font-size:15px}}.order-details-container{background-color:initial;min-height:100vh}.order-details-content{margin:0 auto;max-width:1200px;padding:40px 20px 20px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:40px}.details-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.details-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.details-section h4{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#666;flex:0 0 120px;font-size:14px}.detail-value{color:#333;flex:1 1;font-size:14px;font-weight:500}.event-type{color:#007bff}.images-section{min-height:200px}.images-section .image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.images-section .image-thumbnail{align-items:center;aspect-ratio:1;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;display:flex;justify-content:center;overflow:hidden;width:100%}.images-section .image-thumbnail img{height:100%;object-fit:cover;width:100%}.images-section .image-thumbnail svg{color:#999;font-size:30px}.image-placeholder{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;padding:10px}.image-placeholder span{color:#666;font-size:12px;text-align:center;word-break:break-word}.status-badge{text-transform:uppercase}.item-actions-price{gap:10px}.item-action-buttons{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.order-item:hover .item-action-buttons{opacity:1}.btn-item-action{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-item-action svg{color:#666;font-size:18px}.btn-item-edit:hover{background:#007bff;border-color:#007bff}.btn-item-edit:hover svg{color:#fff}.btn-item-delete:hover{background:#dc3545;border-color:#dc3545}.btn-item-delete:hover svg{color:#fff}.item-to-delete{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:10px;text-align:center}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.order-section{grid-column:1/-1;margin-bottom:40px}.order-items{margin-bottom:30px}.order-item{background:#0000;margin-bottom:0;padding:20px 0}.order-item:last-child{border-bottom:none}.item-info h4{color:#007bff;font-size:16px;margin:0 0 8px}.item-description{color:#666;font-size:14px;line-height:1.5;margin:0}.item-price{color:#333;font-size:18px;font-weight:600}.order-totals{display:flex;gap:40px;justify-content:space-between;margin-bottom:20px}.totals-section{flex:1 1}.total-row.total-final{border-top:2px solid #e0e0e0;color:#333;font-size:18px;font-weight:600;margin-top:10px;padding-top:15px}.gross-profit{background:#0000;border:1px solid #e0e0e0;border-radius:8px;flex:0 0 250px;padding:20px;text-align:center}.profit-label{color:#666;font-size:14px;margin-bottom:5px}.profit-value{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.profit-note{color:#999;font-size:12px;line-height:1.4}.order-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;padding-top:20px}.btn-primary:hover:not(:disabled){background:#218838}.btn-outline{background:#fff!important;border:1px solid #ddd!important;color:#333!important}.btn-outline:hover:not(:disabled){background:#28a745!important;border-color:#28a745!important;color:#fff!important}.btn-secondary:hover:not(:disabled){background-color:#5a6268}.btn-invoice{background:#007bff;color:#fff}.btn-invoice:hover{background:#0056b3}.btn-email{background:#fff;border:1px solid #ddd;color:#333}.btn-email:hover{background:#f8f9fa;border-color:#999}.btn-add{background:#007bff;color:#fff;font-size:14px;padding:8px 16px}.btn-add:hover{background:#0056b3}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{margin:0}.edit-actions{display:flex;gap:10px}.btn-sm{font-size:13px}.detail-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-family:inherit;font-size:14px;padding:6px 10px;transition:border-color .2s}.detail-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.detail-input-inline{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;margin:0 4px;padding:4px 8px}.detail-input-inline.detail-input-address{min-width:200px}.edit-delivery-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.edit-delivery-info span{color:#666;font-size:14px}.details-section.event-details.editing{border:2px solid #007bff;box-shadow:0 0 0 3px #007bff1a}.empty-state{background:#0000;border:none;color:#999;padding:20px 0}.payments-section{grid-column:1/-1}.payment-summary{background:#0000;border-radius:0;margin-bottom:20px;padding:0}.summary-row{display:flex;font-size:15px;justify-content:space-between;padding:6px 0}.amount-owing,.amount-paid{color:#333;font-weight:600}.invoice-item{align-items:center;cursor:pointer;transition:all .2s}.invoice-item:hover{background:#0000}.invoice-info{align-items:center;gap:20px}.invoice-number{color:#007bff;font-weight:600}.invoice-status{background:#ffc107;border-radius:16px;color:#856404}.invoice-amount{font-size:16px;font-weight:600}.payments-list{display:flex;flex-direction:column;gap:10px}.payment-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;display:flex;justify-content:space-between;padding:15px 0;text-align:left}.payment-item:last-child{border-bottom:none}.payment-info{align-items:flex-start;display:flex;flex:1 1;gap:12px;text-align:left}.payment-details{display:flex;flex:1 1;flex-direction:column;gap:4px;text-align:left}.payment-primary{font-weight:500;gap:12px}.payment-primary,.payment-secondary{align-items:center;display:flex;text-align:left}.payment-secondary{color:#999;font-size:13px;gap:8px}.payment-notes{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px;text-align:left}.payment-amount{color:#28a745;font-size:16px;font-weight:600}.payment-method{background:#6c757d;border-radius:4px;color:#fff;display:inline-block;font-size:12px;padding:2px 8px;text-align:center}.payment-method-text{margin-bottom:4px;margin-top:2px;text-align:left}.payment-date,.payment-method-text{color:#999;font-size:13px}.payment-actions{align-items:center;display:flex;flex-direction:column;gap:8px}.payment-status{align-items:center;display:flex;flex-shrink:0}.payment-status svg{font-size:20px}.payment-delete-btn{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.payment-delete-btn:hover{color:#dc3545}.payment-delete-btn svg{font-size:18px}.payment-request-sent{display:inline-flex;text-align:left}.loading{height:400px}.error-state{background:#fff;border-radius:8px;margin:40px auto;max-width:500px;padding:60px;text-align:center}.error-state h2{color:#dc3545;margin-bottom:15px}.error-state p{color:#666;margin-bottom:30px}.modal-overlay{background:#00000080}.modal-container{background:#fff;border-radius:8px;max-height:90vh;max-width:90%;overflow:auto}.pdf-modal{height:90vh;width:900px}@media (max-width:768px){.details-grid{grid-template-columns:1fr}.order-totals{flex-direction:column;gap:20px}.gross-profit{flex:1 1}.order-actions{flex-wrap:wrap}.btn{flex:1 1;justify-content:center}.detail-label{flex:0 0 100px}.invoice-item,.payment-item{flex-wrap:wrap;gap:10px}.invoice-info,.payment-info{width:100%}}.btn-icon-edit{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.btn-icon-edit:hover{background-color:#f8f9fa;border-color:#007bff;color:#007bff}.btn-icon-edit svg{font-size:18px}.order-action-buttons{display:flex;gap:12px}.image-upload-controls{align-items:center;display:flex;gap:10px}.selected-images-preview{background-color:#f8f9fa;border-radius:4px;color:#666;font-size:13px;margin-top:10px;padding:10px}.empty-images-text{color:#999;font-size:14px;margin:20px 0;text-align:center}.action-buttons-grid-single{display:flex;justify-content:center}.btn-delete-outline{background-color:#fff;border:2px solid #dc3545;color:#dc3545}.btn-delete-outline:hover{background-color:#dc3545;box-shadow:0 4px 8px #dc35454d;color:#fff;transform:translateY(-1px)}.action-buttons-section{grid-column:1/-1;margin-bottom:40px;margin-top:40px}.action-buttons-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:10px;justify-content:center;padding:15px 30px;transition:all .2s}.btn-duplicate{background-color:#fff;border:1px solid #ddd;color:#333}.btn-duplicate:hover{background-color:#28a745;border-color:#28a745;color:#fff}.btn-delete-order{background-color:#fff;border:1px solid #ddd;color:#b71c1c}.btn-delete-order:hover{background-color:#b71c1c;border-color:#b71c1c;color:#fff}.btn-action svg{font-size:20px}@media (max-width:768px){.action-buttons-grid{gap:15px;grid-template-columns:1fr}.btn,.btn-delete-order,.btn-delete-order:hover,.btn-duplicate,.btn-duplicate:hover,.btn-edit,.btn-edit:hover,.btn-outline,.btn-outline:hover:not(:disabled),.btn:hover,.details-section .btn-primary,.details-section .btn-primary:hover:not(:disabled){box-shadow:none!important;transform:none!important}.section-header .btn{flex-shrink:1;font-size:13px!important;min-width:0;padding:8px 12px!important;white-space:nowrap}.section-header{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding-left:0!important;padding-right:0!important}.invoices-section .section-header,.payments-section .section-header,.scheduled-payments-section .section-header{margin-bottom:15px!important;padding:0!important;position:static!important}.details-section{box-sizing:border-box;padding:15px!important}.section-header h3{flex:1 1;margin-bottom:0!important;min-width:0}.invoices-section .section-header .btn-primary,.payments-section .section-header .btn-primary,.scheduled-payments-section .section-header .btn-primary{background:#fff!important;border:1px solid #ddd!important;color:#333!important;font-size:13px!important;justify-content:center!important;padding:8px 12px!important;width:100%!important}.invoices-section .section-header .btn-primary:hover:not(:disabled),.payments-section .section-header .btn-primary:hover:not(:disabled),.scheduled-payments-section .section-header .btn-primary:hover:not(:disabled){background:#28a745!important;border-color:#28a745!important;color:#fff!important}}.details-section .btn-primary{background:#fff!important;border:1px solid #ddd!important;color:#333!important}.details-section .btn-primary:hover:not(:disabled){background:#28a745!important;border-color:#28a745!important;color:#fff!important}.invoice-list-item .invoice-status span:contains("Paid"),.invoice-status.paid{background-color:#28a74533!important;border:1px solid #28a74566!important;color:#28a745!important}.payment-method{letter-spacing:.5px;text-transform:uppercase}.square-checkout-section .btn-email{background-color:#28a745;border:none;color:#fff}.square-checkout-section .btn-email:hover{background-color:#218838}.payment-request-sent{align-items:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.payment-request-sent svg{font-size:16px}.invoice-status{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 12px;text-transform:uppercase}.invoice-item .invoice-status[style*="#28a745"],.invoice-item .invoice-status[style*="rgb(40, 167, 69)"]{background-color:#28a74533!important;border:1px solid #28a74566!important;color:#28a745!important}.invoices-list .invoice-item:has(.invoice-status span:contains("Paid")) .invoice-status{background-color:#28a74533!important;border:1px solid #28a74566!important;color:#28a745!important}.quote-action-buttons{border-top:1px solid #e0e0e0;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.quote-action-buttons .btn-action{align-items:center;background:#fff;border:2px solid;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .2s ease}.quote-action-buttons .btn-download{border-color:#007bff;color:#007bff}.quote-action-buttons .btn-download:hover{background-color:#007bff;color:#fff}.quote-action-buttons .btn-download:disabled{cursor:not-allowed;opacity:.6}.quote-action-buttons .btn-email{border-color:#28a745;color:#28a745}.quote-action-buttons .btn-email:hover{background-color:#28a745;color:#fff}.quote-action-buttons .btn-action svg{font-size:1.2rem}.btn-convert-inline{align-items:center;background-color:#f8f9fa;border:1px solid #6c5ce7;border-radius:6px;color:#6c5ce7;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.25rem;margin-left:1rem;padding:.25rem .75rem;transition:all .2s ease;white-space:nowrap}.btn-convert-inline:hover{background-color:#6c5ce7;box-shadow:0 2px 4px #6c5ce733;color:#fff;transform:translateY(-1px)}.btn-convert-inline svg{font-size:14px!important}.details-section.editing .detail-row .detail-value{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.confirm-modal{max-width:500px;padding:2rem}.confirm-modal .modal-body{padding:2rem 0}.confirm-modal .modal-body p{color:#333;line-height:1.6;margin-bottom:1rem}.confirm-modal .modal-body p:last-child{color:#666;font-size:.95rem;margin-bottom:0}.converted-from-text{color:#666;font-size:.85rem;font-weight:400;margin-left:.5rem}.type-badge-inline{align-items:center;background-color:initial;border-radius:4px;display:inline-flex;flex-wrap:wrap;font-size:.875rem;padding:.25rem .5rem}.pdf-generating-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.pdf-generating-indicator{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.pdf-generating-indicator .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;margin:0 auto 1rem;width:40px}.pdf-generating-indicator p{color:#333;font-weight:500;margin:0}.btn-edit{align-items:center;background:#fff!important;border:1px solid #ddd!important;border-radius:6px;color:#333!important;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.btn-edit:hover{background-color:#28a745!important;border-color:#28a745!important;color:#fff!important}.btn-edit .icon-circle{align-items:center;border:1.5px solid;border-radius:50%;display:flex;height:20px;justify-content:center;padding:2px;width:20px}.btn-edit svg{font-size:12px}.btn-edit:hover .icon-circle{border-color:#fff!important}.btn-edit:hover svg{color:#fff!important}.image-thumbnail-wrapper{aspect-ratio:1;position:relative;width:100%}.image-thumbnail{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;height:100%;justify-content:center;overflow:hidden;transition:all .2s ease;width:100%}.image-thumbnail:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.image-delete-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:50%;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:8px;top:8px;transition:all .2s ease;visibility:hidden;width:28px}.image-delete-btn:hover{background:#f8f9fa;border-color:#dc3545;transform:scale(1.1)}.image-delete-btn svg{color:#333;font-size:16px}.image-delete-btn:hover svg{color:#dc3545}.image-thumbnail-wrapper:hover .image-delete-btn{opacity:1;visibility:visible}.image-delete-btn:disabled{cursor:not-allowed;opacity:.6}.delete-spinner{animation:spin .8s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#dc3545;height:16px;width:16px}.image-modal-overlay{background:#000000e6;bottom:0;cursor:pointer;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-modal-content,.image-modal-overlay{align-items:center;display:flex;justify-content:center}.image-modal-content{cursor:default;max-height:90vh;max-width:90vw;position:relative}.image-modal-img{border-radius:8px;box-shadow:0 4px 20px #0000004d;max-height:90vh;max-width:100%;object-fit:contain}.image-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:all .2s ease;width:40px}.image-modal-close:hover{background:#f8f9fa;transform:scale(1.1)}.image-modal-close svg{color:#333;font-size:24px}@media (max-width:768px){.image-modal-close{background:#ffffffe6;right:10px;top:10px}.image-modal-content{max-width:100vw}}.profit-margin{color:#666;font-size:.9em;font-weight:400;margin-left:8px}.item-cost{color:#666;font-size:.85em;font-style:italic;margin-top:4px}.payment-details-section{background-color:#f0f8ff;border:1px solid #e0e0e0;border-left:4px solid #2193b0;border-radius:8px;margin-bottom:20px;padding:20px}.payment-details-section h3{border-bottom:1px solid #e0e0e0;color:#2193b0;margin-bottom:15px;margin-top:0;padding-bottom:10px}.payment-details-content{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:15px}.payment-details-text{word-wrap:break-word;color:#333;font-family:inherit;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.form-group textarea[placeholder*="banking details"]{background-color:#f8f9fa;border:2px dashed #dee2e6;font-family:Courier New,monospace;transition:all .3s ease}.form-group textarea[placeholder*="banking details"]:focus{background-color:#fff;border-color:#2193b0;border-style:solid}.checkbox-label{align-items:flex-start;gap:10px;padding:10px 0}.checkbox-label input[type=checkbox]{margin-top:2px}.checkbox-label span{color:#333;font-weight:500}.checkbox-label small{color:#666;display:block;font-size:.9em;font-weight:400;margin-top:5px}.payment-details-preview{background-color:#f0f8ff;border-left:4px solid #2193b0;border-radius:4px;margin-top:15px;padding:15px}.payment-details-preview h5{color:#2193b0;font-size:14px;margin:0 0 10px}.payment-details-preview .preview-text{color:#333;font-family:inherit;font-size:12px;line-height:1.5;white-space:pre-wrap}@media (max-width:768px){.payment-details-section{margin:10px 0;padding:15px}.payment-details-content{padding:12px}.payment-details-text{font-size:13px}}.invoices-section{grid-column:1/-1;margin-bottom:40px;margin-top:40px}.invoices-list{display:flex;flex-direction:column;gap:10px}.invoice-item{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;display:flex;justify-content:space-between;padding:15px 0;transition:border-color .2s}.invoice-item:last-child{border-bottom:none}.invoice-item:hover{border-color:#f0f0f0}.invoice-content{align-items:flex-start;cursor:pointer;display:flex;justify-content:space-between;width:100%}.invoice-info{flex:0 0 auto;flex-direction:column}.invoice-info,.invoice-number-title{align-items:flex-start;display:flex;gap:4px;text-align:left}.invoice-number-title{flex-direction:column}.invoice-title{color:#333;font-size:14px;font-weight:500;line-height:1.2;margin:0;order:1;text-align:left}.invoice-number{font-weight:400;order:2}.invoice-date,.invoice-number{color:#666;font-size:14px;line-height:1.2;margin:0;text-align:left}.invoice-date{order:3}.invoice-actions{align-items:flex-start;display:flex;flex:1 1;gap:8px;justify-content:center}.invoice-status-center{align-items:center;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;display:inline-flex;font-size:14px;font-weight:400;letter-spacing:normal;margin-left:20px;padding:4px 8px;text-transform:capitalize}.btn-icon-action,.invoice-action-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon-action:hover,.invoice-action-btn:hover{background:#f5f5f5;border-color:#999}.btn-icon-action svg,.invoice-action-btn svg{color:#666;font-size:16px}.btn-icon-action:hover svg,.invoice-action-btn:hover svg{color:#333}.spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#666;height:14px;width:14px}.invoice-status-and-link{align-items:flex-end;display:flex;flex:0 0 auto;flex-direction:column;gap:4px;margin-left:40px}.invoice-status,.no-public-link-indicator,.public-link-indicator,.public-link-stats{display:none}.empty-state{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#666;padding:40px}.empty-state p{margin:0}@media (max-width:768px){.invoice-content{flex-direction:column;gap:12px}.invoice-actions{justify-content:flex-start;margin:0}.invoice-status-and-link,.public-link-stats{align-items:flex-start}}.scheduled-payments-list{display:flex;flex-direction:column;gap:12px}.scheduled-payment-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f0f0f0;border-radius:0;display:flex;justify-content:space-between;padding:16px 0;transition:all .2s ease}.scheduled-payment-item:last-child{border-bottom:none}.scheduled-payment-item:hover{border-color:#f0f0f0;box-shadow:none}.scheduled-payment-info{align-items:center;display:flex;flex:1 1}.scheduled-payment-details{flex:1 1}.scheduled-payment-primary{align-items:center;display:flex;gap:12px;margin-bottom:4px}.scheduled-payment-type{background:#f0f8ff;border:1px solid #2193b0;border-radius:4px;color:#333;color:#2193b0;font-size:14px;font-weight:600;padding:4px 8px}.scheduled-payment-amount{color:#2a9d8f;font-size:16px;font-weight:600}.scheduled-payment-percentage{color:#666;font-size:14px;font-style:italic}.scheduled-payment-secondary{color:#666;font-size:13px;gap:16px}.scheduled-payment-due-date{font-weight:500}.scheduled-payment-status{border-radius:12px;font-size:12px;font-weight:500;padding:2px 8px}.scheduled-payment-status.status-scheduled{background:#fff3e0;border:1px solid #ffcc80;color:#f57c00}.scheduled-payment-status.status-sent{background:#e3f2fd;border:1px solid #90caf9;color:#1976d2}.scheduled-payment-status.status-paid{background:#e8f5e8;border:1px solid #a5d6a7;color:#2e7d32}.scheduled-payment-status.status-overdue{background:#ffebee;border:1px solid #ef9a9a;color:#d32f2f}.scheduled-payment-status.status-cancelled{background:#f5f5f5;border:1px solid #e0e0e0;color:#616161}.scheduled-payment-actions{align-items:center;display:flex;gap:8px}.btn-scheduled-payment-action{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-scheduled-payment-action:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-scheduled-payment-action.btn-edit:hover{background:#f0f8ff;border-color:#2193b0;color:#2193b0}.btn-scheduled-payment-action.btn-delete:hover{background:#fff5f5;border-color:#dc3545;color:#dc3545}@media (max-width:768px){.scheduled-payment-item{align-items:flex-start;flex-direction:column;gap:12px}.scheduled-payment-actions{align-self:flex-end}.scheduled-payment-primary{flex-wrap:wrap;gap:8px}.scheduled-payment-secondary{align-items:flex-start;flex-direction:column;gap:4px}}.item-description{white-space:pre-line}.item-details{margin-top:8px}.cake-details,.product-details{display:flex;flex-direction:column;gap:8px}.tier-details{border-bottom:1px solid #f0f0f0}.tier-details:last-child{border-bottom:none;margin-bottom:0}.tier-details strong{color:#333;display:block;font-size:14px;margin-bottom:6px}.product-details,.tier-info{display:flex;flex-direction:column;gap:4px;padding-left:12px}.detail-line{align-items:center;color:#666;display:flex;font-size:13px}.detail-line:before{color:#ddd;content:"•";margin-right:8px}.detail-line{font-weight:400}.detail-line strong{font-weight:600}.order-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px}.tier-details{border-bottom:none;margin-bottom:12px;padding:8px 0}.item-actions-price{align-items:center;display:flex;flex-shrink:0;gap:16px}.square-enabled{color:#006aff}.square-disabled,.square-enabled{align-items:center;display:inline-flex;font-size:.85rem;margin-left:8px}.square-disabled{color:#999}.btn-scheduled-payment-action.btn-square{background-color:#e3f2fd;color:#006aff}.btn-scheduled-payment-action.btn-square:hover{background-color:#bbdefb;color:#0052cc}.scheduled-payment-secondary{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media (max-width:768px){.order-details-content{padding:20px 10px 10px}.details-grid{gap:15px;grid-template-columns:1fr}.details-section{padding:15px}.detail-row{flex-direction:column;gap:4px;padding:10px 0}.detail-label{color:#333;flex:none;font-size:13px;font-weight:600}.detail-value{font-size:14px}.edit-delivery-info{align-items:stretch;flex-direction:column;gap:8px}.detail-input-inline{margin:0;width:100%}.section-header{flex-wrap:wrap;gap:10px}.section-header h3{flex:1 1;font-size:16px}.edit-actions,.order-action-buttons,.section-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%}.btn-sm{flex:1 1;justify-content:center;min-width:80px}.image-grid{gap:10px;grid-template-columns:repeat(3,1fr)}.image-upload-controls{flex-direction:column;width:100%}.image-upload-controls button,.image-upload-controls label{justify-content:center;width:100%}.order-item{flex-direction:column;gap:12px;padding:15px}.item-info{width:100%}.item-info h4{font-size:15px}.item-actions-price{justify-content:space-between;width:100%}.item-price{font-size:16px;font-weight:600}.order-totals{flex-direction:column;gap:15px}.gross-profit{flex:1 1;padding:15px}.profit-value{font-size:20px}.quote-action-buttons{flex-direction:column;gap:10px}.quote-action-buttons .btn-action{padding:12px;width:100%}.invoice-content{flex-direction:column;gap:10px}.invoice-info{width:100%}.invoice-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.invoice-status-center{justify-content:center;margin-left:0;margin-top:8px;width:100%}.payment-item{flex-direction:column;gap:10px;padding:12px}.payment-info{width:100%}.payment-icon{font-size:20px}.payment-item{align-items:flex-start!important;flex-direction:row!important}.payment-info{display:flex;flex:1 1;gap:12px}.payment-details{flex:1 1}.payment-actions{align-self:flex-start;flex-direction:row!important;gap:12px!important;margin-left:auto}.scheduled-payment-item{flex-direction:column;gap:10px;padding:12px}.scheduled-payment-info{width:100%}.scheduled-payment-primary{flex-wrap:wrap;gap:8px}.scheduled-payment-secondary{align-items:flex-start;flex-direction:column;gap:6px}.scheduled-payment-actions{justify-content:flex-end;width:100%}.action-buttons-grid{gap:12px;grid-template-columns:1fr}.btn-action{font-size:15px;padding:12px 20px;width:100%}.modal-container{margin:10px;max-height:calc(100vh - 20px);max-width:calc(100% - 20px)}.confirm-modal{padding:20px}.modal-actions{flex-direction:column;gap:10px}.modal-actions button{width:100%}.image-modal-content{max-height:85vh;max-width:95vw}.image-modal-close{background:#fffffff2;height:36px;right:10px;top:10px;width:36px}.empty-state{padding:30px 20px}.status-badge{font-size:11px;padding:3px 10px}.type-badge-inline{font-size:12px;padding:2px 6px}.btn svg{font-size:18px}.product-details,.tier-info{padding-left:0}.detail-line{font-size:12px;line-height:1.4}.detail-input{font-size:16px;padding:8px 12px}.selected-images-preview{font-size:12px;padding:8px}.pdf-generating-indicator{margin:20px;padding:1.5rem}.public-link-stats{font-size:11px;gap:8px}.item-to-delete{font-size:14px;padding:8px}}@media (max-width:480px){.image-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.details-section h3{font-size:15px}.detail-label{font-size:12px}.btn,.detail-value{font-size:13px}.btn{padding:8px 16px}.btn-sm{font-size:12px;padding:6px 10px}.order-item{padding:12px}.item-info h4{font-size:14px;margin-bottom:6px}.total-row{font-size:13px;padding:6px 0}.total-row.total-final{font-size:16px}.invoice-item,.payment-item,.scheduled-payment-item{padding:10px}.btn-item-action,.btn-scheduled-payment-action,.invoice-action-btn{height:28px;width:28px}.btn-item-action svg,.btn-scheduled-payment-action svg,.invoice-action-btn svg{font-size:14px}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.btn-item-action,.btn-scheduled-payment-action,.image-delete-btn,.invoice-action-btn{height:40px;width:40px}.item-action-buttons{opacity:1}.image-delete-btn{opacity:1;visibility:visible}.invoice-item{min-height:60px}.invoice-actions,.order-action-buttons,.payment-actions{gap:12px}}@media (max-width:768px) and (orientation:landscape){.order-details-content{padding-top:10px}.modal-container{max-height:calc(100vh - 40px)}.image-modal-content{max-height:80vh}}@media (max-width:480px){.invoice-status,.payment-method,.scheduled-payment-status{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.details-section{border:1px solid #ddd}.details-section+.details-section{margin-top:15px}.section-header{border-bottom:1px solid #f0f0f0;margin-bottom:15px;padding-bottom:10px}.btn-outline{border-width:2px}input,select,textarea{font-size:16px}.details-section{box-shadow:0 1px 2px #0000000d}.btn-edit:hover,.btn-outline:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn:hover{box-shadow:none!important;transform:none!important}*{animation-duration:.2s!important}.details-section{margin-bottom:20px;position:relative;z-index:1}.order-section{margin-bottom:30px}.invoices-section,.payments-section{clear:both;margin-top:20px}.invoices-section .section-header,.payments-section .section-header{background:#fff;margin-bottom:15px;padding:0;position:relative;z-index:10}.order-totals,.quote-action-buttons{margin-bottom:0;padding-bottom:20px}.details-section:after{clear:both;content:"";display:table}.section-header .btn{position:relative;z-index:2}.invoices-section,.order-section,.payments-section,.scheduled-payments-section{border-top:2px solid #f0f0f0;padding-top:20px}.order-section{border-top:none}}@media (max-width:480px){.details-section{margin-bottom:25px}.section-header{overflow:visible}.section-header .btn{margin-bottom:8px}}@media (max-width:768px){.order-section{overflow:hidden;padding-bottom:20px}.gross-profit{margin-bottom:20px}.order-section:after{clear:both;content:"";display:table}.section-header .btn{position:static}.invoices-section,.payments-section{position:relative;z-index:1}}.order-page-title{color:#333;font-size:1.5rem;font-weight:600;margin:0}.order-details-header{margin:0 auto 20px;max-width:1200px;padding:20px 20px 10px}@media (max-width:768px){.order-details-container{padding:10px}.order-details-content{padding:0}.details-grid{display:flex;flex-direction:column;gap:15px}.order-details-header{margin-bottom:15px;padding-bottom:10px}.order-page-title{font-size:1.2rem;text-align:center}.section-header{align-items:stretch;flex-direction:column;gap:10px}.section-header h3{font-size:1.1rem;margin:0}.section-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions{display:flex;gap:8px;width:100%}.edit-actions button{flex:1 1;font-size:14px;padding:8px 12px}.details-section{margin-bottom:0;padding:15px}.event-details .detail-row{display:flex;flex-direction:column;margin-bottom:15px}.detail-label{color:#666;font-size:14px;font-weight:600;margin-bottom:5px}.detail-value{font-size:15px}.detail-input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:10px;width:100%}.client-search-container{position:relative}.client-input-group{display:flex;gap:8px}.client-input-group input{flex:1 1}.client-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:0;margin-top:4px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.client-option{border-bottom:1px solid #f0f0f0;padding:12px}.status-badge{display:inline-block;font-size:14px;padding:6px 12px}.edit-delivery-info{display:flex;flex-direction:column;gap:10px}.detail-input-inline{width:100%}.edit-delivery-info span{display:none}.images-section .section-header{margin-bottom:15px}.image-upload-controls{display:flex;flex-direction:column;gap:10px;width:100%}.image-upload-controls label{text-align:center;width:100%}.image-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.order-section .section-header{margin-bottom:15px}.order-action-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.order-action-buttons button{justify-content:center;padding:10px;width:100%}.order-items{margin-top:15px}.order-item{flex-direction:column;gap:10px;padding:15px}.item-info{width:100%}.item-info h4{font-size:16px;margin-bottom:8px}.item-details{font-size:14px}.item-actions-price{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding-top:10px;width:100%}.item-price{font-size:18px;font-weight:600}.item-action-buttons{display:flex;gap:8px}.order-totals{background:#f9f9f9;border-radius:8px;margin-top:20px;padding:15px}.totals-section{margin-bottom:15px}.total-row{display:flex;font-size:15px;justify-content:space-between;padding:8px 0}.total-row.total-final{border-top:2px solid #ddd;font-size:18px;padding-top:12px}.gross-profit{background:#fff;border-radius:6px;margin-top:15px;padding:12px}.action-buttons-grid,.quote-action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.btn-action{justify-content:center;padding:12px;width:100%}.empty-state,.line-items-empty,.no-images{padding:30px 20px;text-align:center}.line-items-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.line-items-buttons button{justify-content:center;width:100%}.order-details-container.create-mode .invoices-section,.order-details-container.create-mode .payments-section,.order-details-container.create-mode .scheduled-payments-section{display:none}input.form-control,select.form-control,textarea.form-control{font-size:16px}.btn{min-height:44px}.btn-sm{min-height:36px;padding:8px 12px}.modal-container{margin:20px auto;max-height:calc(100vh - 40px);max-width:none;width:95%}.modal-body{max-height:calc(100vh - 200px);overflow-y:auto}.type-badge-inline{font-size:14px}.type-badge-inline svg{font-size:14px!important}.btn-convert-inline{justify-content:center;margin-top:8px;width:100%}}@media (max-width:480px){.order-details-container{padding:5px}.details-section{border-radius:8px;padding:12px}.section-header h3{font-size:1rem}.image-grid{grid-template-columns:1fr}.btn{font-size:14px}.modal-container{border-radius:0;height:100%;margin:0;max-height:100vh;width:100%}}@media (max-width:768px){.event-details.editing .section-header{background:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 4px #0000000d;margin:-15px -15px 15px;padding:15px;position:-webkit-sticky;position:sticky;top:0;z-index:100}}@media (hover:none) and (pointer:coarse){.btn,.client-option,.image-thumbnail,.order-item{-webkit-tap-highlight-color:rgba(0,0,0,.1)}.btn:active{transform:scale(.98)}}.order-log-section{grid-column:1/-1;margin-bottom:40px;margin-top:40px}.order-logs-list{display:flex;flex-direction:column;gap:0}.log-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:16px 0;position:relative}.log-item:last-child{border-bottom:none}.log-item:first-child{padding-top:0}.log-item:not(:last-child):before{background-color:#e0e0e0;bottom:-16px;content:"";left:20px;position:absolute;top:40px;width:1px}.log-icon{align-items:center;background-color:#f8f9fa;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px;z-index:1}.log-icon svg{font-size:20px}.log-content{flex:1 1;min-width:0}.log-timestamp{color:#666;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;font-weight:500;margin-bottom:4px}.log-description{color:#333;font-size:15px;font-weight:500;line-height:1.4}.log-details{color:#666;font-size:14px;line-height:1.4;margin-top:4px}.log-item.log-success .log-icon{background-color:#e8f5e9}.log-item.log-info .log-icon{background-color:#e3f2fd}.log-item.log-warning .log-icon{background-color:#fff3e0}@media (max-width:768px){.order-log-section{margin-bottom:20px;margin-top:20px}.log-item{gap:12px;padding:12px 0}.log-icon{height:32px;width:32px}.log-icon svg{font-size:16px}.log-item:not(:last-child):before{left:16px;top:32px}.log-timestamp{font-size:13px}.log-description{font-size:14px}.log-details{font-size:13px}}.order-log-section{order:999}.order-log-section .empty-state{color:#999;font-style:italic;padding:30px;text-align:center}.item-invoice-options{border-top:1px solid #f0f0f0;margin-top:10px;padding-top:10px}.hide-details-checkbox{align-items:center;color:#666;cursor:pointer;display:flex;font-size:13px;gap:8px;-webkit-user-select:none;user-select:none}.hide-details-checkbox input[type=checkbox]{cursor:pointer;height:16px;width:16px}.hide-details-checkbox:hover{color:#333}.item-details.details-hidden{opacity:.5;position:relative}.item-details.details-hidden:after{background:#ffffffe6;border-radius:4px;color:#666;content:"Hidden on invoice";font-size:11px;font-style:italic;left:50%;padding:4px 8px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.total-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.total-row span:first-child{color:#666}.total-row span:last-child{color:#333;font-weight:500}.total-row.discount{color:#28a745}.scheduled-payment-modal{max-width:500px!important;min-width:400px!important;width:90vw!important}.scheduled-payment-modal .modal-header{align-items:flex-start;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:24px}.modal-header-content{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.modal-icon{align-items:center;display:flex;justify-content:center;margin-bottom:16px;position:relative}.wallet-icon{color:#f4a261;font-size:48px!important;z-index:1}.clock-icon{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-8px;color:#2a9d8f;font-size:24px!important;padding:4px;position:absolute;right:-8px;z-index:2}.modal-title-section h3{color:#333;font-size:24px;font-weight:600;margin:0 0 8px}.modal-subtitle{color:#666;font-size:14px;font-weight:400;margin:0}.scheduled-payment-modal .form-section{border-bottom:none;padding:24px}.scheduled-payment-modal .form-group{margin-bottom:24px}.scheduled-payment-modal .form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.scheduled-payment-modal .form-control{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease;width:100%}.scheduled-payment-modal .form-control:focus{border-color:#2a9d8f;box-shadow:0 0 0 3px #2a9d8f1a;outline:none}.scheduled-payment-modal .form-control:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.value-input-wrapper{align-items:center;display:flex;margin-bottom:16px;position:relative}.currency-symbol{color:#666;font-size:14px;font-weight:500;left:16px;position:absolute;z-index:1}.value-input{padding-left:32px!important}.quick-amount-buttons{margin-top:12px}.quick-amount-label{color:#666;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.quick-amount-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(6,1fr)}.quick-amount-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;min-height:32px;padding:8px 4px;transition:all .2s ease}.quick-amount-btn:hover:not(:disabled){background:#f0f8ff;border-color:#2a9d8f;color:#2a9d8f}.quick-amount-btn:active{background:#2a9d8f;color:#fff;transform:scale(.98)}.quick-amount-btn:disabled{cursor:not-allowed;opacity:.6}.scheduled-payment-modal select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;cursor:pointer;padding-right:40px}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;margin:0 24px 20px}.scheduled-payment-modal .modal-actions{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin:0;padding:24px}.scheduled-payment-modal .btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.scheduled-payment-modal .btn:disabled{cursor:not-allowed;opacity:.6}.scheduled-payment-modal .btn-secondary{background-color:#6c757d;color:#fff}.scheduled-payment-modal .btn-secondary:hover:not(:disabled){background-color:#5a6268}.scheduled-payment-modal .btn-primary{background-color:#4285f4;color:#fff}.scheduled-payment-modal .btn-primary:hover:not(:disabled){background-color:#3367d6}.scheduled-payment-modal .modal-header .btn-icon{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:8px;position:absolute;right:20px;top:20px;transition:background-color .2s ease}.scheduled-payment-modal .modal-header .btn-icon:hover{background-color:#f0f0f0;color:#333}@media (max-width:768px){.scheduled-payment-modal{margin:10px;max-width:95%!important;min-width:auto!important;width:95vw!important}.scheduled-payment-modal .form-section,.scheduled-payment-modal .modal-header{padding:20px 16px}.scheduled-payment-modal .modal-actions{flex-direction:column;padding:20px 16px}.scheduled-payment-modal .btn{margin-bottom:8px;width:100%}.scheduled-payment-modal .btn:last-child{margin-bottom:0}.quick-amount-grid{gap:8px;grid-template-columns:repeat(3,1fr)}.quick-amount-btn{font-size:13px;padding:10px 8px}.error-message{margin:0 16px 20px}}@media (max-width:480px){.scheduled-payment-modal{border-radius:0!important;height:100vh!important;margin:0!important;max-height:100vh!important;width:100vw!important}.scheduled-payment-modal .modal-actions{border-radius:0}}.email-modal{background:#fff!important;max-height:90vh;max-width:600px;overflow-x:hidden;overflow-y:auto;padding:30px 30px 40px;width:90%}.email-modal .modal-header{border-bottom:none;flex-direction:column;padding-bottom:20px;padding-top:40px;position:relative}.email-modal .modal-header,.email-modal .modal-header .header-icon{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.email-modal .modal-header .header-icon{background:#0000;border-radius:50%;height:80px;width:80px}.email-modal .modal-header .header-icon svg{color:#4a90e2;font-size:40px}.email-modal .modal-header h3{color:#2c3e50;font-size:24px;font-weight:600;margin:0;text-align:center}.email-modal .modal-header .btn-icon{background:#0000;border:none;color:#999;cursor:pointer;height:auto;min-width:auto;padding:4px;position:absolute;right:10px;top:10px;transform:none;width:auto}.email-modal .modal-header .btn-icon:hover{background:#0000!important;opacity:.7}.email-modal .modal-header .btn-icon svg{color:#999}.email-form .form-group{margin-bottom:20px}.email-form .form-group:has(textarea){margin-bottom:30px}.email-form{background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:20px;padding:0}.email-form .form-group{margin-bottom:15px}.email-form .form-group label{color:#666;display:block;font-size:.75rem;font-weight:600;margin-bottom:6px;text-transform:none}.email-form .form-control{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;padding:8px 10px;width:100%}.email-form textarea.form-control{background:#f8f9fa;min-height:120px;resize:vertical}.email-form .form-control:focus{border-color:#999;box-shadow:none;outline:none}.email-form .form-control::placeholder{color:#999}.success-message{animation:successFadeIn .5s ease-out;background:#fff!important;padding:60px 40px;text-align:center}.success-message>svg{animation:checkmarkPop .6s ease-out;color:#28a745!important;filter:drop-shadow(0 4px 6px rgba(40,167,69,.2));font-size:80px!important;margin-bottom:20px}.success-message h4{animation:slideIn .5s ease-out .2s both;color:#333;font-size:28px;font-weight:600;margin:20px 0 15px}.success-message p{animation:slideIn .5s ease-out .3s both;color:#495057;font-size:16px;line-height:1.6;margin:0}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;margin-bottom:20px;padding:12px 16px}.attachment-info{align-items:center;background:#0000;border:none;border-radius:0;box-shadow:none;color:#999;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;font-weight:400;gap:10px;margin-bottom:20px;margin-top:0;padding:0}.attachment-info svg{color:#999;font-size:20px}.modal-header h3{color:#333;font-size:20px;margin:0}.btn-icon{padding:8px}.btn-icon:hover{background-color:#f0f0f0}.btn-primary{border-radius:4px;font-size:14px;font-weight:500;justify-content:center;padding:12px 20px;width:auto}.btn-primary:disabled{background:#c3e6cb}.btn-secondary{border:none;border-radius:4px;font-size:14px;font-weight:500;justify-content:center;padding:12px 20px;width:auto}.btn-secondary:hover{background-color:#545b62}.btn-secondary:disabled{cursor:not-allowed;opacity:.6}.form-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1rem}.form-section h4{color:#333;font-size:.9rem;font-weight:600;margin:0 0 1rem}.payment-methods{display:flex;flex-direction:column;gap:1rem}.payment-method-option{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1rem;transition:all .2s ease}.payment-method-option:hover{border-color:#2193b0;box-shadow:0 2px 8px #2193b01a}.payment-method-label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:.75rem;margin:0}.payment-method-label input[type=checkbox],.payment-method-label input[type=radio]{margin:0;transform:scale(1.2)}.payment-method-text{color:#333;font-size:.9rem}.payment-method-description{color:#666;font-size:.85rem;font-style:italic;margin-top:.5rem;padding-left:2rem}.payment-method-note{background:#fff3e0;border:1px solid #ffcc80;border-radius:6px;color:#f57c00;font-size:.85rem;padding:1rem;text-align:center}.partial-payment-section{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;margin-top:1.5rem;padding:1rem}.partial-payment-toggle{margin-bottom:1rem}.partial-payment-options{margin-top:1rem}.percentage-options{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.percentage-btn{background:#fff;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-weight:500;min-width:60px;padding:.5rem 1rem;transition:all .2s ease}.percentage-btn:hover{background:#e7f3ff;border-color:#2193b0}.percentage-btn.active{background:#2193b0;border-color:#2193b0;color:#fff}.custom-amount-input{margin:1rem 0}.custom-amount-input label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.partial-payment-summary{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:1rem;padding:1rem}.partial-payment-summary p{color:#333;margin:.25rem 0}.percentage-display{color:#666;font-weight:400}.modal-email-confirmation{align-items:center;animation:fadeIn .3s ease-out;background:#fff;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:30px;position:absolute;right:0;top:0;z-index:10}.confirmation-icon-container{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#4a90e2,#63b3ed);border-radius:50%;display:flex;height:120px;justify-content:center;margin-bottom:30px;width:120px}.confirmation-icon-container.success-icon{animation:successPop .5s ease-out;background:linear-gradient(135deg,#28a745,#20c997)}.rocket-icon{color:#fff!important;font-size:60px!important;transform:rotate(-45deg)}.success-icon .rocket-icon{animation:checkmarkPop .6s ease-out .2s both;transform:none}.confirmation-title{color:#2c3e50;font-size:28px;font-weight:600;margin:0 0 20px;text-align:center}.confirmation-details{margin-bottom:30px;text-align:center}.confirmation-email{color:#666;font-size:16px;font-weight:400;margin:0 0 8px}.confirmation-subject{color:#999;font-size:14px;font-weight:400;margin:0}.client-name-highlight{border-radius:0;box-shadow:none;color:#2c3e50;display:inline;font-weight:600;margin:0;padding:0}.invoice-summary{background:#fff;border:1px solid #ddd;border-radius:10px;margin:20px 0;overflow:hidden;padding:20px;position:relative}.invoice-summary:before{display:none}.invoice-summary p{align-items:center;color:#666;display:flex;font-size:15px;gap:8px;margin:8px 0;padding-left:0}.invoice-summary p strong{color:#333;min-width:120px}.text-muted{background:#0000;border:none;border-radius:0;color:#666;font-size:14px;line-height:1.5;margin-top:15px;padding:0;text-align:left}.confirmation-actions{animation:slideUp .4s ease-out .2s both;display:flex;flex-direction:column;gap:0;max-width:300px;width:100%}.btn-confirm{background:#28a745!important;border:none!important;border-radius:4px!important;color:#fff!important;font-size:16px!important;font-weight:600!important;margin-bottom:0!important;padding:14px 24px!important;transition:all .2s ease;width:100%!important}.btn-confirm:hover{background:#218838!important}.btn-confirm:disabled{background:#c3e6cb!important;cursor:not-allowed;opacity:.6}.btn-link{background:#0000!important;border:none!important;color:#666!important;cursor:pointer;font-size:14px!important;margin-top:20px!important;padding:10px!important;text-decoration:underline}.btn-link:hover{color:#333!important}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.payment-options-summary{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:none;margin:20px 0;padding:16px 20px}.payment-options-summary strong{color:#333;font-size:15px}.payment-options-summary ul{margin:10px 0 0 25px;padding:0}.payment-options-summary li{align-items:center;color:#666;display:flex;gap:8px;margin-bottom:8px}.btn:disabled{overflow:hidden;position:relative}.btn:disabled:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes successFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}50%{transform:scale(1.2) rotate(10deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes shimmer{to{left:100%}}@media (max-width:640px){.email-modal{background:#fff;border-radius:12px;height:auto;max-height:95vh;max-width:98%!important;overflow-x:hidden!important;padding:20px 20px 100px!important;width:98%!important}.email-modal .modal-header{align-items:center!important;background:#0000!important;border-bottom:none!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-bottom:20px!important;padding:180px 0 20px!important;position:relative!important}.email-modal .modal-header .header-icon{height:70px;margin-bottom:15px;margin-top:100px;width:70px}.email-modal .modal-header .header-icon svg{font-size:35px}.email-modal .modal-header h3{color:#2c3e50;font-size:1.3rem!important;font-weight:600!important;margin:0!important;text-align:center!important}.email-modal .modal-header .btn-icon{position:absolute!important;right:0!important;top:0!important;transform:none!important}.email-form{background:#fff!important;overflow-y:visible!important;padding:0!important}.email-modal .form-fields-container{background:#0000;border-radius:0;box-shadow:none;margin-bottom:0;padding:0}.email-form .form-group{background:#0000;border-radius:0;box-shadow:none;margin-bottom:15px;padding:0}.email-form .form-group:last-child{margin-bottom:15px}.email-form .form-group label{color:#666;font-size:.75rem;font-weight:600;letter-spacing:0;margin-bottom:6px;text-transform:none}.email-form .form-control{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:16px;padding:8px 10px;transition:border-color .2s}.email-form .form-control:focus{background:#fff;border-color:#999;box-shadow:none}.email-form textarea.form-control{min-height:120px;resize:vertical}.email-modal .attachment-info{display:flex}.email-modal .form-section{display:none}.email-modal .form-section h4{color:#333;font-size:14px;margin-bottom:15px}.email-modal .payment-method-note{display:none}.email-modal:has(.modal-email-confirmation) .modal-actions{display:none!important}.email-modal .modal-actions{align-items:center;background:#0000!important;border-top:none!important;bottom:auto!important;box-shadow:none!important;display:flex;flex-direction:column;gap:0;justify-content:center;left:auto!important;margin-bottom:80px;margin-top:30px;padding:0!important;position:relative!important;right:auto!important;transform:none!important;width:100%!important}.email-modal .modal-actions .btn-secondary{display:none!important}.email-modal .modal-actions .btn-primary{align-items:center!important;background:#28a745!important;border:none!important;border-radius:4px!important;box-shadow:none!important;color:#fff!important;display:block!important;font-size:14px!important;font-weight:500!important;justify-content:center!important;left:auto!important;margin:0 auto!important;max-width:70%!important;min-width:200px!important;padding:12px 20px!important;position:static!important;text-align:center!important;transform:none!important;width:auto!important}.email-modal .modal-actions .btn-primary:hover{background:#218838!important}.email-modal .modal-actions .btn-primary:active{transform:none!important}.email-modal .modal-actions .btn-primary:disabled{background:#c3e6cb!important;color:#fff!important;opacity:.6!important}.email-modal .modal-email-confirmation{background:#fff;bottom:0;justify-content:flex-start!important;left:0;overflow-y:auto;padding:180px 15px 80px;position:absolute;right:0;top:0}.confirmation-icon-container{height:100px;margin-bottom:25px;width:100px}.rocket-icon{font-size:50px!important}.confirmation-title{font-size:24px;margin:0 0 15px}.confirmation-details{margin-bottom:25px}.confirmation-email{font-size:14px}.confirmation-subject{font-size:13px}.confirmation-actions{align-items:center!important;gap:0!important;justify-content:center!important;margin-left:0!important;margin-right:0!important;margin-top:20px!important;max-width:100%!important;width:100%!important}.btn-confirm,.email-modal .modal-email-confirmation .confirmation-actions .btn.btn-primary.btn-confirm{display:block!important;margin-bottom:0!important;margin-left:auto!important;margin-right:auto!important;max-width:280px!important;min-width:240px!important;padding:14px 50px!important;position:relative!important;text-align:center!important;width:auto!important}.email-modal .modal-email-confirmation .confirmation-actions .btn.btn-primary.btn-confirm{left:0!important;right:0!important}.btn-link{display:block!important;margin-bottom:60px!important;margin-top:25px!important;padding:15px!important;position:relative!important}.success-message{padding:60px 20px}.success-message h4{font-size:24px}.success-message p{font-size:16px}.success-message>div:last-child{background:#f8f9fa;border-radius:12px;margin-top:40px;padding:20px}.payment-options-summary{border-radius:12px;font-size:14px;padding:16px 20px}.payment-options-summary ul{margin:12px 0 0 20px}.payment-options-summary li{font-size:14px;margin-bottom:8px}.text-muted{border-radius:12px;font-size:14px;padding:16px}.payment-method-option{border-radius:12px;margin-bottom:12px;padding:16px}.payment-method-label{font-size:15px}.payment-method-description{font-size:13px;margin-top:8px;padding-left:2rem}.payment-method-note{border-radius:12px;font-size:14px;padding:16px}.partial-payment-section{border-radius:12px;margin-top:20px;padding:16px}.percentage-options{gap:8px;justify-content:space-between;margin-bottom:16px}.percentage-btn{border-radius:8px;flex:1 1;font-size:14px;min-width:0;padding:12px 8px}.custom-amount-input{margin:16px 0}.custom-amount-input .form-control{border-radius:8px;font-size:16px;padding:12px 14px}.partial-payment-summary{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;font-size:14px;padding:16px}.partial-payment-summary p{line-height:1.5;margin:8px 0}.error-message{border-radius:12px;font-size:14px;margin:0 0 20px;padding:16px}}@media (max-width:480px){.email-confirmation-header h4{font-size:18px}.invoice-summary p strong{display:block;margin-bottom:2px}.success-message h4{font-size:20px}.success-message>svg{font-size:48px!important}.payment-options-summary li{line-height:1.4}}@media (hover:none) and (pointer:coarse){.btn{min-height:44px}.percentage-btn{min-height:40px}input[type=checkbox],input[type=radio]{height:20px;width:20px}}.modal-actions{display:flex!important;flex-direction:row;gap:15px;justify-content:flex-end;margin-bottom:20px;margin-top:30px;visibility:visible!important}.modal-actions .btn-secondary{flex:0 0 auto;min-width:100px;width:auto}.modal-actions .btn-primary{flex:0 0 auto;min-width:150px;width:auto}@media (max-width:768px){.email-modal{border-radius:12px!important;max-width:500px!important;overflow-x:hidden!important;padding:20px 20px 100px!important;width:95%!important}.email-modal .modal-header{border-bottom:none!important;margin-bottom:20px!important;padding:0 0 20px!important}.email-modal .modal-header h3{font-size:1.3rem!important;font-weight:600!important;text-align:center!important}.email-modal .modal-header .btn-icon{position:absolute!important;right:0!important;top:0!important}.email-form{padding:0!important}}body.modal-open{overflow:hidden;position:fixed;width:100%}.add-item-modal{display:flex;flex-direction:column;max-height:90vh;max-width:800px;width:90%}.add-item-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.custom-title-field{margin-bottom:20px}.custom-title-field label{color:#666;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.custom-title-field .form-control{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;width:100%}.custom-title-field .form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.title-hint{color:#666;font-size:13px;font-style:italic;margin-top:8px}.line-items-container{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.add-item-card{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;margin-bottom:0;padding:20px}.add-item-card input.form-control,.add-item-card select.form-control{background-color:#fff!important;border:1px solid #ddd!important;outline:none!important}.add-item-card input.form-control:focus,.add-item-card select.form-control:focus{border:1px solid #ddd!important;box-shadow:none!important;outline:none!important}.item-fields{display:flex;flex:1 1;flex-direction:column;gap:12px}.field-row{align-items:flex-end;display:flex;gap:12px}.field-group{display:flex;flex-direction:column;gap:4px}.field-group label{color:#666;font-size:13px;font-weight:500}.type-select{flex:0 0 150px}.item-select{flex:1 1}.quantity-field{flex:0 0 100px}.price-field,.total-field{flex:0 0 120px}.form-control{background-color:#fff;font-size:14px;transition:none}.form-control:focus{border:1px solid #ddd!important;box-shadow:none!important;outline:none!important}.form-control.readonly{background-color:#f5f5f5;cursor:not-allowed}.btn-add-another{align-items:center;background:#999;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;margin:0 auto;padding:12px 24px;transition:all .2s;width:100%}.btn-add-another:hover{background:#888}.btn-add-another svg{font-size:20px}.combined-total{align-items:center;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-top:20px;padding:16px}.total-amount{color:#333;font-size:18px}.modal-footer{border-top:1px solid #e0e0e0;justify-content:center;padding:20px 20px 100px}.btn-submit-items{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s;width:100%}.btn-submit-items:hover{background:#218838}.btn-submit-items svg{font-size:20px;font-weight:700}.btn-delete-item{align-self:flex-end;background:#0000;border:none;color:#999;cursor:pointer;flex-shrink:0;margin-left:8px;padding:8px;transition:all .2s}.btn-delete-item:hover{color:#dc3545}.btn-delete-item svg{font-size:20px}.add-item-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:0;padding:20px;position:static}.add-item-modal .header-title{align-items:center;display:flex;gap:10px}.add-item-modal .modal-header h3{color:#333;font-size:1.3rem;font-weight:500;margin:0}.add-item-modal .modal-header .btn-icon{background:#0000;border:none;color:#666;cursor:pointer;height:auto;min-width:auto;padding:4px;width:auto}.add-item-modal .modal-header .btn-icon:hover{background:#0000!important;opacity:.7}.add-item-modal .header-icon{align-items:center;background:#e3f2fd;border-radius:8px;display:flex;justify-content:center;padding:8px}.add-item-modal .header-icon svg{color:#4a7fc5;font-size:20px}@media (max-width:768px){.add-item-modal{max-height:95vh;width:95%}.add-item-modal .modal-header{padding:20px;position:static!important}.modal-footer{margin-bottom:100px!important;padding:20px 20px 150px!important}.field-row{flex-wrap:wrap}.item-select,.type-select{flex:1 1 100%}.price-field,.quantity-field,.total-field{flex:1 1}}.custom-price-indicator{color:#666;font-size:.85em;font-weight:400;margin-left:4px}.price-field input{background-color:#fff;cursor:text}.price-field input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.price-field input.custom-price{background-color:#fff}.reports-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px}.reports-content{display:flex;flex-direction:column;gap:60px}.reports-section{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:350px 1fr}.section-sidebar{position:-webkit-sticky;position:sticky;top:40px}.section-title{font-size:24px;margin:0 0 12px}.section-description{font-size:15px;line-height:1.6;margin:0}.section-items{border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;gap:0;overflow:hidden}.report-item,.section-items{background:#fff;display:flex}.report-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;gap:16px;padding:20px 24px;transition:all .2s ease}.report-item:last-child{border-bottom:none}.report-item:hover{background:#f8f9fa}.report-item-icon{align-items:center;background:#e3f2fd;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.report-item-icon svg{color:#2193b0;font-size:20px}.report-item-content{flex:1 1;min-width:0}.report-item-title{color:#333;font-size:16px;font-weight:600;margin:0 0 4px}.report-item-description{color:#999;font-size:14px;line-height:1.5;margin:0}.report-item-arrow{color:#ccc;flex-shrink:0;font-size:24px;transition:all .2s ease}.report-item:hover .report-item-arrow{color:#2193b0;transform:translateX(4px)}@media (max-width:1024px){.reports-section{gap:24px;grid-template-columns:1fr}.section-sidebar{position:static}}@media (max-width:768px){.reports-container{padding:20px}.reports-title{font-size:24px;margin-bottom:30px}.section-title{font-size:20px}.section-description{font-size:14px}.report-item{padding:16px 20px}.report-item-icon{height:36px;width:36px}.report-item-icon svg{font-size:18px}.report-item-title{font-size:15px}.report-item-description{font-size:13px}}@media (max-width:480px){.reports-container{padding:16px}.reports-title{font-size:20px;margin-bottom:20px}.reports-content{gap:40px}.section-title{font-size:18px}.report-item{gap:12px;padding:14px 16px}.report-item-icon{height:32px;width:32px}.report-item-icon svg{font-size:16px}.report-item-title{font-size:14px}.report-item-description{font-size:12px}}.income-statement-page{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px}.income-statement-header{margin-bottom:32px}.back-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#2193b0;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;margin-bottom:20px;padding:8px 12px;transition:all .2s}.back-button:hover{background:#e3f2fd}.back-button svg{font-size:20px}.header-content h2{color:#333;font-size:28px;font-weight:600;margin:0 0 4px}.header-subtitle{color:#999;font-size:15px;margin:0}.income-statement-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:32px}.date-range-section{background:#f8f9fa;border-radius:8px;margin-bottom:32px;padding:24px}.date-inputs{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.date-input-group{display:flex;flex-direction:column;gap:8px}.date-input-group label{color:#333;font-size:14px;font-weight:600}.date-input-wrapper{align-items:center;display:flex;position:relative}.calendar-icon{color:#999;font-size:20px;left:12px;pointer-events:none;position:absolute}.date-input{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px 12px 12px 44px;transition:all .2s;width:100%}.date-input:focus{border-color:#2193b0;box-shadow:0 0 0 3px #2193b01a;outline:none}.generate-report-btn{background:#2193b0;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s;width:100%}.generate-report-btn:hover:not(:disabled){background:#1a7a92;box-shadow:0 4px 12px #2193b04d;transform:translateY(-1px)}.generate-report-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.report-content{animation:fadeIn .3s ease-in}.report-header-actions{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.report-period h3{color:#333;font-size:18px;font-weight:600;margin:0}.export-buttons{display:flex;gap:12px}.export-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.export-btn:hover{background:#f8f9fa;border-color:#2193b0;color:#2193b0}.export-btn svg{font-size:20px}.report-sections{display:flex;flex-direction:column;gap:24px}.report-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px}.report-section.highlight{background:linear-gradient(135deg,#2193b0,#6dd5ed);border:none;color:#fff}.section-title{font-size:16px;margin:0 0 16px}.section-content{display:flex;flex-direction:column;gap:12px}.report-line{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.report-line.total{border-top:2px solid #e0e0e0;font-weight:600;margin-top:8px;padding-top:16px}.line-label{color:#666;font-size:15px}.line-value{color:#333;font-size:16px;font-weight:600}.report-line.total .line-label,.report-line.total .line-value{color:#333;font-size:17px}.net-income-section{display:flex;flex-direction:column;gap:12px}.net-income-row{align-items:center;display:flex;justify-content:space-between}.net-income-label{color:#fff;font-size:20px;font-weight:600}.net-income-value{color:#fff;font-size:32px;font-weight:700}.profit-margin{align-items:center;border-top:1px solid #ffffff4d;display:flex;justify-content:space-between;padding-top:12px}.margin-label{color:#ffffffe6;font-size:14px}.margin-value{color:#fff;font-size:18px;font-weight:600}.empty-state{padding:60px 20px;text-align:center}.empty-icon{color:#ccc;font-size:64px!important;margin-bottom:20px}.empty-state h3{color:#333;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#999;font-size:14px;margin:0 auto;max-width:400px}@media (max-width:768px){.income-statement-page{padding:20px}.header-content h2{font-size:24px}.date-range-section,.income-statement-content{padding:20px}.date-inputs{gap:16px;grid-template-columns:1fr}.report-header-actions{align-items:flex-start;flex-direction:column;gap:16px}.export-buttons{justify-content:flex-end;width:100%}.net-income-label,.report-period h3{font-size:16px}.net-income-value{font-size:24px}}@media (max-width:480px){.income-statement-page{padding:16px}.header-content h2{font-size:20px}.header-subtitle{font-size:13px}.date-range-section,.income-statement-content,.report-section{padding:16px}.export-buttons{flex-direction:column;width:100%}.export-btn{justify-content:center;width:100%}.line-label,.line-value{font-size:14px}.net-income-value{font-size:20px}}.order-breakdown{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.breakdown-note{color:#6b7280;font-size:13px;font-style:italic;margin:0}.settings-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#2d3748;font-size:2rem;font-weight:700;margin:0 0 .5rem}.settings-header p{color:#718096;font-size:1rem;margin:0}.message{padding:1rem}.settings-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:250px 1fr}.settings-nav{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1rem;position:-webkit-sticky;position:sticky;top:2rem}.nav-item{background:none;border:none;border-radius:8px;color:#4a5568;cursor:pointer;display:block;font-size:.95rem;font-weight:500;margin-bottom:.25rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f7fafc;color:#4a3267}.nav-item.active{background-color:#4a3267;color:#fff}.nav-item:last-child{margin-bottom:0}.settings-panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.panel-content{padding:2rem}.panel-content h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.panel-content h3{color:#4a5568;font-size:1.125rem;font-weight:600;margin:2rem 0 1rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a3267;box-shadow:0 0 0 3px #4a32671a}.form-group input.disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.form-group small{display:block;font-size:.875rem}.form-group textarea{min-height:80px}.btn{border-radius:8px;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn.primary{background-color:#4a3267;color:#fff}.btn.primary:hover:not(:disabled){background-color:#3d2a56;transform:translateY(-1px)}.btn.secondary{background-color:#e2e8f0;color:#4a5568}.btn.secondary:hover:not(:disabled){background-color:#cbd5e0}.btn.danger{background-color:#e53e3e;color:#fff}.btn.danger:hover:not(:disabled){background-color:#c53030}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.security-info{background-color:#f7fafc;border-radius:8px;margin-top:2rem;padding:1.5rem}.security-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.security-item:last-child{border-bottom:none}.security-label{color:#2d3748;font-weight:500}.security-status{color:#718096;font-size:.95rem}.notification-group{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:1rem}.notification-group h3{color:#333;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.notification-item{margin-bottom:1rem}.checkbox-label{color:#2d3748;font-weight:500}.checkbox-label input[type=checkbox]{margin-right:.75rem;transform:scale(1.2)}.reminder-timing{margin-left:1.75rem;margin-top:.75rem}.reminder-timing label{display:block;font-weight:400;margin-bottom:.375rem}.reminder-timing select{max-width:250px;width:100%}.account-info{background-color:#f7fafc;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.info-item{align-items:center;border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:.75rem 0}.info-item:last-child{border-bottom:none}.info-item label{color:#2d3748;margin:0}.info-item span{color:#718096;font-family:Monaco,Menlo,monospace;font-size:.9rem}.payment-section{border-bottom:1px solid #e2e8f0;margin-bottom:3rem;padding-bottom:2rem}.payment-section:last-child{border-bottom:none;margin-bottom:0}.square-account-info,.stripe-account-info{border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.account-status{background-color:#f7fafc;padding:1.5rem}.status-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.status-item:last-child{border-bottom:none}.status-label{color:#2d3748;font-weight:600}.status-value{color:#718096}.status-value.account-id{font-family:Monaco,Menlo,monospace;font-size:.9rem}.status-badge{border-radius:9999px;font-size:.85rem;padding:.25rem .75rem}.status-badge.success{background-color:#c6f6d5;color:#2f855a}.status-badge.pending{background-color:#feebc8;color:#c05621}.square-actions,.stripe-actions{padding:1.5rem}.action-notice{background-color:#feebc8;border:1px solid #f6ad55;border-radius:8px;color:#c05621;margin-bottom:1.5rem;padding:1rem}.action-notice p{font-weight:500;margin:0 0 1rem}.action-buttons{flex-wrap:wrap;gap:1rem;margin-top:1rem}.square-connect,.stripe-connect{padding:1rem 0}.connect-info{padding:2rem}.connect-info h3{margin-bottom:1rem}.stripe-connect-button{background-color:#635bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:12px 24px;text-decoration:none;transition:background .2s ease}.stripe-connect-button:hover{background-color:#5045e5}.stripe-connect-button[disabled]{cursor:not-allowed;opacity:.6}.square-connect-button{align-items:center;background-color:#1f1f1f;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:.5rem;margin-top:0;padding:12px 24px;text-decoration:none;transition:background .2s ease}.square-connect-button:hover{background-color:#333}.square-connect-button[disabled]{cursor:not-allowed;opacity:.6}.branding-section{margin-bottom:2rem}.logo-upload-container{background-color:#f7fafc;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;margin:1.5rem 0;padding:1.5rem}.logo-preview{align-items:center;background-color:#fff;border:2px dashed #cbd5e0;border-radius:8px;display:flex;height:200px;justify-content:center;max-width:400px;overflow:hidden;width:100%}.logo-preview img{max-height:100%;max-width:100%;object-fit:contain}.logo-placeholder{align-items:center;background-color:#fff;border:2px dashed #cbd5e0;border-radius:8px;color:#a0aec0;display:flex;flex-direction:column;height:200px;justify-content:center;max-width:400px;width:100%}.logo-placeholder svg{font-size:3rem;margin-bottom:1rem}.logo-actions{display:flex;flex-wrap:wrap;gap:1rem}.logo-guidelines{background-color:#ebf8ff;border-left:4px solid #4299e1;border-radius:4px;margin-top:1.5rem;padding:1rem}.logo-guidelines h4{color:#2c5282;margin-bottom:.5rem;margin-top:0}.logo-guidelines ul{color:#4a5568;margin:0;padding-left:1.5rem}.logo-guidelines li{margin-bottom:.25rem}.form-group textarea[placeholder*="banking details"],.form-group textarea[placeholder*="payment information"]{background-color:#f8f9fa;border:2px dashed #dee2e6;font-family:Courier New,monospace;transition:all .3s ease}.form-group textarea[placeholder*="banking details"]:focus,.form-group textarea[placeholder*="payment information"]:focus{background-color:#fff;border-color:#4a3267;border-style:solid}.checkbox-group{margin:20px 0}.checkbox-container{align-items:flex-start!important;color:#333;cursor:pointer;display:flex!important;font-weight:500;gap:12px!important;margin-bottom:8px!important;position:relative}.checkbox-container input[type=checkbox]{accent-color:#4a3267;cursor:pointer;flex-shrink:0;height:18px!important;margin:0!important;width:18px!important}.checkbox-text{color:#333;flex:1 1;font-weight:500;line-height:1.4}.checkbox-container small,.checkbox-group small{color:#666!important;display:block!important;font-size:.9em!important;font-weight:400!important;line-height:1.4;margin-left:30px!important;margin-top:5px!important;text-align:left!important}.file-upload-section{padding:0}.selected-file-info{background-color:#f7fafc;border-radius:8px;margin-top:1rem;padding:1.5rem}.file-details{margin-bottom:1rem}.file-actions{display:flex;gap:1rem}.benefits{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.benefit-item{background-color:#f7fafc;border-radius:8px;padding:1.5rem}.benefit-item h4{color:#2d3748;font-size:1.1rem;margin:0 0 .75rem}.benefit-item p{color:#718096;margin:0}.mobile-nav-dropdown{margin-bottom:1rem;position:relative;width:100%}.mobile-nav-select{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.mobile-nav-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#4a3267;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.mobile-nav-dropdown:focus-within .mobile-nav-label,.mobile-nav-dropdown:hover .mobile-nav-label{border-color:#4a3267;box-shadow:0 4px 12px #4a326726}.dropdown-arrow{color:#4a3267;transition:transform .2s ease}.mobile-nav-dropdown:focus-within .dropdown-arrow{transform:rotate(180deg)}@media (min-width:769px){.mobile-nav-dropdown{display:none}.logo-upload-container{align-items:center;flex-direction:row}.logo-actions{align-items:flex-start}}@media (max-width:768px){.settings-container{margin:0;padding:.5rem}.settings-header{margin-bottom:1rem;padding:1rem}.settings-header h1{font-size:1.5rem}.settings-content{gap:0;grid-template-columns:1fr}.settings-nav{display:none}.settings-panel{border-radius:0;box-shadow:none;margin:0;min-height:calc(100vh - 200px)}.panel-content{padding:1rem}.panel-content h2{font-size:1.25rem;margin-bottom:1rem}.panel-content h3{font-size:1rem;margin:1.5rem 0 .75rem}.form-group{margin-bottom:1.25rem}.form-group label{font-size:.875rem;margin-bottom:.375rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:16px;padding:.875rem}.form-group small{font-size:.75rem}.btn{font-size:1rem;justify-content:center;margin-bottom:.75rem;padding:.875rem;width:100%}.action-buttons{flex-direction:column;gap:.75rem}.action-buttons .btn{margin-bottom:0}.payment-section{margin-bottom:2rem;padding-bottom:1.5rem}.square-account-info,.stripe-account-info{border-radius:8px;margin-bottom:1rem}.account-status{padding:1rem}.status-item{flex-wrap:wrap;padding:.5rem 0}.status-label{margin-bottom:.25rem;width:100%}.status-label,.status-value{font-size:.875rem}.status-value.account-id{font-size:.75rem;word-break:break-all}.square-actions,.stripe-actions{padding:1rem}.action-notice{font-size:.875rem;margin-bottom:1rem;padding:.75rem}.action-notice p{margin-bottom:.75rem}.square-connect-button,.stripe-connect-button{font-size:1rem;justify-content:center;padding:1rem;text-align:center;width:100%}.logo-upload-container{gap:1rem;padding:1rem}.logo-placeholder,.logo-preview{height:150px;max-width:100%}.logo-actions{flex-direction:column;width:100%}.logo-actions button{width:100%}.logo-guidelines{font-size:.875rem;margin-top:1rem;padding:.75rem}.logo-guidelines h4{font-size:1rem}.notification-group{margin-bottom:1.5rem}.notification-item{margin-bottom:.75rem}.checkbox-label{font-size:.875rem}.checkbox-label input[type=checkbox]{height:20px;margin-right:.5rem;width:20px}.reminder-timing{margin-left:0;margin-top:.75rem}.reminder-timing label{font-size:.875rem;margin-bottom:.375rem;min-width:auto}.reminder-timing select{max-width:none;width:100%}.account-info,.security-info{margin-top:1.5rem;padding:1rem}.info-item,.security-item{align-items:flex-start;flex-direction:column;gap:.25rem;padding:.75rem 0}.info-item label,.info-item span,.security-label,.security-status{font-size:.875rem}.selected-file-info{background-color:#f7fafc;border-radius:8px;margin-top:1rem;padding:1rem}.file-details{font-size:.875rem;margin-bottom:1rem}.file-actions{display:flex;flex-direction:column;gap:.5rem}.checkbox-group{margin:1rem 0}.checkbox-container{padding:.75rem 0}.checkbox-container input[type=checkbox]{height:20px!important;width:20px!important}.checkbox-text{font-size:.875rem}.checkbox-container small,.checkbox-group small{font-size:.75rem!important;margin-left:32px!important}.benefits{gap:1rem;grid-template-columns:1fr;margin:1rem 0}.benefit-item{padding:1rem}.benefit-item h4{font-size:1rem}.benefit-item p,.message{font-size:.875rem}.message{margin:0 .5rem 1rem;padding:.75rem}textarea{min-height:100px}.form-group textarea[placeholder*="banking details"],.form-group textarea[placeholder*="payment information"]{font-size:14px!important}.connect-info{padding:1rem}}@media (max-width:375px){.settings-header h1{font-size:1.25rem}.panel-content{padding:.75rem}.panel-content h2{font-size:1.125rem}.btn,.form-group input,.form-group select,.form-group textarea{padding:.75rem}.btn{font-size:.9375rem}}@media (max-width:768px) and (orientation:landscape){.settings-panel{min-height:auto}}@media (hover:none) and (pointer:coarse){.nav-item:hover{background-color:inherit}.nav-item:active{background-color:#4a32671a}.btn:hover{transform:none!important}.btn:active{transform:scale(.98)!important}}@media (prefers-contrast:high){.nav-item{border:1px solid #0000}.nav-item.active{border-color:#fff}.form-group input,.form-group select,.form-group textarea{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.help-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.help-header{margin-bottom:3rem;text-align:center}.help-header h1{color:#2d3748;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.help-header p{color:#718096;font-size:1.2rem;margin:0}.help-content{display:flex;flex-direction:column;gap:3rem}.help-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2rem}.help-section h2{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:1.8rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem}.help-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.help-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;padding:1.5rem;transition:all .2s ease}.help-card:hover{border-color:#4a3267;box-shadow:0 4px 12px #4a326726;transform:translateY(-2px)}.help-card h3{color:#2d3748;font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.help-card p{color:#4a5568;font-size:.95rem;line-height:1.5;margin:0 0 1rem}.help-action-btn{background:#4a3267;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.help-action-btn:hover:not(:disabled){background:#3d2a56}.help-action-btn:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed}.support-form-container{max-width:700px}.form-intro{margin-bottom:2rem}.form-intro p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.contact-info{background:#f7fafc;border-left:4px solid #4a3267;border-radius:4px;padding:1rem 1.5rem}.contact-item{color:#2d3748;font-size:.95rem;margin:.5rem 0}.contact-item strong{color:#4a3267}.message{border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.message.success{background-color:#c6f6d5;border:1px solid #9ae6b4;color:#2f855a}.message.error{background-color:#fed7d7;border:1px solid #feb2b2;color:#c53030}.support-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{color:#2d3748;margin-bottom:.5rem}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#4a3267;box-shadow:0 0 0 3px #4a32671a;outline:none}.form-group input:disabled,.form-group textarea:disabled{background-color:#f7fafc;cursor:not-allowed;opacity:.7}.form-group small{color:#718096;font-size:.85rem;margin-top:.25rem;text-align:right}.form-group textarea{min-height:120px}.form-info{background:#f7fafc;border-left:4px solid #4a3267;border-radius:6px;padding:1rem}.form-info p{font-size:.95rem;margin:.25rem 0}.form-info small{color:#718096}.submit-btn{align-items:center;background:#4a3267;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#3d2a56;transform:translateY(-1px)}.submit-btn:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-card{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.5rem;text-align:center;transition:all .2s ease}.resource-card:hover{border-color:#cbd5e0;transform:translateY(-2px)}.resource-card h3{color:#2d3748;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.resource-card p{color:#4a5568;font-size:.9rem;line-height:1.4;margin:0 0 1rem}.resource-link{background:#4a3267;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.resource-link:hover:not(:disabled){background:#3d2a56}.resource-link:disabled{background:#cbd5e0;color:#718096;cursor:not-allowed}@media (max-width:768px){.help-container{padding:1rem}.help-header h1{font-size:2rem}.help-header p{font-size:1rem}.help-section{padding:1.5rem}.help-grid,.resources-grid{grid-template-columns:1fr}.submit-btn{padding:1rem}}.enquiry-modal *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.modal-content{background:#fafafa!important;border-radius:12px;box-shadow:0 4px 24px #00000026;display:flex;flex-direction:column;max-width:800px}.enquiry-modal{background:#fafafa!important;max-width:900px}.modal-header{background:#fafafa;border-bottom:none;padding:24px 24px 20px}.modal-header h2{color:#1a1a1a;font-size:20px;font-weight:600}.close-button{border-radius:8px;padding:8px;transition:all .2s}.close-button:hover{background-color:#f5f5f5;color:#1a1a1a}.modal-body{background:#fafafa;flex:1 1;overflow-y:auto;padding:0}.enquiry-modal .modal-section{background:#fff!important;border:none!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important;padding:24px!important}.enquiry-modal .modal-section:last-child{border-bottom:none!important}.modal-section h3{align-items:center;color:#666;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin:0 0 16px;text-transform:uppercase}.modal-section h3 svg{color:#999;font-size:16px}.custom-fields-grid,.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr!important}.info-item{display:flex;flex-direction:column;gap:6px}.info-item label{color:#999;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#1a1a1a}.info-item a,.info-item span{align-items:center;display:flex;font-size:14px;font-weight:400;gap:6px}.info-item a{color:#007bff;text-decoration:none;transition:color .2s}.info-item a:hover{color:#0056b3}.info-item svg{color:#999;font-size:16px}.enquiry-modal .message-box{background-color:#f8f8f8!important;border:1px solid #f0f0f0!important;border-radius:8px!important;color:#1a1a1a!important;font-size:14px!important;font-weight:400!important;line-height:1.6!important;padding:16px!important;white-space:pre-wrap!important}.metadata .info-item span{color:#666;font-size:13px;font-weight:400}.enquiry-modal .btn{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.enquiry-modal .btn:disabled{cursor:not-allowed;opacity:.6}.enquiry-modal .btn-primary{background:#fff;border:1px solid #ddd;color:#333}.enquiry-modal .btn-primary:hover:not(:disabled){background:#28a745;border-color:#28a745;box-shadow:0 2px 8px #28a74533;color:#fff;transform:translateY(-1px)}.enquiry-modal .btn-secondary{background-color:#fff;border:1px solid #ddd;color:#333}.enquiry-modal .btn-secondary:hover:not(:disabled){background-color:#28a745;border-color:#28a745;box-shadow:0 2px 8px #28a74533;color:#fff;transform:translateY(-1px)}.enquiry-modal .btn-danger{background:#fff;border:1px solid #ddd;color:#333}.enquiry-modal .btn-danger:hover{background:#dc3545;border-color:#dc3545;box-shadow:0 2px 8px #dc35454d;color:#fff;transform:translateY(-1px)}.enquiry-modal .btn-convert{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.enquiry-modal .btn-convert:hover{background:#28a745;border-color:#28a745;box-shadow:0 2px 8px #28a74533;color:#fff;transform:translateY(-1px)}.enquiry-modal .btn:hover svg{color:#fff!important}.enquiry-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.enquiry-image-item{aspect-ratio:4/3;background:#f5f5f5;border-radius:12px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.enquiry-image-item:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.enquiry-thumbnail{display:block;height:100%;object-fit:cover;width:100%}.image-overlay{align-items:flex-end;background:linear-gradient(180deg,#0000 0,#0009);bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:16px;position:absolute;right:0;top:0;transition:opacity .3s ease}.enquiry-image-item:hover .image-overlay{opacity:1}.image-overlay span{color:#fff;font-size:13px;font-weight:500}.image-viewer-overlay{background-color:#000000f2;bottom:0;cursor:pointer;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.image-viewer-content,.image-viewer-overlay{align-items:center;display:flex;justify-content:center}.image-viewer-content{max-height:90vh;max-width:90vw;position:relative}.image-viewer-img{border-radius:8px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:100%;object-fit:contain}.image-viewer-close{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 12px #0003;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:-50px;top:-50px;transition:all .2s ease;width:44px}.image-viewer-close:hover{background:#f5f5f5;transform:scale(1.05)}.image-viewer-close svg{color:#1a1a1a;font-size:24px}.status-badge{border-radius:16px;font-weight:600;padding:6px 14px}.status-new{background:#e3f2fd;color:#1976d2}.status-in_progress{background:#fff3cd;color:#856404}.status-converted{background:#d4edda;color:#155724}.status-archived{background:#f0f0f0;color:#6c757d}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:0}.modal-content{border-radius:0;height:100%;max-height:100vh;max-width:100%}.modal-header{background:#fafafa;padding:20px 16px 16px;position:static!important}.modal-header h2{font-size:18px}.modal-body{padding:0}.modal-section{margin-bottom:0!important;padding:20px 16px!important}.modal-section h3{font-size:13px;margin-bottom:12px}.custom-fields-grid,.info-grid{gap:16px;grid-template-columns:1fr!important}.modal-footer{background:#fff;flex-direction:column;flex-wrap:wrap;gap:10px;padding:16px;position:static!important}.modal-footer .btn,.modal-footer .btn-convert,.modal-footer .btn-danger,.modal-footer .btn-primary{display:flex!important;justify-content:center!important;text-decoration:none!important;width:100%!important}.enquiry-images-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.image-viewer-overlay{padding:0}.image-viewer-close{background:#fffffff2;right:20px;top:20px}}@media (max-width:480px){.modal-header{padding:16px 12px 12px}.modal-header h2{font-size:16px}.close-button{padding:6px}.modal-body{padding:0}.modal-section{margin-bottom:0!important;padding:16px 12px!important}.modal-section h3{font-size:12px}.info-item label{font-size:10px}.info-item a,.info-item span{font-size:13px}.message-box{font-size:13px!important;padding:12px!important}.enquiry-images-grid{gap:8px;grid-template-columns:1fr}.modal-footer{padding:12px}.btn{font-size:13px;padding:10px 16px}}.enquiries-container{margin:0 auto;max-width:1400px;padding:20px}.enquiries-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.enquiries-header h1{color:#333;font-size:28px;margin:0}.header-actions{display:flex;gap:12px}.enquiry-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;text-align:center}.stat-card h3{color:#333;font-size:24px;margin:0 0 5px}.stat-card p{color:#666;font-size:14px;margin:0}.stat-icon{display:none}.enquiries-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.enquiries-table{border-collapse:collapse;width:100%}.enquiries-table thead tr{background:#f8f9fa}.enquiries-table th{border-bottom:2px solid #e9ecef;color:#666;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.enquiries-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.enquiries-table tbody tr:hover{background-color:#f8f9fa}.enquiries-table td{color:#333;font-size:14px;padding:12px 16px;vertical-align:middle}.sub-text{color:#666;font-size:12px;margin-top:2px}.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-badge.status-new{background-color:#e3f2fd;color:#1976d2}.status-badge.status-progress{background-color:#fff3cd;color:#856404}.status-badge.status-completed{background-color:#d4edda;color:#155724}.status-badge.status-converted{background-color:#f3e5f5;color:#7b1fa2}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn svg{font-size:18px}.btn-icon{background:#0000;border-radius:4px;color:#666;min-width:auto;padding:6px}.btn-icon:hover{background-color:#f5f5f5;color:#333}.btn-convert-icon{background:#0000;border-radius:4px;color:#7b1fa2;padding:6px}.btn-convert-icon:hover{background-color:#f3e5f5;color:#7b1fa2}.action-buttons{display:flex;gap:8px}.clickable-row{cursor:pointer}.error{background-color:#fee;color:#c33;padding:12px 16px}.loading{font-size:16px;padding:60px 20px}.no-items{color:#666}.enquiries-table td:first-child,.enquiries-table th:first-child{width:80px}.enquiries-table td:nth-child(2),.enquiries-table td:nth-child(3),.enquiries-table th:nth-child(2),.enquiries-table th:nth-child(3){min-width:200px}.enquiries-table td:nth-child(4),.enquiries-table th:nth-child(4){width:120px}.enquiries-table td:nth-child(5),.enquiries-table th:nth-child(5){width:140px}.enquiries-table td:nth-child(6),.enquiries-table th:nth-child(6){width:100px}.date-info{line-height:1.4}@media (max-width:1200px){.enquiries-table{min-width:1000px}.enquiries-table-container{overflow-x:auto}}@media (max-width:768px){.enquiries-container{padding:16px}.enquiries-header{align-items:flex-start;flex-direction:column;gap:16px}.enquiries-header h1{font-size:1.5rem}.enquiry-stats{grid-template-columns:repeat(2,1fr)}.enquiries-table{font-size:12px}.enquiries-table td,.enquiries-table th{padding:8px}}@media (max-width:480px){.enquiry-stats{grid-template-columns:1fr}.stat-card{padding:16px}}@media (max-width:768px){.enquiries-container{padding:12px}.enquiry-stats{gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-card{padding:15px}.stat-card h3{font-size:20px}.stat-card p{font-size:12px}.enquiries-table-container{display:none}.enquiries-mobile-view{display:block}.enquiry-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s}.enquiry-card:active{transform:scale(.98)}.enquiry-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.enquiry-card-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.enquiry-card-date{color:#666;font-size:12px}.enquiry-card-details{grid-gap:8px;display:grid;gap:8px}.enquiry-card-detail{display:flex;font-size:14px;justify-content:space-between}.enquiry-card-detail label{color:#666}.enquiry-card-detail span{color:#333;font-weight:500}.enquiry-card .status-badge{font-size:11px;padding:3px 10px}}@media (min-width:769px){.enquiries-mobile-view{display:none}}@media (max-width:480px){.enquiries-container{padding:8px}.enquiry-stats{gap:8px;grid-template-columns:1fr}.stat-card{align-items:center;display:flex;gap:12px;padding:12px}.stat-card h3{font-size:18px;margin:0}.stat-card p{font-size:11px;margin:0}.enquiry-card{margin-bottom:8px;padding:12px}.enquiry-card-name{font-size:15px}.enquiry-card-detail{font-size:13px}}.conversion-success-overlay{align-items:center;animation:fadeIn .3s ease-in;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.conversion-success-message{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;padding:40px 60px;text-align:center}.conversion-success-message .success-icon{align-items:center;animation:scaleIn .4s ease-out;background:#28a745;border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.conversion-success-message h3{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.conversion-success-message p{color:#666;font-size:16px;margin:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width:480px){.conversion-success-message{padding:30px 40px}.conversion-success-message .success-icon{font-size:36px;height:60px;margin-bottom:16px;width:60px}.conversion-success-message h3{font-size:20px}.conversion-success-message p{font-size:14px}}.custom-field-manager{margin-top:16px}.fields-header{margin-bottom:20px}.error-message{border-radius:6px;margin-bottom:16px}.add-field-section{background-color:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:20px}.add-field-section h4{color:#333;font-size:1.1rem;margin:0 0 16px}.field-form{background:#fff;border-radius:6px;padding:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.field-form .form-group,.form-row{margin-bottom:16px}.field-form .form-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.field-form .form-group input,.field-form .form-group select{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:8px 12px;width:100%}.field-form .form-group input:focus,.field-form .form-group select:focus{border-color:#de638a;box-shadow:0 0 0 2px #de638a1a;outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400!important}.checkbox-label input[type=checkbox]{margin-right:8px;width:auto}.options-list{display:flex;flex-direction:column;gap:8px}.option-row{align-items:center;display:flex;gap:8px}.option-row input{flex:1 1}.add-option-btn{align-self:flex-start;margin-top:8px}.form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px}.fields-list{display:flex;flex-direction:column;gap:12px}.no-fields{background-color:#f8f9fa;border-radius:8px;color:#666;padding:40px 20px;text-align:center}.field-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;transition:box-shadow .2s}.field-item:hover{box-shadow:0 2px 8px #0000001a}.field-header{align-items:flex-start;display:flex;justify-content:space-between}.field-info{align-items:flex-start;gap:12px}.drag-handle{color:#999;cursor:move;margin-top:2px}.field-info h5{color:#333;font-size:1rem;margin:0 0 4px}.field-meta{display:flex;flex-wrap:wrap;gap:8px}.field-type{background-color:#e3f2fd;color:#1976d2;text-transform:capitalize}.field-type,.required-tag{border-radius:4px;font-size:.8rem;padding:2px 8px}.required-tag{background-color:#ffebee;color:#c62828}.options-count{background-color:#f3e5f5;border-radius:4px;color:#7b1fa2;font-size:.8rem;padding:2px 8px}.field-actions{display:flex;gap:8px}.field-options{border-top:1px solid #e9ecef;color:#666;font-size:.9rem;margin-top:12px;padding-top:12px}.field-options strong{color:#333;margin-right:4px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.field-header{flex-direction:column;gap:12px}.field-actions{align-self:flex-end}}.enquiry-settings{margin:0 auto;max-width:1200px}.settings-header{align-items:center;display:flex;justify-content:flex-end;margin-bottom:24px}.settings-header h1{color:#333;font-size:1.8rem;margin:0}.save-button{padding:10px 20px}.success-message{animation:fadeIn .3s ease-in;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;margin-bottom:20px;padding:12px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:40px}.error-message{background-color:#ffebee;border:1px solid #ef9a9a;border-radius:8px;color:#c62828;max-width:500px;padding:16px 24px;text-align:center}.loading{font-size:1.1rem}.settings-sections{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:200px 1fr}.section-nav{display:flex;flex-direction:column;gap:8px;position:-webkit-sticky;position:sticky;top:20px}.section-button{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;padding:12px 16px;text-align:left;transition:all .2s}.section-button:hover{background-color:#f8f9fa;color:#333}.section-button.active{background-color:#fce4ec;color:#de638a}.section-button svg{font-size:1.2rem}.section-content{background:#fff;border-color:#fff;border-radius:12px;padding:30px}.settings-panel{border:0}.settings-panel h3{align-items:center;color:#333;display:flex;font-size:1.4rem;gap:10px;margin:0 0 24px}.settings-panel h3 svg{color:#de638a}.settings-panel h4{color:#333;font-size:1.1rem;margin:32px 0 16px}.section-description{color:#666;font-size:.95rem;margin-bottom:20px}.disabled-input{background-color:#f8f9fa!important;color:#666!important;cursor:not-allowed!important}.url-display{align-items:center;display:flex;gap:12px}.url-input{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;cursor:not-allowed;flex:1 1;font-size:.95rem;padding:12px 16px}.view-form-btn{white-space:nowrap}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.form-group input[type=email],.form-group input[type=text],.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s;width:100%}.form-group input[type=email]:focus,.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#de638a;box-shadow:0 0 0 3px #de638a1a;outline:none}.form-group textarea{font-family:inherit;line-height:1.5;resize:vertical}.input-with-prefix{align-items:center;display:flex}.input-prefix{background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px 0 0 8px;border-right:none;color:#666;font-size:.95rem;padding:12px 16px;white-space:nowrap}.input-with-prefix input{border-radius:0 8px 8px 0!important}.form-help{align-items:center;color:#666;display:flex;font-size:.85rem;gap:4px;margin-top:6px}.form-help a{color:#de638a;text-decoration:none}.form-help a:hover{text-decoration:underline}.toggle-label{align-items:center;cursor:pointer;display:flex;font-weight:500!important;gap:10px;margin-bottom:8px}.toggle-label input[type=checkbox]{cursor:pointer;height:20px;width:20px}.toggle-label span{-webkit-user-select:none;user-select:none}.color-group{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.color-input-wrapper{align-items:center;display:flex;gap:12px}.color-input-wrapper input[type=color]{border:1px solid #ddd;border-radius:8px;cursor:pointer;height:44px;padding:4px;width:60px}.color-input-wrapper input[type=text]{flex:1 1}.fields-grid{grid-gap:16px;background-color:#f8f9fa;border-radius:8px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:20px}.field-checkbox{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:12px;transition:all .2s}.field-checkbox:hover{border-color:#de638a;box-shadow:0 2px 4px #0000000d}.field-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.field-info{align-items:center;display:flex;flex:1 1;gap:8px}.field-name{flex:1 1}.required-badge{background-color:#dc3545;border-radius:12px;color:#fff;font-size:.75rem;padding:2px 8px}.custom-fields,.standard-fields{margin-bottom:40px}.custom-fields{border-top:1px solid #e9ecef;padding-top:32px}.email-preview{margin-top:24px}.email-preview h5{color:#333;margin:0 0 12px}.preview-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.preview-subject{border-bottom:1px solid #dee2e6;margin-bottom:16px;padding-bottom:16px}.preview-body{color:#495057;line-height:1.6;white-space:pre-wrap}@media (max-width:968px){.settings-sections{grid-template-columns:1fr}.section-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:20px;position:static}.section-button{flex:1 1 auto;justify-content:center;min-width:120px}}@media (max-width:768px){.settings-header{align-items:stretch;flex-direction:column;gap:16px}.save-button{width:100%}.color-group,.fields-grid,.preview-fields{grid-template-columns:1fr}.section-content{padding:20px}}.btn{border-radius:6px;display:flex;font-size:.9rem}.btn-primary{background:#de638a}.btn-primary:hover{background:#c54d78;box-shadow:0 2px 8px #de638a4d;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;box-shadow:0 2px 8px #6c757d4d;transform:translateY(-1px)}.enquiries-page{padding-bottom:40px}.enquiries-tabs{background-color:#f8f9fa;border-bottom:1px solid #ddd;border-radius:8px 8px 0 0;display:flex;margin-bottom:20px;padding:0 20px}.enquiries-tab{background:none;border:none;color:#666;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;position:relative;transition:all .3s ease}.enquiries-tab:hover{background-color:#de638a0d;color:#de638a}.enquiries-tab.active{background-color:#fff;border-radius:8px 8px 0 0;color:#de638a;margin-bottom:-1px;z-index:1}.enquiries-tab.active:after{background-color:#de638a;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.enquiries-content{background:#fff;border-radius:0 0 8px 8px;min-height:400px;padding:0}.enquiries-content.card{border:none;box-shadow:none}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#333;font-size:24px;margin:0}.close-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:color .2s}.close-button:hover{color:#333}.modal-body{padding:20px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-size:14px;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:14px;padding:10px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#de638a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.error-text{color:#dc3545;font-size:12px;margin-top:5px}.error-message{background:#f8d7da;border-radius:4px;color:#721c24;font-size:14px;margin-bottom:15px;padding:12px}.form-group.checkbox-group,.form-group.checkbox-group label{align-items:center!important;display:flex!important;flex-direction:row!important}.form-group.checkbox-group label{cursor:pointer!important;font-weight:400!important;gap:8px!important;margin:0!important}.form-group.checkbox-group input[type=checkbox]{cursor:pointer!important;flex-shrink:0!important;height:auto!important;margin:0!important;padding:0!important;width:auto!important}.form-group.checkbox-group .checkbox-label{display:inline!important;font-weight:400!important;margin:0!important;padding:0!important}.modal-footer{align-items:center;background:#fff;border-top:1px solid #e8e8e8;display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-end;padding:24px}.save-expense-button{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .2s ease}.save-expense-button:hover:not(:disabled){background:#218838}.save-expense-button:disabled{cursor:not-allowed;opacity:.6}.expense-modal .btn{align-items:center!important;background-color:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;color:#333!important;cursor:pointer!important;display:inline-flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:10px 20px!important;text-decoration:none!important;transition:all .2s ease!important}.expense-modal .btn:disabled{cursor:not-allowed!important;opacity:.6!important}.expense-modal .btn-secondary{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.expense-modal .btn-secondary:hover{background-color:#28a745!important;border-color:#28a745!important;box-shadow:0 2px 8px #28a74533!important;color:#fff!important;transform:translateY(-1px)!important}.expense-modal .btn-secondary:hover svg{color:#fff!important}.expense-modal .btn-delete{background-color:#fff!important;border:1px solid #ddd!important;color:#333!important}.expense-modal .btn-delete:hover{background-color:#dc3545!important;border-color:#dc3545!important;box-shadow:0 2px 8px #dc35454d!important;color:#fff!important;transform:translateY(-1px)!important}.expense-modal .btn-delete:hover svg{color:#fff!important}.btn-sm{font-size:12px;padding:6px 12px}.receipt-upload-section{border-top:1px solid #e9ecef;margin-top:20px;padding-top:20px}.receipt-upload-area{align-items:center;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:20px}.upload-hint{color:#666;font-size:12px;margin:0}.receipt-previews-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}.receipt-preview-item{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:12px}.receipt-preview-image{background:#fff;border:1px solid #ddd;border-radius:4px;height:150px;overflow:hidden;width:100%}.receipt-preview-image img{height:100%;object-fit:cover;width:100%}.receipt-actions{display:flex;flex-direction:row;gap:8px;width:100%}.receipt-actions .btn{flex:1 1;justify-content:center}.upload-status{color:#666;font-size:13px;font-style:italic;margin:8px 0 0}@media (max-width:768px){.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:90vh}.modal-body{padding-bottom:80px}.modal-header{padding:16px}.modal-header h2{font-size:20px}.modal-body{padding:16px}.form-grid{gap:12px;grid-template-columns:1fr}.expense-modal .modal-footer{background:#fff!important;flex-direction:column!important;flex-wrap:wrap!important;gap:10px!important;padding:16px!important;position:static!important}.expense-modal .modal-footer .btn,.expense-modal .modal-footer .btn-delete,.expense-modal .modal-footer .btn-secondary,.expense-modal .modal-footer .save-expense-button{display:flex!important;justify-content:center!important;text-decoration:none!important;width:100%!important}.expense-modal .modal-footer .btn-secondary{margin-bottom:20px!important}.receipt-previews-grid{grid-template-columns:1fr}.receipt-preview-item{padding:10px}.receipt-preview-image{height:200px}.receipt-actions{flex-direction:column}.receipt-actions .btn{width:100%}}.expenses-container{margin:0 auto;max-width:1400px;padding:20px}.add-expense-button{align-items:center;background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;margin-bottom:20px;padding:12px 24px;transition:background .2s}.add-expense-button:hover{background:#218838}.expenses-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.summary-card h3{color:#666;font-size:14px;font-weight:600;margin:0 0 10px;text-transform:uppercase}.summary-amount{color:#333;font-size:28px;font-weight:700;margin:0 0 5px}.summary-count{color:#666;font-size:14px;margin:0}.summary-percentage{font-size:24px;font-weight:700;margin:0 0 5px}.summary-percentage.positive{color:#28a745}.summary-percentage.negative{color:#dc3545}.summary-label{color:#666;font-size:12px;margin:0}.expenses-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.search-container{flex:1 1;min-width:250px;position:relative}.search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{font-size:14px;padding:10px 10px 10px 40px}.filter-container{min-width:200px;position:relative}.filter-icon{color:#999;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 10px 10px 40px;width:100%}.expenses-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.expenses-table{border-collapse:collapse;width:100%}.expenses-table thead{background:#f8f9fa}.expenses-table th{border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px 15px;text-align:left}.expenses-table tbody tr{border-bottom:1px solid #dee2e6;cursor:pointer;transition:background-color .2s}.expenses-table tbody tr:hover{background-color:#f8f9fa}.expenses-table td{color:#333;font-size:14px;padding:12px 15px}.category-badge{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.amount-cell{color:#dc3545;font-weight:600}.receipt-cell{text-align:center;width:40px}.receipt-icon{color:#28a745;font-size:20px}.receipt-icon-inline{color:#28a745;font-size:18px;margin-right:6px;vertical-align:middle}.expenses-cards{display:none}.expense-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;margin-bottom:15px;padding:15px;transition:box-shadow .2s}.expense-card:hover{box-shadow:0 4px 8px #00000026}.expense-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.expense-description{color:#333;flex:1 1;font-size:16px;font-weight:600}.expense-amount{color:#dc3545;font-size:16px;font-weight:600;margin-left:10px}.expense-card-body{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.expense-date{color:#666;font-size:13px}.expense-card-footer{border-top:1px solid #e9ecef;margin-top:8px;padding-top:8px}.expense-vendor{color:#666;font-size:13px}.loading{color:#666;padding:40px;text-align:center}.error{background:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:20px;padding:12px}.no-items{color:#999;font-size:16px;padding:60px 20px;text-align:center}.btn{font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.btn-primary{background:#28a745}.btn-primary:hover{background:#218838}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.expenses-container{padding:15px 15px 80px}.add-expense-button{font-size:16px;margin-bottom:20px;padding:14px 24px;width:100%}.expenses-summary{grid-template-columns:1fr}.expenses-filters{flex-direction:column}.filter-container,.search-container{min-width:100%}}@media (min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.task-list-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:40px}.task-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.task-list-header h2{color:#333;font-size:28px;font-weight:600;margin:0}.task-list-toolbar{background:#fff;border:1px solid #e0e0e0;border-radius:12px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.search-bar,.task-list-toolbar{align-items:center;display:flex}.search-bar{background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;flex:1 1;max-width:400px;padding:10px 16px}.search-bar svg{color:#999;font-size:20px;margin-right:12px}.search-bar input{background:#0000;border:none;color:#333;font-size:15px;outline:none;width:100%}.search-bar input::placeholder{color:#999}.toolbar-actions{align-items:center;display:flex;gap:10px}.toolbar-actions .btn.active{background-color:#e0e0e0}.filters-panel{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;padding:24px}.filter-group{display:flex;flex-direction:column;gap:8px;min-width:180px}.filter-group label{color:#333;font-size:14px;font-weight:600}.filter-group select{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s}.filter-group select:focus{border-color:#2193b0;box-shadow:0 0 0 3px #2193b01a;outline:none}.sort-dropdown{position:relative}.sort-menu{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:none;min-width:150px;position:absolute;right:0;top:100%;z-index:10}.sort-dropdown:hover .sort-menu,.sort-menu:hover{display:block}.sort-option{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 16px;text-align:left;width:100%}.sort-option:hover{background-color:#f5f5f5}.sort-option.active{background-color:#f0f0f0;font-weight:600}.task-items{background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;flex-direction:column;gap:0;overflow:hidden}.task-item{background:#fff;border-bottom:1px solid #f0f0f0;cursor:pointer;padding:20px 24px;transition:background-color .2s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:#f8f9fa}.task-item.completed{background:#fafafa;opacity:.6}.task-info{display:flex;flex-direction:column;gap:8px}.task-date-display{color:#999;font-size:13px;font-weight:500}.task-title{color:#333;font-size:16px;font-weight:600;margin:0}.task-item.completed .task-title{color:#999;text-decoration:line-through}.task-description{color:#666;font-size:14px;line-height:1.5;margin:0}.task-actions{display:flex;gap:4px}.btn-icon{align-items:center;background:none;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon:hover{background:#f8f9fa;border-color:#2193b0}.btn-icon svg{color:#666;font-size:20px}.btn-icon:hover svg{color:#2193b0}.btn-delete svg,.btn-edit svg{color:#666}.no-tasks{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#999;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-tasks p{font-size:15px;margin:0}.error{background-color:#ffebee;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:24px;padding:16px 20px}.loading{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#999;display:flex;font-size:15px;height:200px;justify-content:center}.add-task-button-container{display:flex;justify-content:center;margin-bottom:24px}.add-task-button{align-items:center;background:#28a745;border:none;border-radius:8px;box-shadow:0 2px 4px #28a74533;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.add-task-button:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.add-task-button:active{box-shadow:0 2px 4px #28a74533;transform:translateY(0)}.add-task-button svg{font-size:20px}@media (max-width:768px){.task-list-container{padding:20px}.task-list-header h2{font-size:24px}.add-task-button-container{padding:0}.add-task-button{justify-content:center;width:100%}.task-list-toolbar{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.search-bar{max-width:100%}.toolbar-actions{justify-content:flex-end;width:100%}.filters-panel{gap:16px;padding:16px}.filter-group{min-width:100%}.task-item{padding:16px 20px}.task-title{font-size:15px}.task-description{font-size:13px}.task-date-display{font-size:12px}}@media (max-width:480px){.task-list-container{padding:16px}.task-list-header{align-items:flex-start;flex-direction:column;gap:16px}.task-list-header h2{font-size:20px}.task-item{padding:14px 16px}.task-title{font-size:14px}.task-date-display{font-size:11px}}.app{display:flex;min-height:100vh}.content{background-color:#f8f9fa;flex:1 1;padding:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #0000001a;margin-bottom:20px;padding:20px}.section-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.btn svg{vertical-align:middle}.btn-primary{background-color:#4a3267;color:#fff}.btn-primary:hover{background-color:#de638a}.btn-secondary{background-color:#f5f5f5;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-control{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:8px 12px;width:100%}.status-paid{color:#4caf50;font-weight:500}.status-quoted{color:#ff9800;font-weight:500}.status-pending{color:#2196f3;font-weight:500}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #eee;padding:12px 16px;text-align:left}.table th{background-color:#f5f5f5;font-weight:600}.tabs{border-bottom:1px solid #ddd;display:flex;margin-bottom:20px}.tab{cursor:pointer;font-weight:500;padding:12px 20px}.tab.active{border-bottom:2px solid #4caf50;color:#4caf50}.notification-badge{background-color:#f44336;border-radius:50%;color:#fff;display:inline-block;font-size:12px;margin-left:8px;padding:2px 6px}.search-container{margin-bottom:20px}.search-input{border:1px solid #ddd;border-radius:4px;font-size:16px;max-width:400px;padding:8px 12px;width:100%}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important}
/*# sourceMappingURL=main.50d22f2e.css.map*/