#modal{position:fixed;top:0;right:0;left:0;bottom:0;display:flex;justify-content:center;align-items:center}#modal-background{position:fixed;top:0;right:0;left:0;bottom:0;background-color:#000000b3}#modal-content{position:absolute;background-color:#fff}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#ffe8d1;padding:.75rem 1.5rem;color:#fff;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap}.brand-btn{background:none;border:none;cursor:pointer;padding:0}.brand-logo{height:80px;width:auto}.nav-title{font-size:1.5rem;font-weight:600;color:#000;margin-left:1rem;flex:1}.nav-list{list-style:none;display:flex;gap:1.25rem;margin:0;padding:0}.nav-link{color:#568ea3;text-decoration:none;font-weight:500;transition:color .2s ease-in-out}.nav-link:hover,.nav-link.active{color:#000}#modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999!important}.modal-overlay{position:fixed!important;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999!important}.modal-content{position:fixed!important;background-color:#ffe8d1;width:300px;text-align:center;color:#072460;font-weight:700;border:5px solid black;box-shadow:4px 4px 10px #0000004d;z-index:9999!important;border-radius:10px}.modal-header{background-color:#568ea3;padding:15px;font-size:1.8rem;color:#fff;border-top-left-radius:10px;border-top-right-radius:10px}.modal-message{background-color:#ffe8d1;padding:20px;font-size:1.2rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.modal-actions{display:flex;justify-content:center;gap:15px;margin:0 10px 20px 0}.confirm-btn{background-color:#568ea3;color:#fff;font-size:1.2rem;padding:10px 20px;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease-in-out}.confirm-btn:hover{transform:scale(1.05);background-color:#457486}.cancel-btn{background-color:#ae2335;color:#fff;font-size:1.2rem;padding:10px 20px;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease-in-out}.cancel-btn:hover{transform:scale(1.05);background-color:#b31942}.password-input{padding:10px;width:80%;margin-top:15px;border:2px solid #568EA3;border-radius:6px;font-size:1rem;background-color:#fff;color:#072460;font-weight:700}.admin-banner{background-color:#ae2335;color:#fff;padding:8px 16px;text-align:center;font-weight:700;display:flex;justify-content:space-between;align-items:center}.logout-btn{background-color:#fff;color:#ae2335;border:none;padding:6px 12px;cursor:pointer;font-weight:700;border-radius:4px}.logout-btn:hover{filter:brightness(.95)}.call-now-float{position:fixed;top:calc(var(--nav-height, 96px) + 40px);right:16px;z-index:1000}@media (max-width: 640px){.call-now-float{top:auto;bottom:16px;right:16px}}.call-now-btn{background-color:#4682b4;color:#2e8b57;border:2px solid #AE2335;padding:10px 20px;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;transition:transform .08s ease,filter .15s ease;box-shadow:none}.call-now-btn:hover{filter:brightness(.96)}.content-container{padding:16px}.base-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.base-modal__card{width:90%;max-width:500px;background-color:#ffe8d1;border:5px solid #000;border-radius:10px;box-shadow:4px 4px 10px #0000004d;max-height:50%;overflow-y:auto}.base-modal__header{background-color:#568ea3;color:#fff;font-size:1.8rem;font-weight:700;text-align:center;padding:15px}.base-modal__body{padding:0 var(--space-md)}.base-modal__body label{display:block;margin-bottom:1rem}.base-modal__body input:not([type=checkbox]),.base-modal__body textarea{box-sizing:border-box;width:100%;padding:10px;margin-top:10px;border:2px solid #568ea3;border-radius:6px;background-color:#fff;color:#072460;font-size:1rem;font-weight:600}.base-modal__body input[type=checkbox]{width:auto;margin:0 .5rem 0 0}.base-modal__actions{display:flex;justify-content:center;gap:15px;padding:0 20px 20px;margin-top:10px}.btn-edit,.btn-delete{font-size:1.2rem;padding:10px 20px;border-radius:8px;font-weight:700;border:none;cursor:pointer;transition:transform .2s ease-in-out}.btn-edit:hover{transform:scale(1.05);background-color:#457486}.btn-delete:hover{transform:scale(1.05);background-color:#b31942}.star-select-row{display:flex;gap:.4rem;margin:.5rem 0 .75rem}.star-icon{width:24px;height:24px;cursor:pointer}.modal-error{background-color:#ffe8e8;color:#b31942;padding:10px;border-radius:6px;margin-bottom:10px;font-weight:700}.mark-sold-form{display:flex;flex-direction:column;gap:1rem}.mark-sold-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid #d9d9d9;border-radius:10px;background:#fafafa}.mark-sold-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mark-sold-section-title{margin:0;font-size:1rem;font-weight:700}.mark-sold-field{display:flex;flex-direction:column;gap:.4rem}.mark-sold-field>span{font-size:.85rem;font-weight:600}.mark-sold-checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;font-weight:600}.mark-sold-checkbox input{width:1rem;height:1rem;cursor:pointer}.mark-sold-address-grid{display:grid;grid-template-columns:2fr .75fr 1fr;gap:.75rem}.mark-sold-full-width{grid-column:1 / -1}.mark-sold-helper{margin:0;font-size:.85rem;opacity:.7}.mark-sold-error{margin:0}.mark-sold-section .modal-input:disabled{cursor:not-allowed;opacity:.65}@media (max-width: 650px){.mark-sold-address-grid{grid-template-columns:1fr}.mark-sold-full-width{grid-column:auto}.mark-sold-section-header{align-items:flex-start;flex-direction:column}}.machine-card{background-color:#ffe8d1;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem;display:flex;flex-direction:column;position:relative}.machine-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:.5rem}.machine-name{font-size:1.25rem;font-weight:700;color:#072460;height:3rem;margin-bottom:.5rem}.machine-image-container{height:200px;background-color:#568ea3;display:flex;align-items:center;justify-content:center;border-radius:.25rem;overflow:hidden;margin-bottom:.75rem}.machine-image{max-width:100%;max-height:100%;object-fit:contain}.machine-price,.machine-condition,.machine-hours{font-size:.95rem;margin-bottom:.25rem;color:#333}.machine-actions{display:flex;gap:.5rem;margin-top:auto}.machine-status-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-35deg);width:140%;text-align:center;font-size:2.5rem;font-weight:900;letter-spacing:.15rem;color:red;opacity:.35;z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none}.machine-warranty{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem}.machine-warranty strong{font-weight:700}.machine-warranty span{font-size:.9rem}.image-uploader{display:flex;flex-direction:column;align-items:center;background-color:#ffe8d1;padding:1.5rem;border:2px dashed #568ea3;border-radius:12px;color:#072460;font-weight:700;transition:border-color .3s ease-in-out}.image-uploader:hover{border-color:#0a3161}.image-preview{margin-top:1rem;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.image-thumb{width:100px;height:100px;object-fit:cover;border:2px solid #568ea3;border-radius:8px;box-shadow:2px 2px 8px #0003}.upload-button{margin-top:1rem;background-color:#072460;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease-in-out}.upload-button:hover{background-color:#0a3161}input[type=file]{margin-top:1rem;color:#072460}.equipment-selector{position:relative}.equipment-options{width:95%;max-height:240px;overflow-y:auto;margin-top:4px;background-color:#fff;border:2px solid #568ea3;border-radius:6px}.equipment-options-heading{padding:8px 10px;background-color:#568ea3;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.equipment-option{display:block;width:100%;padding:10px;background-color:#fff;color:#072460;border:none;border-bottom:1px solid #d8e1e5;text-align:left;font-size:.95rem;cursor:pointer}.equipment-option:hover{background-color:#eef5f7}.equipment-no-results{padding:12px 10px;color:#072460;text-align:center}.equipment-profile-preview{width:95%;box-sizing:border-box;margin-top:8px;padding:10px;background-color:#fff;border:2px solid #568ea3;border-radius:6px;color:#072460;font-size:.9rem}.equipment-profile-found{margin-bottom:4px;color:#287a3d;font-weight:700}.machines-page{padding:2rem;margin:0 auto}.machines-page h1{font-size:2rem;margin-bottom:1rem;color:#072460;text-align:center}.add-machine-container{width:100%;display:flex;justify-content:center;margin:1rem 0 1.5rem}.add-machine-btn{width:30%;padding:.75rem 2rem;background-color:#568ea3;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:12px;cursor:pointer;text-align:center}.add-machine-btn:hover{background-color:#0a3161}.machine-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,420px));justify-content:center;gap:1.5rem;list-style:none;padding:0;margin:0}.call-now-btn{background-color:#568ea3;color:#ffe8d1;border:5px solid #FFE8D1;padding:10px 20px;font-size:1rem;font-weight:700;border-radius:5px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.call-now-btn:hover{background-color:#3b6c94;transform:scale(1.05)}.call-now-btn:active{transform:scale(.98)}.del-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.del-cell{position:relative;display:grid;grid-template-rows:auto 1fr;gap:6px;padding:6px;border:2px solid #568EA3;border-radius:8px;background:#fff}.del-cell.picked{outline:3px solid #AE2335;outline-offset:0}.del-cell input[type=checkbox]{justify-self:start;width:18px;height:18px;cursor:pointer}.del-cell img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:6px;background:#f7f7f7}.machine-details-page{display:grid;gap:16px}.carousel{position:relative;width:75%;margin:0 auto;display:grid;gap:12px}.carousel-image{width:100%;max-height:520px;object-fit:contain;border-radius:8px;background:#f7f7f7}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);border:none;background-color:#ffe8d1;color:#568ea3;width:36px;height:36px;line-height:36px;font-size:20px;cursor:pointer;border-radius:50%;display:grid;place-items:center;-webkit-user-select:none;user-select:none}.carousel-btn.prev{left:8px}.carousel-btn.next{right:8px}.carousel-btn:hover{background:rgba(0,0,0,.65)}.carousel-btn:disabled{opacity:.4;cursor:default}.image-grid{margin-top:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.image-grid img{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;background:#f7f7f7}.add-image-row{margin-top:8px;display:flex;justify-content:flex-start}.add-image-hint{margin-bottom:8px}.back-button{background-color:#568ea3;color:#ffe8d1;border:none;padding:.5rem 1rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.back-button:hover{background-color:#4b7c8e;color:#fff3e8}@media (max-width: 480px){.carousel-image{max-height:360px}.thumb img{width:72px;height:72px}}.actions-row{display:flex;gap:10px;margin-top:8px}.actions-row .btn-edit,.actions-row .btn-delete{flex:0 0 auto}.login-modal{background-color:#fff;padding:30px;border-radius:10px;border:3px solid #568EA3;box-shadow:0 4px 10px #0003;width:320px;text-align:center}.login-modal h1{color:#072460;margin-bottom:20px;font-size:1.8rem}.login-form input{width:90%;padding:10px;margin:10px 0;border:2px solid #568EA3;border-radius:6px;font-size:1rem;font-weight:700;color:#072460}.login-form input::placeholder{color:#a0a0a0}.error-message{color:#ae2335;font-weight:700;font-size:.9rem;margin:4px 0 10px}.login-modal-btn{background-color:#072460;color:#fff;padding:10px 20px;font-size:1.1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin-top:10px;transition:background-color .2s ease-in-out}.login-modal-btn:hover{background-color:#0a3161}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.home-heading{font-size:2rem;margin-bottom:2rem;color:#072460}.home-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.home-button{background-color:#568ea3;color:#fff;font-size:1.25rem;font-weight:600;padding:1rem 2rem;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease-in-out}.home-button:hover{background-color:#0a3161}.faq-card{background-color:#ffe8d1;border:2px solid #568EA3;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:2px 2px 8px #0000001a;transition:transform .2s ease-in-out}.faq-card:hover{transform:scale(1.02)}.faq-question{font-size:1.3rem;font-weight:700;color:#568ea3;margin-bottom:10px}.faq-answer{font-size:1.1rem;color:#0a3161}.faq-meta{margin-top:15px;font-size:.9rem;color:#ae2335;text-align:right}.faq-actions{display:flex;gap:.5rem;margin-top:1rem}.faq-edit-input,.faq-edit-textarea{width:97%;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem;border:1px solid #ccc;font-size:1rem}.faq-edit-textarea{min-height:100px;resize:vertical}.faqs-page{padding:2rem;max-width:800px;margin:0 auto}.faqs-page h1{font-size:2rem;margin-bottom:1rem;text-align:center;color:#072460}.add-faq-container{width:100%;display:flex;justify-content:center;margin:1rem 0 1.5rem}.add-faq-container .btn-add{width:30%;padding:.75rem 2rem;background-color:#568ea3;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:12px;cursor:pointer;text-align:center}.add-faq-container .btn-add:hover{background-color:#0a3161}.testimonial-card{background-color:#ffe8d1;border:2px solid #568EA3;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:2px 2px 8px #0000001a;transition:transform .2s ease-in-out}.testimonial-card:hover{transform:scale(1.02)}.testimonial-author{font-size:1.3rem;font-weight:700;color:#568ea3;margin-bottom:10px}.testimonial-content{font-size:1.1rem;color:#0a3161}.testimonial-notables{margin-top:15px;font-size:.9rem;color:#568ea3;text-align:left}.testimonial-actions{display:flex;gap:.5rem;margin-top:1rem}.btn-edit,.btn-delete{flex:1;padding:.5rem 1rem;font-weight:700;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.btn-edit{background-color:#568ea3;color:#fff}.btn-edit:hover{background-color:#0a3161}.btn-delete{background-color:#ae2335;color:#fff}.btn-delete:hover{background-color:#b31942}.testimonial-input,.testimonial-textarea{width:97%;padding:.5rem;margin-bottom:.5rem;border-radius:.25rem;border:1px solid #ccc;font-size:1rem}.testimonial-textarea{min-height:100px;resize:vertical}.testimonials-page{padding:2rem;max-width:800px;margin:0 auto}.testimonials-page h1{font-size:2rem;margin-bottom:1rem;text-align:center;color:#072460}.add-testimonial-container{width:100%;display:flex;justify-content:center;margin:1rem 0 1.5rem}.add-testimonial-container .btn-add{width:30%;padding:.75rem 2rem;background-color:#568ea3;color:#fff;font-weight:700;font-size:1rem;border:none;border-radius:12px;cursor:pointer;text-align:center}.add-testimonial-container .btn-add:hover{background-color:#0a3161}.about-container{max-width:800px;margin:0 auto;padding:2rem;background-color:#fff;color:#072460;font-family:sans-serif;line-height:1.7}.about-container h1{font-size:2rem;margin-bottom:1.5rem;color:#568ea3;text-align:center}.about-container p{margin-bottom:1.2rem}.contact-container{max-width:700px;margin:2rem auto;padding:1.5rem;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;line-height:1.6;font-size:1rem;color:#072460}.contact-container h1{font-size:2rem;margin-bottom:1rem;color:#ae2335}.contact-container a{color:#568ea3;text-decoration:none;font-weight:600}.contact-container a:hover{text-decoration:underline}.customer-card-link{text-decoration:none;color:inherit}.customer-card{background-color:#ffe8d1;border:1px solid #ccc;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:1rem;height:100%;min-height:180px;display:flex;flex-direction:column}.customer-details{flex:1;display:flex;flex-direction:column;gap:.5rem}.customer-name{font-size:1.25rem;font-weight:700;color:#072460;margin:0}.customer-type{font-size:.85rem;font-weight:700;color:#568ea3;margin:0 0 .25rem}.customer-details p{font-size:.95rem;color:#333;margin:0}.customer-card:hover{box-shadow:0 4px 8px #00000026}.customers-page{padding:var(--space-xl)}.customers-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.customers-header h1{margin:0 0 var(--space-sm);color:var(--sc-steel-blue)}.customers-header p{margin:0;color:var(--color-text-muted)}.customers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.customers-message{margin:0;color:var(--color-text-muted);font-size:1rem}@media (max-width: 700px){.customers-page{padding:var(--space-md)}.customers-header{align-items:flex-start;flex-direction:column}.customers-grid{grid-template-columns:1fr}}.pw-label{display:block;margin:.25rem 0;color:#072460;font-weight:600}.pw-input-wrap{position:relative;display:flex;align-items:center}.pw-input{padding-right:2.25rem}.pw-toggle{position:absolute;right:.5rem;background:transparent;border:none;cursor:pointer;font-size:1.05rem;line-height:1;padding:0 .25rem}.admin-home-container{width:min(1200px,calc(100% - 32px));margin:0 auto;padding:24px 0 48px}.admin-dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.admin-home-heading{margin:0;color:#1f4e79;font-size:2rem}.admin-dashboard-subheading{margin:6px 0 0;color:#666}.dashboard-section{margin-bottom:32px}.dashboard-section-title{margin:0 0 16px;color:#1f4e79;font-size:1.25rem}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dashboard-card{min-height:130px;padding:20px;border:1px solid #d9e2ec;border-radius:12px;background:#fff;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.dashboard-card-button{width:100%;font:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.dashboard-card-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f}.dashboard-card-label{color:#5f6b76;font-size:.9rem;font-weight:600}.dashboard-card-value{margin-top:8px;color:#1f4e79;font-size:2rem;line-height:1.1}.dashboard-card-detail{margin-top:8px;color:#6b7280;font-size:.82rem}.dashboard-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.dashboard-panel{min-width:0}.dashboard-list{overflow:hidden;border:1px solid #d9e2ec;border-radius:12px;background:#fff;box-shadow:0 3px 10px #0000000f}.dashboard-list-item{width:100%;padding:16px;border:0;border-bottom:1px solid #e8edf2;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;color:inherit;font:inherit;text-align:left}button.dashboard-list-item{cursor:pointer}button.dashboard-list-item:hover{background:#f7f9fb}.dashboard-list-item:last-child{border-bottom:0}.dashboard-list-content{min-width:0;display:flex;flex-direction:column;gap:4px}.dashboard-item-type{color:#1f4e79;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dashboard-item-customer{color:#66717c;font-size:.9rem}.dashboard-item-date{flex-shrink:0;color:#7a838c;font-size:.82rem}.dashboard-activity-item{cursor:default}.dashboard-empty,.dashboard-message{padding:20px;border:1px solid #d9e2ec;border-radius:10px;background:#f8fafc;color:#66717c}.dashboard-error{border-color:#c94a4a;color:#a32d2d}.admin-navigation-section{padding-top:8px}.admin-home-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-home-button{min-height:52px;padding:12px 14px;border:0;border-radius:8px;background-color:#1f4e79;color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.admin-home-button:hover{transform:translateY(-1px);opacity:.92}@media (max-width: 1000px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-home-buttons{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 700px){.admin-home-container{width:min(100% - 20px,1200px);padding-top:16px}.admin-home-heading{font-size:1.65rem}.dashboard-summary-grid,.dashboard-detail-grid,.admin-home-buttons{grid-template-columns:1fr}.dashboard-card{min-height:110px}.dashboard-list-item{align-items:flex-start}}.customer-details-page{max-width:1100px;margin:0 auto;padding:var(--space-xl)}.customer-back-link{display:inline-block;margin-bottom:var(--space-lg);color:var(--sc-steel-blue);font-weight:700;text-decoration:none}.customer-back-link:hover{text-decoration:underline}.customer-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.customer-details-header h1{margin:0 0 var(--space-sm);color:var(--sc-steel-blue);font-size:2rem}.customer-details-header p{margin:0;color:var(--color-text-muted);font-weight:700}.customer-details-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.customer-info-card{margin-bottom:var(--space-lg);padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--sc-cream);box-shadow:var(--shadow-sm)}.customer-history-section{margin-bottom:var(--space-lg)}.customer-info-card p{margin:var(--space-sm) 0;color:var(--color-text)}.customer-address{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-sm) 0;color:var(--color-text)}.customer-address strong{margin-bottom:var(--space-xs)}.customer-history-list{display:flex;flex-direction:column}.customer-history-section p{margin:0;color:var(--color-text-muted)}.customer-purchases-list{gap:var(--space-xl)}.customer-purchase-wrapper{position:relative;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--sc-cream);box-shadow:var(--shadow-sm)}.customer-purchase-details{margin-top:var(--space-md)}.customer-purchase-details>p+p{margin-top:var(--space-sm)}.customer-purchase-delivery{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.customer-purchase-delivery span{margin-left:var(--space-md)}.customer-purchase-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.customer-purchase-cancelled-stamp{position:absolute;top:50%;left:50%;width:140%;transform:translate(-50%,-50%) rotate(-35deg);color:red;font-size:2.5rem;font-weight:900;letter-spacing:.15rem;text-align:center;opacity:.35;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.customer-machine-warranty{margin-top:var(--space-lg);padding:var(--space-md);border:2px solid #b8a58f;border-radius:var(--radius-md);background:var(--color-background);box-shadow:var(--shadow-sm)}.customer-machine-warranty h3{margin:0 0 var(--space-md);color:var(--sc-steel-blue)}.customer-machine-warranty p{margin:var(--space-xs) 0}.customer-machine-service-history{margin-top:var(--space-lg);padding:var(--space-md);border:2px solid #b8a58f;border-radius:var(--radius-md);background:var(--color-background);box-shadow:var(--shadow-sm)}.customer-machine-service-history h3{margin:0 0 var(--space-md);color:var(--sc-steel-blue)}.customer-service-record{padding:var(--space-md);border:2px solid #a9957e;border-radius:var(--radius-md);background:var(--sc-cream);box-shadow:var(--shadow-sm)}.customer-service-record+.customer-service-record{margin-top:var(--space-md)}.customer-service-record p{margin:var(--space-xs) 0}@media (max-width: 700px){.customer-details-page{padding:var(--space-md)}.customer-details-header{flex-direction:column}.customer-details-actions{width:100%}.customer-details-actions button{flex:1}.customer-info-card{padding:var(--space-md)}.customer-purchase-actions{flex-direction:column}.customer-purchase-actions button{width:100%}.customer-purchase-cancelled-stamp{font-size:2rem}}.sales-archive-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.sales-archive-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.sales-archive-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.sales-archive-header p{margin:.65rem 0 0;color:#6b7280;font-size:.95rem}.sales-archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.sales-archive-card{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:14px;background:#ffffff;box-shadow:0 8px 24px #0f172a0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.sales-archive-card:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 14px 32px #0f172a1a}.sales-archive-card-link{display:block;color:inherit;text-decoration:none}.sales-archive-machine{position:relative;display:flex;align-items:flex-end;min-height:130px;padding:1.25rem;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.9))}.sales-archive-machine h2{margin:2.5rem 0 0;color:#fff;font-size:1.3rem;line-height:1.25}.sales-status-overlay{position:absolute;top:1rem;right:1rem;padding:.4rem .7rem;border-radius:999px;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em}.sales-status-overlay.sold{background:#b45309}.sales-status-overlay.delivered{background:#15803d}.sales-archive-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem}.sales-archive-info>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.sales-archive-info>div:first-child{grid-column:1 / -1;padding-bottom:.9rem;border-bottom:1px solid #eef2f7}.sales-archive-info span{color:#6b7280;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sales-archive-info strong{overflow:hidden;color:#111827;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.sales-customer-link{display:block;margin:0 1.25rem 1.25rem;padding-top:1rem;border-top:1px solid #eef2f7;color:#1f4f82;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-align:right;text-decoration:none}.sales-customer-link:hover{text-decoration:underline}@media (max-width: 640px){.sales-archive-page{width:min(100% - 1rem,1180px);padding-top:1.25rem}.sales-archive-header{margin-bottom:1.25rem}.sales-archive-grid{grid-template-columns:1fr;gap:1rem}.sales-archive-info{grid-template-columns:1fr}.sales-archive-info>div:first-child{grid-column:auto}}.sales-archive-machine{position:relative}.sales-status-overlay{position:absolute;top:50%;left:50%;width:140%;transform:translate(-50%,-50%) rotate(-35deg);text-align:center;font-size:2.5rem;font-weight:900;letter-spacing:.15rem;color:red;opacity:.35;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.sale-details-page{width:min(1000px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.back-button{margin-bottom:1.5rem;padding:0;border:none;background:none;color:#1f4f82;font-size:.9rem;font-weight:700;cursor:pointer}.back-button:hover{text-decoration:underline}.sale-status-banner{display:inline-block;margin-bottom:1rem;padding:.45rem .8rem;border-radius:999px;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em}.sale-status-banner.sold{background:#b45309}.sale-status-banner.delivered{background:#15803d}.sale-details-page>h1{margin:0 0 2rem;color:#111827;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.sale-details-section{margin-bottom:1.5rem;padding:1.5rem;border:1px solid #e5e7eb;border-radius:14px;background:#ffffff;box-shadow:0 8px 24px #0f172a0d}.sale-details-section h2{margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid #eef2f7;color:#111827;font-size:1.25rem}.sale-details-section p{margin:0 0 .85rem;color:#4b5563;font-size:.95rem;line-height:1.6}.sale-details-section p:last-child{margin-bottom:0}.sale-details-section strong{color:#111827;font-weight:700}.sale-details-section a{display:inline-block;margin-top:.5rem;color:#1f4f82;font-size:.9rem;font-weight:700;text-decoration:none}.sale-details-section a:hover{text-decoration:underline}.sale-details-section h2:not(:first-child){margin-top:2rem}@media (max-width: 640px){.sale-details-page{width:min(100% - 1rem,1000px);padding-top:1.25rem}.sale-details-page>h1{margin-bottom:1.5rem;font-size:2rem}.sale-details-section{margin-bottom:1rem;padding:1.1rem;border-radius:10px}.sale-details-section h2{font-size:1.1rem}}.warranties-page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.warranties-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.warranties-header h1{margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1}.warranties-header p{margin:.65rem 0 0;color:#6b7280;font-size:.95rem}.warranties-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none}.warranty-card{position:relative;overflow:hidden;border:1px solid #e5e7eb;border-radius:14px;background:#ffffff;box-shadow:0 8px 24px #0f172a0f;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.warranty-card:hover{transform:translateY(-3px);border-color:#cbd5e1;box-shadow:0 14px 32px #0f172a1a}.warranty-machine{position:relative;display:flex;align-items:flex-end;min-height:130px;padding:1.25rem;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.9))}.warranty-machine h2{margin:2.5rem 0 0;color:#fff;font-size:1.3rem;line-height:1.25}.warranty-status-overlay{position:absolute;top:85%;left:50%;width:140%;transform:translate(-50%,-50%) rotate(-35deg);text-align:center;font-size:2.5rem;font-weight:900;letter-spacing:.15rem;color:#b45309;opacity:.4;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.warranty-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.25rem}.warranty-info>div{display:flex;flex-direction:column;gap:.25rem;min-width:0}.warranty-info>div:first-child{grid-column:1 / -1;padding-bottom:.9rem;border-bottom:1px solid #eef2f7}.warranty-info span{color:#6b7280;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.warranty-info strong{overflow:hidden;color:#111827;font-size:.98rem;text-overflow:ellipsis;white-space:nowrap}.warranty-customer-link{display:block;margin:0 1.25rem 1.25rem;padding-top:1rem;border-top:1px solid #eef2f7;color:#1f4f82;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-align:right;text-decoration:none}.warranty-customer-link:hover{text-decoration:underline}.warranties-error{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}@media (max-width: 640px){.warranties-page{width:min(100% - 1rem,1180px);padding-top:1.25rem}.warranties-header{margin-bottom:1.25rem}.warranties-grid{grid-template-columns:1fr;gap:1rem}.warranty-info{grid-template-columns:1fr}.warranty-info>div:first-child{grid-column:auto}}.service-records-page{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}.service-records-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem}.service-records-header h1{margin:0;font-size:2rem;color:#111827}.service-records-header p{margin:.4rem 0 0;color:#6b7280;font-size:.95rem}.service-records-count{flex-shrink:0;padding:.45rem .8rem;border:1px solid #d1d5db;border-radius:999px;background:#ffffff;color:#4b5563;font-size:.85rem;font-weight:700}.service-records-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.service-record-card{overflow:hidden;border:1px solid #e5e7eb;border-radius:12px;background:#ffffff;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a}.service-record-machine{min-height:125px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,rgba(15,23,42,.97),rgba(30,41,59,.92))}.service-record-machine h2{margin:1.5rem 0 0;color:#fff;font-size:1.3rem;line-height:1.3}.service-record-badges{display:flex;flex-wrap:wrap;gap:.5rem}.service-type-badge,.warranty-covered-badge{display:inline-flex;align-items:center;width:fit-content;padding:.3rem .55rem;border-radius:5px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.service-type-badge{background:rgba(255,255,255,.14);color:#fff}.warranty-covered-badge{background:#dcfce7;color:#166534}.service-record-content{padding:1.25rem}.service-record-summary{display:grid;grid-template-columns:1fr auto;gap:1.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e5e7eb}.service-record-summary>div{display:flex;flex-direction:column;gap:.25rem}.service-record-summary>div:last-child{text-align:right}.service-record-label{display:block;color:#6b7280;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.service-record-section{margin-top:1rem}.service-record-section p{margin:.3rem 0 0;color:#374151;font-size:.9rem;line-height:1.5}.service-record-costs{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:0;margin-top:1.25rem;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.service-record-costs>div{min-width:0;padding:.8rem;display:flex;flex-direction:column;gap:.25rem;border-right:1px solid #e5e7eb;background:#f9fafb}.service-record-costs>div:last-child{border-right:none}.service-record-costs strong{color:#111827;font-size:.85rem;overflow-wrap:anywhere}.service-record-customer-link{width:100%;margin-top:1.25rem;padding:.7rem 1rem;border:1px solid #d1d5db;border-radius:7px;background:#ffffff;color:#1f2937;font:inherit;font-size:.85rem;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.service-record-customer-link:hover{background:#f9fafb;border-color:#9ca3af}.service-record-customer-link:active{transform:translateY(1px)}.service-records-state{margin:3rem 0;color:#6b7280;text-align:center;font-size:.95rem}.service-records-error{color:#b91c1c}@media (max-width: 900px){.service-records-grid{grid-template-columns:1fr}}@media (max-width: 600px){.service-records-page{width:min(100% - 1rem,1200px);padding-top:1rem}.service-records-header{align-items:flex-start;flex-direction:column;gap:.75rem}.service-record-summary{grid-template-columns:1fr;gap:.75rem}.service-record-summary>div:last-child{text-align:left}.service-record-costs{grid-template-columns:1fr 1fr}.service-record-costs>div{border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.service-record-costs>div:nth-child(2n){border-right:none}.service-record-costs>div:nth-last-child(-n+2){border-bottom:none}}:root{--sc-white: #ffffff;--sc-cream: #ffe8d1;--sc-steel-blue: #568ea3;--color-bg: var(--sc-white);--color-surface: var(--sc-cream);--color-surface-muted: #fafafa;--color-text: #1f1f1f;--color-text-muted: #666666;--color-border: #d9d9d9;--color-primary: var(--sc-steel-blue);--color-primary-hover: #46798c;--color-danger: #b42318;--color-danger-hover: #8f1c13;--color-success: #1f7a3f;--color-warning: #a15c00;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 10px rgba(0, 0, 0, .12);--transition-fast: .2s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:1.2}p{margin-top:0}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:.7rem .8rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #568ea32e}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.65}textarea{min-height:110px;resize:vertical}button,.btn{border:none;border-radius:var(--radius-sm);padding:.65rem 1rem;font-weight:700;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}button:hover:not(:disabled),.btn:hover:not(:disabled){transform:translateY(-1px)}button:disabled,.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary,.btn-edit,.add-customer-button{background:var(--color-primary);color:var(--sc-white)}.btn-primary:hover:not(:disabled),.btn-edit:hover:not(:disabled),.add-customer-button:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:#e8e8e8;color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#dcdcdc}.btn-danger,.btn-delete{background:var(--color-danger);color:var(--sc-white)}.btn-danger:hover:not(:disabled),.btn-delete:hover:not(:disabled){background:var(--color-danger-hover)}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-sm)}.card-muted{background:var(--color-surface-muted)}.status-stamp{position:absolute;top:50%;left:50%;width:140%;transform:translate(-50%,-50%) rotate(-35deg);text-align:center;font-size:2.5rem;font-weight:900;letter-spacing:.15rem;color:red;opacity:.35;z-index:50;pointer-events:none;-webkit-user-select:none;user-select:none}.status-text{font-weight:700;text-transform:uppercase}.status-text--sold{color:var(--color-warning)}.status-text--delivered{color:var(--color-success)}.status-text--cancelled{color:var(--color-danger)}.error-text,.modal-error,.customer-delete-error{margin:0;color:var(--color-danger);font-size:.9rem;font-weight:600}.success-text{color:var(--color-success)}.muted-text,.helper-text{color:var(--color-text-muted);font-size:.9rem}.empty-state{padding:var(--space-lg);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);text-align:center;color:var(--color-text-muted)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-center{text-align:center}.w-full{width:100%}img{max-width:100%}@media (max-width: 700px){body{overflow-x:hidden}button,.btn{min-height:44px}input,select,textarea{font-size:1rem}.card{width:100%}}