:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0}html{min-height:100vh}body{min-height:100vh;overflow-x:hidden}#root{min-height:100vh}:root{--color-primary:#ffc83d;--color-secondary:#7bd957;--color-accent:#a8e65c;--color-pink:#ff5ba6;--color-berry:#c2185b;--color-background:#fffdf4;--color-surface:#f5f7f6;--color-border:#e5e7eb;--color-text:#1f2937;--color-muted:#4b5563;--color-success:#7bd957;--color-warning:#ffc83d;--color-error:#ff5ba6;--radius:12px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);color:var(--color-text);margin:0;font-family:Poppins,Segoe UI,sans-serif}h1,h2,h3,p{color:var(--color-text)}p{line-height:1.5}.app-shell{background:var(--color-background);width:100%;min-width:0;min-height:100vh;margin:0;display:flex}.app-shell>main{background:var(--color-background);flex:1;min-width:0;min-height:100vh;padding:2rem;overflow-x:hidden}.sidebar{background:linear-gradient(180deg, var(--color-accent), var(--color-secondary));color:#fff;flex-direction:column;flex-shrink:0;gap:1rem;width:220px;min-width:220px;min-height:100vh;padding:2rem 1rem;display:flex}.sidebar h2,.sidebar p{color:#fff}.sidebar button{text-align:left;cursor:pointer;color:#fff;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.9rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.sidebar button:hover{background:#ffffff2e}.sidebar button.active{background:var(--color-surface);color:var(--color-text);font-weight:700}.sidebar-logo{width:180px;margin:0 auto 2rem;display:block}.sidebar-user{opacity:.85;word-break:break-word;font-size:.8rem}.page{width:100%;max-width:1200px;margin:0 auto}.page-header{text-align:left}.page-header .eyebrow,.eyebrow{color:#2f8f2f;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .35rem;font-size:.8rem;font-weight:800}.page-header h1{color:var(--color-text);margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:800}.page-header p{color:var(--color-muted);margin:.5rem 0 0}.page-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.card,.stat-card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md);text-align:left;border-radius:16px;padding:1.5rem}.card h2,.card h3,.stat-card h2{color:var(--color-text)}.card h2,.form-card h2{margin-top:0}.card h2{text-align:left}.grid-layout{grid-template-columns:minmax(360px,420px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.list{flex-direction:column;gap:1rem;display:flex}.list-item{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.list-item>div:first-child{flex:1}.list-item h3{color:var(--color-text);margin:0 0 .35rem}.list-item p,.list-item li{color:var(--color-muted)}.list-item h3,.list-item p,.list-item ul{text-align:left}.list-item .button-row{flex-direction:column;min-width:90px}.list-item .button-row button{width:100%;min-height:auto;padding:.65rem .9rem}button{cursor:pointer;background:var(--color-primary);color:var(--color-text);border:none;border-radius:10px;padding:.8rem 1rem;font-weight:700}button:disabled{opacity:.6;cursor:not-allowed}.secondary-button{background:var(--color-secondary);color:#fff}.danger-button{background:var(--color-pink);color:#fff}.button-row{flex-wrap:wrap;gap:.75rem;display:flex}form{max-width:100%}.form-card{align-self:start}.form-card label{margin-bottom:1rem}label{color:var(--color-text);margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:block}input,select,textarea{border:1px solid var(--color-border);background:var(--color-surface);width:100%;max-width:100%;color:var(--color-text);border-radius:10px;margin-top:.35rem;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}textarea{min-height:90px}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #ffc83d33}input::placeholder,textarea::placeholder{color:var(--color-muted)}.login-page,.loading-screen{background:var(--color-background);min-height:100vh;color:var(--color-text);place-items:center;padding:2rem;display:grid}.login-card{width:min(100%,420px)}.success-message{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:.75rem;margin-bottom:1rem;padding:.75rem}.error-message{color:#be123c;border-radius:var(--radius);background:#ffe4e6;border:1px solid #fda4af;margin-bottom:1rem;padding:.75rem;font-weight:700}.warning-message{color:#92400e;border-radius:var(--radius);background:#fef3c7;border:1px solid #fbbf24;padding:.75rem;font-weight:700}.status-badge{text-transform:capitalize;border-radius:999px;align-items:center;width:fit-content;padding:.25rem .65rem;font-size:.8rem;font-weight:600;display:inline-flex}.status-inquiry{color:#374151;background:#f3f4f6}.status-deposit-paid{color:#92400e;background:#fef3c7}.status-booked{color:#1e40af;background:#dbeafe}.status-ready-for-delivery{color:#9a3412;background:#ffedd5}.status-delivered{color:#5b21b6;background:#ede9fe}.status-picked-up{color:#115e59;background:#ccfbf1}.status-completed{color:#14532d;background:#bbf7d0}.status-closed{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.status-available{color:#166534;background:#dcfce7}.status-needs-cleaning{color:#9a3412;background:#ffedd5}.status-maintenance{color:#5b21b6;background:#ede9fe}.status-retired{color:#991b1b;background:#fee2e2}.status-active{color:#166534;background:#dcfce7}.status-inactive,.payment-unpaid{color:#374151;background:#f3f4f6}.payment-deposit-paid{color:#92400e;background:#fef3c7}.payment-paid{color:#166534;background:#dcfce7}.payment-refunded{color:#5b21b6;background:#ede9fe}.order-item-row{grid-template-columns:1fr 80px 100px auto;align-items:center;gap:.75rem;margin-bottom:.75rem;display:grid}.order-total-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);margin:1rem 0;padding:1rem}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;gap:1.25rem;padding:1.25rem;display:flex}.order-card-main{flex:1;grid-template-columns:minmax(180px,260px) 1fr;gap:1.25rem;display:grid}.order-card h3{margin:0 0 .5rem}.order-card-badges{flex-wrap:wrap;gap:.5rem;display:flex}.order-card-details p{margin:.25rem 0}.order-card-actions{flex-direction:column;gap:.75rem;min-width:90px;display:flex}.order-form-modal{width:min(100%,900px)}.calendar-agenda{flex-direction:column;gap:1.5rem;display:flex}.calendar-day{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.calendar-day:last-child{border-bottom:none;padding-bottom:0}.calendar-day h2{color:var(--color-text);margin-bottom:1rem}.calendar-events{flex-direction:column;gap:1rem;display:flex}.calendar-event{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);justify-content:space-between;gap:1rem;padding:1rem;display:flex}.calendar-event h3{color:var(--color-text);margin:0 0 .35rem}.calendar-event p{color:var(--color-muted);margin:.25rem 0}.calendar-event-button{text-align:left;width:100%;color:var(--color-text);cursor:pointer}.calendar-event-button:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.calendar-event-badges{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.calendar-event-button.calendar-inquiry{border-left:6px solid #9ca3af}.calendar-event-button.calendar-deposit{border-left:6px solid #f59e0b}.calendar-event-button.calendar-booked{border-left:6px solid #3b82f6}.calendar-event-button.calendar-ready{border-left:6px solid #f97316}.calendar-event-button.calendar-delivered{border-left:6px solid #8b5cf6}.calendar-event-button.calendar-picked-up{border-left:6px solid #14b8a6}.calendar-event-button.calendar-closed{border-left:6px solid #22c55e}.calendar-event-button.calendar-cancelled{border-left:6px solid #ef4444}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card p{color:var(--color-muted);margin:0 0 .5rem;font-size:.9rem}.stat-card h2{color:var(--color-text);margin:0;font-size:1.75rem}.snapshot-list{flex-direction:column;gap:1rem;display:flex}.snapshot-list div{border-bottom:1px solid var(--color-border);color:var(--color-text);justify-content:space-between;padding-bottom:.75rem;display:flex}.snapshot-list div:last-child{border-bottom:none;padding-bottom:0}.snapshot-list span,.snapshot-list strong{color:var(--color-text)}.dashboard-hero{border:1px solid var(--color-border);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff7cc,#ecffd8);border-radius:18px;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.dashboard-hero h2{margin:.25rem 0;font-size:clamp(1.5rem,3vw,2.25rem)}.dashboard-hero p{color:var(--color-muted);margin:0}.dashboard-hero-total{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);min-width:220px;box-shadow:var(--shadow-sm);padding:1rem}.dashboard-hero-total span{color:var(--color-muted);margin-bottom:.25rem;font-size:.85rem;display:block}.dashboard-hero-total strong{color:var(--color-text);font-size:1.75rem;display:block}.modal-backdrop{z-index:50;background:#1f293773;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:var(--color-surface);width:min(100%,720px);max-height:90vh;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);border-radius:18px;padding:1.5rem;overflow-y:auto}.modal-header{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.modal-header h2{margin:0}.modal-section{margin-top:1rem}.modal-section h3,.modal-grid h3{margin-bottom:.35rem}.modal-section p,.modal-grid p{color:var(--color-muted);margin:.25rem 0}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.modal-list{margin:0;padding:0;list-style:none}.modal-list li{border-bottom:1px solid var(--color-border);justify-content:space-between;gap:1rem;padding:.65rem 0;display:flex}.modal-list li:last-child{border-bottom:none}.modal-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.modal-totals div{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem}.modal-totals span{color:var(--color-muted);margin-bottom:.25rem;font-size:.85rem;display:block}.modal-totals strong{color:var(--color-text);font-size:1.25rem}.form-section{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1rem}.form-section h3{margin-top:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.checkbox-grid{flex-wrap:wrap;gap:1rem;display:flex}.checkbox-row{align-items:center;gap:.5rem;margin-bottom:0;display:inline-flex}.checkbox-row input{width:auto;margin-top:0}.toolbar{margin-bottom:1rem}.toolbar input{max-width:420px}.section-header{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.section-header h2,.section-header p{margin:0}.settings-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.settings-nav{flex-direction:column;gap:.5rem;display:flex;position:sticky;top:1rem}.settings-nav button{text-align:left;justify-content:flex-start;width:100%}.settings-nav button.active{background:var(--color-primary);color:var(--color-text)}.settings-nav button:disabled{opacity:.45;cursor:not-allowed}.settings-content{min-width:0}.settings-actions{border-top:1px solid var(--color-border);justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;display:flex}.appearance-mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.appearance-mode-card{border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;background:var(--color-surface);flex-direction:column;gap:.35rem;padding:1rem;display:flex}.appearance-mode-card.active{border-color:var(--color-primary)}.appearance-mode-card input{width:auto}.appearance-mode-card span{color:var(--color-muted);font-size:.85rem}.color-settings-grid{gap:1rem;display:grid}.color-setting{display:block}.color-input-row{grid-template-columns:56px minmax(0,180px);align-items:center;gap:.75rem;margin-top:.5rem;display:grid}.color-input-row input[type=color]{cursor:pointer;width:56px;height:44px;padding:.2rem}.appearance-preview{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-background);grid-template-columns:120px 1fr;min-height:220px;display:grid;overflow:hidden}.appearance-preview-sidebar{background:var(--color-secondary);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.appearance-preview-logo{background:var(--color-primary);border-radius:8px;width:50px;height:28px;margin-bottom:1rem}.appearance-preview-nav{background:#ffffff80;border-radius:999px;height:12px}.appearance-preview-nav.active{background:var(--color-surface)}.appearance-preview-main{padding:1.25rem}.appearance-preview-heading{background:var(--color-text);border-radius:6px;width:35%;height:20px;margin-bottom:1.25rem}.appearance-preview-card{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);height:110px;padding:1rem}.appearance-preview-button{background:var(--color-primary);border-radius:8px;width:100px;height:32px}[data-theme=light]{--color-background:#fffdf4;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#1f2937;--color-muted:#6b7280;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-background:#111827;--color-surface:#1f2937;--color-border:#374151;--color-text:#f9fafb;--color-muted:#9ca3af;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body,[data-theme=dark] .app-shell,[data-theme=dark] main{background:var(--color-background);color:var(--color-text)}[data-theme=dark] .card,[data-theme=dark] .stat-card,[data-theme=dark] .order-card,[data-theme=dark] .modal-card{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] strong,[data-theme=dark] label{color:var(--color-text)}[data-theme=dark] .page-header p,[data-theme=dark] .list-item p,[data-theme=dark] .order-card-details p,[data-theme=dark] .modal-section p,[data-theme=dark] .modal-grid p,[data-theme=dark] .stat-card p{color:var(--color-muted)}[data-theme=dark] .dashboard-hero{border-color:var(--color-border);background:linear-gradient(135deg,#1f2937 0%,#243244 100%)}[data-theme=dark] .dashboard-hero .eyebrow{color:var(--color-accent)}[data-theme=dark] .dashboard-hero h2{color:var(--color-text)}[data-theme=dark] .dashboard-hero p{color:var(--color-muted)}[data-theme=dark] .dashboard-hero-total{background:var(--color-background);border-color:#4b5563}[data-theme=dark] .dashboard-hero-total span{color:var(--color-muted)}[data-theme=dark] .dashboard-hero-total strong{color:var(--color-text)}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-layout,.order-item-row{grid-template-columns:1fr}.list-item .button-row{flex-direction:row}.page-header-row,.order-card,.modal-actions{flex-direction:column}.order-card-main,.form-grid{grid-template-columns:1fr}.order-card-actions{flex-direction:row}}@media (width<=800px){.dashboard-hero{flex-direction:column;align-items:stretch}.dashboard-hero-total{min-width:0}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;position:static;overflow-x:auto}.settings-nav button{flex:none;width:auto}.appearance-mode-options{grid-template-columns:1fr}}@media (width<=700px){.calendar-event,.list-item{flex-direction:column}}@media (width<=650px){.modal-header{flex-direction:column}.modal-grid,.modal-totals{grid-template-columns:1fr}}@media (width<=600px){.dashboard-stats{grid-template-columns:1fr}.app-shell{flex-direction:column}.sidebar{width:100%;min-width:0;min-height:auto}}.rental-setting-options{flex-direction:column;gap:.75rem;display:flex}.rental-setting-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;gap:1.5rem;margin:0;padding:1rem;display:flex}.rental-setting-card>div{flex-direction:column;gap:.25rem;display:flex}.rental-setting-card span{color:var(--color-muted);font-size:.85rem;font-weight:400}.rental-setting-card input{flex:none;width:auto;margin:0}.muted-text{color:var(--color-muted);font-size:.85rem}.welcome-card{width:min(100%,680px)}.welcome-card h1{margin-bottom:.5rem}.welcome-card>p{color:var(--color-muted);margin-bottom:1.5rem}