.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.logo{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;font-family:var(--font-display);font-size:1.25rem;font-weight:600}.logo:hover{text-decoration:none;color:var(--accent)}.logo-icon{font-size:1.5rem}.nav-menu-button{display:none;padding:.5rem;margin:-.5rem 0 -.5rem auto;background:none;border:none;border-radius:var(--radius);color:var(--text);cursor:pointer}.nav-menu-button:hover{background:var(--surface-hover)}.nav-menu-icon{font-size:1.5rem;display:block}.nav{display:flex;gap:.25rem}.nav-link{padding:.5rem .75rem;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .15s,background .15s}.nav-link:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}.nav-link.active{color:var(--accent);background:#c9a9621f;text-decoration:none}.nav-overlay{display:none}.main{flex:1;padding:1.5rem;max-width:1200px;width:100%;margin:0 auto}@media (max-width: 640px){.header{flex-direction:row;flex-wrap:nowrap;gap:0;padding:.75rem 1rem;align-items:center;z-index:25}.logo{font-size:1.1rem;flex-shrink:0}.logo-icon{font-size:1.25rem}.nav-menu-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px}.nav{position:fixed;top:0;right:0;height:100vh;width:240px;max-width:85vw;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:0;padding:4rem 0 1.5rem;z-index:20;box-shadow:-4px 0 20px #0000004d;transform:translate(100%);transition:transform .2s ease}.nav.nav-open{transform:translate(0)}.nav .nav-link{padding:.85rem 1.25rem;font-size:1rem;min-height:48px;display:flex;align-items:center;border-radius:0;border-bottom:1px solid var(--border)}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:15}}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.page-title{font-size:1.75rem;font-weight:600;margin:0}.page-loading,.page-error{padding:2rem;text-align:center;color:var(--text-muted)}.page-error{color:var(--danger)}.dashboard .summary-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dashboard .summary-cards .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:.75rem;min-height:100px}.dashboard .summary-cards .card-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;text-align:center;line-height:1.3}.dashboard .summary-cards .card-value{font-size:1.25rem;font-weight:600;text-align:center}.dashboard .summary-cards .card-value.success{color:var(--text)}.dashboard .summary-cards .card-paid{min-width:0}.dashboard .summary-cards .card-paid .card-paid-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%}.dashboard .summary-cards .card-paid .period-select{padding:.25rem .5rem;font-size:.8rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.dashboard .summary-cards .card-paid .card-paid-sublabel{font-size:.75rem;color:var(--text-muted);text-align:center}@media (max-width: 760px){.dashboard .summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.dashboard .summary-cards{grid-template-columns:1fr}}@media (max-width: 640px){.dashboard .summary-cards{gap:.75rem}.dashboard .summary-cards .card{padding:1rem .75rem;min-height:auto}.dashboard .summary-cards .card-label{font-size:.75rem}.dashboard .summary-cards .card-value{font-size:1.1rem}.dashboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem}.dashboard-table th,.dashboard-table td{padding:.6rem .5rem;font-size:.85rem}}@media (max-width: 640px){.dashboard-table-wrap{overflow:visible;margin:0}.dashboard-table{table-layout:fixed;width:100%;font-size:.75rem}.dashboard-table th,.dashboard-table td{padding:.4rem .35rem;font-size:.75rem}.dashboard-table th:nth-child(1),.dashboard-table td:nth-child(1){width:24%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-table th:nth-child(2),.dashboard-table td:nth-child(2){width:22%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-table th:nth-child(3),.dashboard-table td:nth-child(3){width:18%}.dashboard-table th:nth-child(4),.dashboard-table td:nth-child(4){width:20%;min-width:0}.dashboard-table th:nth-child(5),.dashboard-table td:nth-child(5){width:16%;text-align:right;white-space:nowrap}.dashboard-table .btn.btn-sm{padding:.3rem .5rem;font-size:.75rem}.dashboard-status-badge{font-size:.7rem;padding:.15rem .35rem}}.dashboard-section{margin-top:1.5rem}.dashboard-section-title{font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.dashboard-muted{color:var(--text-muted);margin:0}.dashboard-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.dashboard-table{width:100%;border-collapse:collapse;font-size:.9rem}.dashboard-table th,.dashboard-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.dashboard-table th{font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.dashboard-table tbody tr:last-child td{border-bottom:none}.dashboard-table tbody tr:hover td{background:var(--surface-hover)}.dashboard-customer-link{color:var(--accent);font-weight:500}.dashboard-customer-link:hover{text-decoration:underline}.dashboard-status-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.dashboard-status-open{background:#fbbf2433;color:var(--warning)}.dashboard-load-more-wrap{margin-top:1rem;display:flex;justify-content:center}.dashboard-load-more-btn{min-width:180px;min-height:44px}.tabs{display:flex;gap:.5rem}.tab{padding:.5rem 1rem;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);font-weight:500}.tab:hover{background:var(--surface-hover)}.tab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.section h2{font-size:1.1rem;font-weight:600;margin:0 0 1rem}.muted{color:var(--text-muted);margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.data-table th{font-weight:600;color:var(--text-muted);text-transform:uppercase;font-size:.75rem;letter-spacing:.04em}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface-hover)}.amount-due{color:var(--text)}.btn{display:inline-block;padding:.4rem .75rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-weight:500;text-decoration:none;transition:background .15s}.btn:hover{background:var(--accent-dim);text-decoration:none;color:var(--bg)}.btn-sm{font-size:.85rem;padding:.3rem .6rem}.customers{display:flex;flex-direction:column;gap:1.5rem}.customers-layout{width:100%}.customers-list-wrap{min-width:0}.load-more-wrap{margin-top:1rem;display:flex;justify-content:center}.load-more-btn{min-width:180px;min-height:44px}.customers .page-header{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.customers .page-header-actions{display:flex;align-items:center;gap:.75rem}.customers-search-wrap{margin-left:auto;min-width:180px;max-width:260px}.customers-search-input{width:100%;padding:.5rem .75rem;font-size:.95rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);min-height:40px}.customers-search-input::placeholder{color:var(--text-muted)}.customers-search-input:focus{outline:none;border-color:var(--accent)}@media (max-width: 640px){.customers .page-header{flex-direction:column;align-items:stretch;gap:.75rem}.customers .page-header-actions{width:100%;flex-wrap:wrap}.customers-search-wrap{max-width:none;width:100%}.customers-search-input{min-height:44px}.btn-header{min-width:0;flex:1;min-height:44px}.customers .table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.customers .data-table th,.customers .data-table td{padding:.6rem .5rem;font-size:.85rem}.customers .data-table th:first-child,.customers .data-table td:first-child{padding-left:.75rem}.customers .data-table th:last-child,.customers .data-table td:last-child{padding-right:.75rem}.customer-actions .btn-view,.customer-actions .btn-edit{min-height:44px;padding:.5rem .75rem}.form-card{max-width:none}.form-actions{flex-wrap:wrap}.btn-form-action{min-width:0;flex:1;min-height:44px}}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.page-header-actions{display:flex;gap:.75rem;align-items:stretch}.btn-header{min-width:140px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);text-decoration:none}.btn-header.btn-primary{border:none}.btn-header.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-header.btn-outline:hover{background:var(--surface-hover)}.btn-view{padding:.35rem .75rem;font-size:.9rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;text-decoration:none;display:inline-block}.btn-view:hover{background:var(--accent);color:var(--bg);border-color:var(--accent);text-decoration:none}.customer-name-cell{display:inline-flex;align-items:center;gap:.5rem}.customer-due-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:var(--warning)}.customers .data-table th.customer-actions-header,.customers .data-table td.customer-actions{width:1%;min-width:150px;white-space:nowrap;text-align:right;padding-left:1.25rem}.customer-actions{display:inline-flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-end}.btn-edit{padding:.35rem .75rem;font-size:.9rem;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;text-decoration:none;display:inline-block}.btn-edit:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);text-decoration:none}.btn-primary{background:var(--accent);color:var(--bg);border:none;padding:.5rem 1rem;border-radius:var(--radius);font-weight:500}.btn-primary:hover{background:var(--accent-dim)}.banner{padding:.75rem 1rem;border-radius:var(--radius)}.banner.error{background:#f8717126;color:var(--danger)}.banner.success{background:#4ade8026;color:var(--success)}.form-card{max-width:400px}.form-card h2{margin:0 0 1rem;font-size:1.1rem}.btn-pick-contact{width:100%;margin-bottom:1rem;padding:.5rem .75rem;font-size:.9rem;background:#25d36626;border:1px solid rgba(37,211,102,.4);border-radius:6px;color:#25d366;cursor:pointer}.btn-pick-contact:hover{background:#25d36640}.form-row{margin-bottom:1rem}.form-row label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-muted)}.form-row input,.form-row textarea{width:100%;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.form-notes-input{font-family:inherit;resize:vertical;min-height:56px}.form-row textarea{resize:vertical;min-height:60px}.form-actions{margin-top:1rem;display:flex;gap:.75rem;align-items:center}.btn-form-action{min-width:120px;padding:.5rem 1rem;font-size:.9rem;font-weight:500}.btn-form-action.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:var(--radius)}.btn-form-action.btn-outline:hover{background:var(--surface-hover)}.data-table td.muted{color:var(--text-muted);font-style:italic}.customer-name-link{color:var(--text);font-weight:500}.customer-name-link:hover{color:var(--accent);text-decoration:underline}.order-detail{display:flex;flex-direction:column;gap:1.5rem}.order-detail-layout{display:grid;grid-template-columns:1fr 280px;gap:1.5rem;align-items:start}.order-detail-main{display:flex;flex-direction:column;gap:1.5rem;min-width:0}@media (max-width: 900px){.order-detail-layout{grid-template-columns:1fr}}@media (max-width: 640px){.order-detail .page-header{flex-direction:column;align-items:flex-start}.order-detail .back{min-height:44px;padding:.5rem 0}.info-card .info-grid,.billing-grid{grid-template-columns:1fr}.order-detail .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.order-detail .data-table th,.order-detail .data-table td{padding:.6rem .5rem;font-size:.85rem}}.order-detail .page-header{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.order-detail .back{color:var(--text-muted);padding:.25rem 0}.order-detail .back:hover{color:var(--accent)}.order-detail .customer-detail-link{color:var(--accent);font-weight:500}.order-detail .customer-detail-link:hover{text-decoration:underline}.info-card .info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.info-card .label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.info-card .value{margin:.25rem 0 0;font-size:1rem}.billing-card h2,.order-detail .card h2{margin:0 0 1rem;font-size:1.1rem}.billing-summary{display:flex;flex-direction:column;gap:.5rem}.billing-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.billing-row.paid .billing-value,.billing-row.remaining .billing-value{color:var(--text)}.billing-note{margin:.75rem 0 0;font-size:.85rem;color:var(--text-muted)}.billing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.billing-item{padding:.75rem;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.billing-item.highlight{border-color:var(--accent-dim);background:#c9a96214}.billing-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem}.billing-value{font-size:1.1rem;font-weight:600}.billing-value.success{color:var(--success)}.badge-delivered{background:#4ade8033;color:var(--success)}.badge-stitched{background:#fbbf2433;color:var(--warning)}.badge-pending{background:#94a3b833;color:var(--text-muted)}.order-detail .payment-form .form-row.inline{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:0}.order-detail .payment-form input[type=number]{width:120px;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.order-detail .payment-form select{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.delivery-list{margin:0;padding-left:1.25rem;color:var(--text-muted)}.delivery-list li{margin-bottom:.25rem}.garments-table .th-photo,.garments-table .td-photo{width:52px;text-align:center;vertical-align:middle}.garment-thumb{width:44px;height:44px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.garments-table .no-photo{color:var(--text-muted);font-size:.9rem}.order-checklist{position:sticky;top:5rem}.order-checklist h2{margin:0 0 1rem;font-size:1.1rem}.checklist-summary{padding:.75rem 0;border-bottom:1px solid var(--border);margin-bottom:1rem}.checklist-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.9rem}.checklist-summary-row span:first-child{color:var(--text-muted)}.checklist-summary-row.paid span:last-child{color:var(--text)}.checklist-summary-row.remaining span:last-child{color:var(--warning);font-weight:600}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.checklist-item{display:grid;grid-template-columns:auto 36px 1fr;gap:.5rem;align-items:center;padding:.5rem .75rem;background:var(--bg);border-radius:8px;border:1px solid var(--border);font-size:.9rem}.checklist-item.delivered{border-color:#4ade804d;background:#4ade800f}.checklist-item.stitched{border-color:#fbbf244d;background:#fbbf240f}.checklist-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-muted);flex-shrink:0}.checklist-item.stitched .checklist-icon{color:var(--warning)}.checklist-item.delivered .checklist-icon{color:var(--success)}.checklist-thumb{width:36px;height:36px;border-radius:6px;overflow:hidden;background:var(--surface-hover);border:1px solid var(--border);flex-shrink:0}.checklist-thumb img{width:100%;height:100%;object-fit:cover}.checklist-thumb .no-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.75rem;color:var(--text-muted)}.checklist-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.checklist-type{font-weight:500;color:var(--text)}.checklist-status{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.checklist-item.delivered .checklist-status{color:var(--success)}.checklist-item.stitched .checklist-status{color:var(--warning)}.checklist-qty{font-size:.8rem;color:var(--text-muted)}.checklist-status-select{margin-top:.35rem;width:100%;padding:.35rem .5rem;font-size:.8rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.checklist-status-select:disabled{opacity:.7;cursor:wait}.checklist-item.delivered .checklist-status-select{border-color:#4ade8066}.checklist-item.stitched .checklist-status-select{border-color:#fbbf2466}.order-detail .banner.error{margin-bottom:0}.new-order{display:flex;flex-direction:column;gap:1rem;max-width:560px}.new-order-hint{color:var(--text-muted);font-size:.95rem;margin:0}.new-order-form{display:flex;flex-direction:column;gap:1.5rem}.customer-row label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-muted)}.customer-row select{width:100%;padding:.6rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem}.garments-section{display:flex;flex-direction:column;gap:1rem}.garments-section-header{display:flex;flex-direction:column;gap:.75rem}.garments-section-header h2{margin:0;font-size:1.1rem}.photo-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.photo-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.btn-take-photo{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--accent);border:none;border-radius:var(--radius);color:var(--bg);font-size:1rem;font-weight:500}.btn-take-photo:hover{background:var(--accent-dim);color:var(--bg)}.btn-add-photo{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;font-weight:500}.btn-add-photo:hover{border-color:var(--accent);color:var(--accent);background:#c9a96214}.empty-garments{padding:2rem;text-align:center;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-muted)}.empty-garments p{max-width:280px;margin:0 auto}.garment-cards{display:flex;flex-direction:column;gap:1rem}.garment-card{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;align-items:center;padding:1rem;position:relative}.garment-card-image{width:100px;height:100px;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);flex-shrink:0}.garment-card-image img{width:100%;height:100%;object-fit:cover}.garment-card-image .no-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.75rem;color:var(--text-muted)}.garment-card-fields{display:flex;flex-direction:column;gap:.75rem;min-width:0}.garment-type-input{width:100%;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1rem}.garment-type-input::placeholder{color:var(--text-muted)}.price-row{display:flex;align-items:center;gap:.35rem}.price-label{color:var(--text-muted);font-weight:500}.garment-price-input{width:100%;max-width:120px;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1rem}.garment-card-remove{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:none;border-radius:50%;color:var(--text-muted);font-size:1.25rem;line-height:1;padding:0}.garment-card-remove:hover{background:#f8717133;color:var(--danger)}.new-order .form-actions{display:flex;gap:.75rem;margin-top:.5rem;align-items:stretch}.new-order .form-actions .btn,.new-order .form-actions button{min-width:140px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}@media (max-width: 640px){.new-order{gap:.75rem}.new-order-form{gap:1.25rem}.customer-row select{min-height:44px}.btn-take-photo,.btn-add-photo{min-height:44px;flex:1;min-width:140px;justify-content:center}.photo-buttons{width:100%}.new-order .form-actions{flex-direction:row;flex-wrap:wrap}.new-order .form-actions .btn,.new-order .form-actions button{flex:1;min-width:120px;min-height:44px}}@media (max-width: 480px){.garment-card{grid-template-columns:80px 1fr;padding-top:2.25rem}.garment-card-remove{top:.75rem;right:.75rem;width:36px;height:36px;min-width:36px;min-height:36px}.garment-card-image{width:80px;height:80px}.garment-type-input,.garment-price-input{min-height:44px}}.customer-detail{display:flex;flex-direction:column;gap:1.5rem}.customer-detail-main{display:flex;flex-direction:column;gap:1.5rem;max-width:720px}.customer-detail .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.customer-detail .page-header-left{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.customer-detail .page-header-right{display:flex;flex-direction:column;align-items:flex-start}.customer-details-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;min-width:260px}.customer-detail .page-header-right .page-title{margin:0;line-height:1.3;font-size:1.25rem}.customer-detail .page-header-phone{margin:0;padding:0;font-size:1rem;font-weight:500;color:var(--text-muted);line-height:1.3}.customer-detail .page-header-notes{margin:.5rem 0 0;padding:0;font-size:.9rem;color:var(--text-muted);line-height:1.4;white-space:pre-wrap}.customer-edit-notes{width:100%;padding:.5rem .75rem;font-size:1rem;font-family:var(--font-sans);background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);resize:vertical;min-height:60px}.customer-edit-notes::placeholder{color:var(--text-muted)}.customer-details-actions{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.customer-detail .btn-action-inline{margin:0;padding:.5rem 1rem;font-size:.9rem;min-height:36px;min-width:120px;box-sizing:border-box;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;cursor:pointer;font-weight:500}.customer-detail .btn-action-inline:hover:not(:disabled){background:var(--surface-hover)}.customer-detail .btn-action-inline:disabled{opacity:.7;cursor:wait}.customer-detail .btn-delete-inline:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:#f8717114}.customer-details-card .customer-edit-form{width:100%;max-width:none}.customer-edit-form{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;max-width:280px}.customer-edit-fields{display:flex;flex-direction:column;gap:.5rem;width:100%}.customer-edit-name,.customer-edit-phone{padding:.5rem .75rem;font-size:1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.customer-edit-name{font-weight:600}.customer-edit-actions{display:flex;gap:.5rem}.customer-detail .back{color:var(--text-muted);padding:.5rem .75rem;border:none;background:none;border-radius:var(--radius);font-size:1.25rem;line-height:1;transition:color .15s,background .15s}.customer-detail .back:hover{color:var(--text);background:var(--surface-hover)}.customer-detail .banner.success{background:#4ade8026;color:var(--success);padding:.75rem 1rem;border-radius:var(--radius)}.customer-detail .banner.error{margin-bottom:0}.btn-add-order{flex-shrink:0}.section-desc{margin:-.5rem 0 1rem;font-size:.9rem;color:var(--text-muted)}.customer-detail .billing-summary{display:flex;flex-direction:column;gap:.5rem}.customer-detail .billing-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.customer-detail .billing-row.paid .billing-value,.customer-detail .billing-row.remaining .billing-value{color:var(--text)}.btn-share-whatsapp{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.95rem;font-weight:500;color:#fff;background:#25d366;border:none;border-radius:8px;cursor:pointer}.btn-share-whatsapp:hover{background:#20bd5a;color:#fff}.btn-share-whatsapp-icon{font-size:1.35rem}.customer-detail .card h2{margin:0 0 .5rem;font-size:1.1rem}.order-details-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.order-details-header h2{margin:0}.btn-clear-all{padding:.4rem .75rem;font-size:.85rem;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer}.btn-clear-all:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:#f8717114}.btn-clear-all:disabled{opacity:.7;cursor:wait}.garment-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.garment-checklist-item{display:grid;grid-template-columns:52px 1fr auto auto auto;gap:1rem;align-items:center;padding:.75rem 1rem;border-radius:8px;background:var(--surface);border:1px solid var(--border);transition:opacity .15s}.garment-checklist-photo-wrap{position:relative;flex-shrink:0}.garment-checklist-photo{width:44px;height:44px;border-radius:6px;overflow:hidden;background:var(--surface-hover);border:1px solid var(--border);display:block}.garment-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--surface);box-sizing:border-box}.garment-status-dot.garment-status-dot-pending{background:#94a3b8}.garment-status-dot.garment-status-dot-stitched{background:var(--warning)}.garment-status-dot.garment-status-dot-delivered{background:var(--success)}.garment-checklist-photo img{width:100%;height:100%;object-fit:cover}.garment-checklist-photo .no-photo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.85rem;color:var(--text-muted)}.garment-checklist-photo-clickable{cursor:pointer}.garment-checklist-photo-clickable:hover{opacity:.9}.garment-checklist-type{font-weight:500;color:var(--text)}.garment-checklist-price{color:var(--text-muted);font-size:.95rem}.garment-checklist-status{min-width:120px;padding-left:.5rem;display:flex;align-items:center}.garment-checklist-remove{display:flex;align-items:center;justify-content:flex-end}.btn-remove-garment{padding:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.btn-remove-icon{font-size:1.25rem;flex-shrink:0}.btn-remove-text{font-size:.9rem}.btn-remove-garment:hover:not(:disabled){color:var(--danger);border-color:var(--danger);background:#f871711a}.btn-remove-garment:disabled{opacity:.7;cursor:wait}@media (max-width: 560px){.garment-checklist-item{grid-template-columns:44px 1fr auto auto;grid-template-rows:auto auto;gap:.5rem .4rem;align-items:center}.garment-checklist-photo-wrap{grid-column:1;grid-row:1 / -1;align-self:start}.garment-checklist-type{grid-column:2;grid-row:1}.garment-checklist-price{grid-column:2;grid-row:2;margin-top:-.15rem}.garment-checklist-status{grid-column:3;grid-row:2;padding-left:0;justify-content:flex-end;align-self:center}.garment-checklist-remove{grid-column:4;grid-row:2;justify-content:flex-end;align-self:center}.customer-detail .status-select,.customer-detail .badge-pending,.customer-detail .badge-stitched,.customer-detail .badge-delivered{height:34px;min-width:92px;width:92px;padding:0 .5rem;font-size:.8rem;box-sizing:border-box}.btn-remove-garment{width:34px;height:34px;min-width:34px;min-height:34px;flex-shrink:0}.btn-remove-icon{font-size:1.1rem}}.customer-detail .status-select,.customer-detail .badge-pending,.customer-detail .badge-stitched,.customer-detail .badge-delivered{height:36px;padding:0 .6rem;font-size:.875rem;line-height:1;border-radius:6px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.customer-detail .status-select{min-width:100px;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer}.customer-detail .status-select:disabled{opacity:.7;cursor:wait}.customer-detail .badge-pending,.customer-detail .badge-stitched,.customer-detail .badge-delivered{min-width:100px}.customer-detail .badge-pending{background:#94a3b833;color:var(--text-muted)}.customer-detail .badge-stitched{background:#fbbf2433;color:var(--warning)}.customer-detail .badge-delivered{background:#4ade8033;color:var(--success)}.global-payment-form{margin-top:.5rem}.payment-fields{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.payment-fields input[type=number]{width:110px;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.payment-fields select{padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);min-width:100px}.payment-type-label{font-size:.9rem;color:var(--text-muted);margin-right:-.25rem}.payment-card .payment-fields select#payment-order-type{min-width:200px}@media (max-width: 640px){.customer-detail .page-header{flex-direction:column;align-items:flex-start;gap:1rem}.customer-detail .page-header-left,.customer-detail .page-header-right{width:100%}.customer-details-card{width:100%;min-width:0;padding:1rem 1.25rem}.customer-detail .back{min-height:44px;padding:.5rem .75rem}.btn-add-order{width:100%;min-height:44px;justify-content:center}.customer-edit-form{max-width:none}.customer-detail .billing-row{padding:.65rem .75rem}.payment-fields{flex-direction:column;align-items:stretch}.payment-fields input[type=number]{width:100%;min-height:44px}.payment-fields select{min-width:0;width:100%;min-height:44px}.payment-card .payment-fields select#payment-order-type{min-width:0;width:100%}.customer-detail .status-select,.customer-detail .badge-pending,.customer-detail .badge-stitched,.customer-detail .badge-delivered{min-height:44px;height:44px;min-width:0}.btn-remove-garment{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}}.photo-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.photo-zoom-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0006}.photo-zoom-close{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;z-index:2}.photo-zoom-close:hover{background:var(--danger);color:var(--bg);border-color:var(--danger)}.photo-zoom-close-icon{font-size:1.5rem}.photo-zoom-image{max-width:100%;max-height:calc(90vh - 3rem);width:auto;height:auto;object-fit:contain;display:block;border-radius:4px}.designs-page{display:flex;flex-direction:column;gap:1.5rem}.designs-header{display:flex;flex-direction:column;gap:.5rem}.designs-intro{color:var(--text-muted);font-size:.95rem;margin:0}.btn-add-design{align-self:flex-start;min-height:44px}.designs-add-form{max-width:560px}.designs-add-form h2{margin:0 0 1rem;font-size:1.1rem}.designs-add-form .form-row{margin-bottom:1rem}.designs-add-form .form-row label{display:block;margin-bottom:.35rem;font-size:.9rem;color:var(--text-muted)}.designs-add-form .form-row input[type=text]{width:100%;padding:.6rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem}.designs-add-form .images-row .design-image-slots{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.design-slot{width:140px;flex-shrink:0}.design-slot .photo-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.design-slot-empty{height:140px;border:2px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.5rem}.btn-slot-take{padding:.5rem .75rem;font-size:.85rem;background:var(--accent);border:none;border-radius:6px;color:var(--bg);font-weight:500;cursor:pointer}.btn-slot-take:hover{background:var(--accent-dim)}.btn-slot-add{padding:.5rem .75rem;font-size:.85rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.btn-slot-add:hover{border-color:var(--accent);color:var(--accent)}.design-slot-preview{position:relative;width:140px;height:140px;border-radius:var(--radius);overflow:hidden;background:var(--bg);border:1px solid var(--border)}.design-slot-preview img{width:100%;height:100%;object-fit:cover}.design-slot-remove{position:absolute;top:.35rem;right:.35rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;padding:0}.design-slot-remove:hover{background:var(--danger)}.designs-add-form .form-actions{display:flex;gap:.75rem;margin-top:1rem}.designs-add-form .form-actions .btn{min-width:120px;min-height:44px}.designs-empty{padding:2rem;text-align:center;color:var(--text-muted)}.designs-empty p{max-width:320px;margin:0 auto}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.design-card{position:relative;padding:2rem 1rem 1rem}.design-card-header{margin-bottom:.75rem}.design-card-name{margin:0;font-size:1.05rem;font-weight:600;color:var(--text)}.design-card-type{display:inline-block;margin-top:.25rem;font-size:.85rem;color:var(--text-muted)}.design-card-images{display:flex;gap:.5rem;flex-wrap:wrap;min-height:80px}.design-card-thumb{width:80px;height:80px;padding:0;border:none;border-radius:8px;overflow:hidden;background:var(--bg);border:1px solid var(--border);cursor:pointer;flex-shrink:0}.design-card-thumb img{width:100%;height:100%;object-fit:cover}.design-card-thumb:hover{opacity:.9}.design-card-delete{position:absolute;top:.5rem;right:.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;padding:0}.design-card-delete:hover:not(:disabled){background:#f8717126;color:var(--danger);border-color:var(--danger)}.design-card-delete:disabled{opacity:.7;cursor:wait}.design-delete-icon{font-size:1.25rem}.designs-page .photo-zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box}.designs-page .photo-zoom-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0006}.designs-page .photo-zoom-close{position:absolute;top:.5rem;right:.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border:1px solid var(--border);border-radius:50%;color:var(--text);cursor:pointer;z-index:2}.designs-page .photo-zoom-close:hover{background:var(--danger);color:var(--bg);border-color:var(--danger)}.designs-page .photo-zoom-close-icon{font-size:1.5rem}.designs-page .photo-zoom-image{max-width:100%;max-height:calc(90vh - 3rem);width:auto;height:auto;object-fit:contain;display:block;border-radius:4px}@media (max-width: 640px){.designs-grid{grid-template-columns:1fr}.design-image-slots{flex-direction:column}.design-slot{width:100%;max-width:200px}.design-slot-empty,.design-slot-preview{width:100%;max-width:200px;height:120px}}:root{--bg: #0f0f0f;--surface: #1a1a1a;--surface-hover: #252525;--border: #2d2d2d;--text: #f0f0f0;--text-muted: #888;--accent: #c9a962;--accent-dim: #a68b4a;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--radius: 10px;--font-sans: "DM Sans", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh;min-height:100dvh}@media (max-width: 640px){.main{padding:1rem}.page-title{font-size:1.4rem}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}