*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#17202a;font-family:Inter,Arial,sans-serif}.app{max-width:1280px;margin:auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;background:#111827;color:#fff;padding:24px 28px;border-radius:18px}header h1{margin:4px 0;font-size:30px}header p{margin:4px 0;color:#cbd5e1}header small{letter-spacing:2px;color:#94a3b8}.headbtn button{font-size:15px}nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}button{border:0;border-radius:10px;padding:11px 16px;background:#111827;color:#fff;cursor:pointer;font-weight:700}button.secondary{background:#64748b;margin-left:8px}.page{display:none}.page.active{display:block}.card{background:#fff;border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 5px 20px rgba(15,23,42,.06)}.topline{display:flex;justify-content:space-between;align-items:center}.topline h2{font-size:28px;margin:4px 0}.status{background:#e2e8f0;padding:8px 12px;border-radius:99px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#475569}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:11px;background:#fff;font:inherit;color:#0f172a}h2,h3{margin-top:0}.hint{color:#64748b;font-size:13px}.feegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0 18px}.fee{border:1px solid #e2e8f0;border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center}.fee small{display:block;color:#64748b}.fee b{display:block;font-size:16px;margin:4px 0}.fee .absorbed{font-size:11px;font-weight:800}.check{width:20px;height:20px;accent-color:#111827}.printHead{display:flex;justify-content:space-between;border-bottom:2px solid #111827;padding-bottom:14px}.printHead h2{margin:4px 0}.clientbox{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.clientbox div{background:#f8fafc;border-radius:10px;padding:11px}.clientbox span{display:block;font-size:10px;color:#64748b;font-weight:800}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.summary div{border:1px solid #e2e8f0;padding:10px;border-radius:9px}.summary span{display:block;font-size:11px;color:#64748b}.calcTables{display:grid;grid-template-columns:1fr 1fr;gap:20px}.line{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #e2e8f0}.line.total{font-weight:800}.free{color:#166534;font-weight:800}.excess{color:#b45309;font-weight:800}.notesprint{margin-top:16px}.fine{font-size:11px;color:#64748b}.actions{display:flex;gap:8px;margin-top:18px}.searchrow{display:flex;gap:8px;margin-bottom:12px}.searchrow input{flex:1}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:10px;border-bottom:1px solid #e2e8f0}th{background:#f8fafc}.tag{font-size:10px;font-weight:800;padding:4px 7px;border-radius:99px;background:#e2e8f0}.import{display:inline-flex;margin:12px 0 0 8px}.import input{padding:7px}.projectGroup{border:1px solid #e2e8f0;border-radius:12px;margin:12px 0;overflow:hidden}.projectTitle{background:#f8fafc;padding:12px;font-weight:800}.variant{display:grid;grid-template-columns:1.4fr 1fr .7fr .7fr .7fr .7fr;gap:8px;padding:10px;border-top:1px solid #e2e8f0;font-size:12px}@media(max-width:800px){.grid,.feegrid,.calcTables,.clientbox,.summary{grid-template-columns:1fr 1fr}.variant{grid-template-columns:1fr 1fr}.app{padding:10px}}@media print{body{background:#fff}.app{max-width:none;padding:0}header,nav,#quote>.card:not(.printable),.actions,.fine,.page:not(#quote){display:none!important}.page{display:none!important}.page#quote{display:block!important}.printable{box-shadow:none!important;margin:0!important;padding:0!important}.printHead{margin-top:0}.card{border-radius:0}.clientbox{grid-template-columns:repeat(4,1fr)}button{display:none!important}@page{size:A4;margin:12mm}}.paymentSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.paymentSummary>div{border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.paymentSummary span{display:block;font-size:11px;color:#64748b}.agentPrint{font-size:11px;color:#475569;line-height:1.5;margin-top:6px}.deleteBtn{background:#b91c1c;padding:7px 10px;font-size:11px}@media(max-width:800px){.paymentSummary{grid-template-columns:1fr 1fr}}@media print{.actions,.fine{display:none!important}.paymentSummary{grid-template-columns:repeat(3,1fr)}}

@media print{
  @page{size:A4;margin:7mm 8mm}
  #printable{font-size:10.5px!important}
  #printable h2{font-size:19px!important}
  #printable h3{font-size:12px!important;margin:6px 0 4px!important}
  #printable .printHead{padding-bottom:7px!important}
  #printable .clientbox{margin:8px 0!important;gap:5px!important}
  #printable .clientbox div{padding:6px!important}
  #printable .summary{margin:7px 0!important;gap:5px!important}
  #printable .summary div{padding:6px!important}
  #printable .calcTables{gap:12px!important}
  #printable .line{padding:4px 0!important}
  #printable .notesprint{margin-top:7px!important}
  #printable .paymentSummary{margin-top:6px!important;gap:5px!important}
  #printable .paymentSummary>div{padding:6px!important}
  #printable .agentPrint{font-size:9px!important;margin-top:3px!important}
  #printable .clientbox span,.summary span,.paymentSummary span{font-size:8px!important}
}
.loginScreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:#111827}.loginCard{width:min(430px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.loginBrand{font-size:12px;letter-spacing:2px;font-weight:900;color:#64748b}.loginCard h1{margin:8px 0 6px}.loginCard p{color:#64748b;font-size:13px;margin:0 0 20px}.loginCard label{margin:12px 0}.loginCard button{width:100%;margin-top:8px}.loginMsg{display:none;margin-top:14px;padding:10px;border-radius:9px;background:#fee2e2;color:#991b1b;font-size:13px}.loginMode{background:#111827}