*{box-sizing:border-box} :root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f4f6}body{margin:0}.topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:calc(.75rem + env(safe-area-inset-top)) 1rem .75rem;background:#111827;color:white}.topbar h1{margin:.1rem 0 0;font-size:1.25rem}.topbar small{color:#cbd5e1}.shell{max-width:950px;margin:auto;padding:1rem 1rem 7rem}.card{background:white;border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 18px #0000000d}.warning{border:1px solid #f59e0b}.auth-card{max-width:480px;margin:2rem auto}.hidden{display:none!important}.muted,.message{color:#6b7280}.message{min-height:1.2rem}h2{margin-top:0;font-size:1.08rem}label{display:grid;gap:.35rem;font-size:.9rem;font-weight:650}input,textarea,select{width:100%;font:inherit;border:1px solid #d1d5db;border-radius:11px;padding:.78rem;background:white}textarea{resize:vertical}button{font:inherit;border:0;border-radius:11px;padding:.78rem 1rem;background:#111827;color:white;font-weight:700;cursor:pointer}.secondary,.ghost{background:white;color:#111827;border:1px solid #d1d5db}.ghost{background:transparent;color:white;border-color:#475569}.danger{background:#991b1b}.small{padding:.55rem .75rem}.actions,.section-head,.sticky-actions{display:flex;gap:.7rem;align-items:center}.section-head{justify-content:space-between}.grid{display:grid;gap:.8rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:1rem}.tabs button{background:white;color:#374151;border:1px solid #d1d5db;padding:.65rem .35rem}.tabs button.active{background:#111827;color:white}.pill{background:#e5e7eb;padding:.35rem .65rem;border-radius:999px;font-size:.8rem}.rows{display:grid;gap:.7rem}.line-row{display:grid;gap:.5rem;padding:.7rem;border:1px solid #e5e7eb;border-radius:12px}.labor-row{grid-template-columns:1fr 130px 44px}.part-row{grid-template-columns:1.4fr 1fr 1fr 70px 100px 120px 44px}.upload{display:block;border:2px dashed #9ca3af;border-radius:13px;padding:1rem;text-align:center}.upload input{margin-top:.7rem}.attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem;margin-top:.8rem}.attachment{border:1px solid #e5e7eb;border-radius:11px;padding:.6rem;overflow:hidden}.attachment img{width:100%;height:100px;object-fit:cover;border-radius:7px}.attachment p{font-size:.78rem;overflow-wrap:anywhere}.totals{margin-top:1rem}.totals div{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid #e5e7eb}.totals .grand{font-size:1.2rem;border-top:2px solid #111827}.sticky-actions{position:fixed;bottom:0;left:0;right:0;z-index:15;background:#ffffffed;backdrop-filter:blur(12px);padding:.75rem max(1rem,calc((100vw - 950px)/2));padding-bottom:calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid #e5e7eb}.sticky-actions button{flex:1}.list{display:grid;gap:.7rem;margin-top:.9rem}.list-item{display:flex;justify-content:space-between;gap:.8rem;align-items:center;padding:.85rem;border:1px solid #e5e7eb;border-radius:12px}.list-item small{display:block;color:#6b7280;margin-top:.2rem}.list-actions{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.list-actions button{padding:.5rem .65rem;font-size:.82rem}@media(max-width:760px){.grid.two,.labor-row,.part-row{grid-template-columns:1fr}.line-row .remove{width:100%}.shell{padding-left:.75rem;padding-right:.75rem}.list-item{align-items:flex-start;flex-direction:column}.list-actions{width:100%}.list-actions button{flex:1}}@media print{.topbar,.tabs,.sticky-actions,.upload,.remove,#invoicesTab,#customersTab{display:none!important}.shell{padding:0}.card{box-shadow:none;border:0;break-inside:avoid}input,textarea,select{border:0;padding-left:0}}