:root{--navy:#061b38;--navy2:#0b2c52;--gold:#c99a53;--ink:#10203a;--muted:#6b778c;--line:#dfe5ec;--bg:#f4f7fa;--white:#fff;--green:#17845b;--red:#b83b47}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:linear-gradient(180deg,#061b38,#052645);color:#fff;display:flex;flex-direction:column;z-index:30}.brand{padding:18px 24px;border-bottom:1px solid #ffffff1f}.brand img{width:155px;height:76px;object-fit:contain;background:#fff;border-radius:8px;padding:7px}.brand small{display:block;text-align:center;color:#cfaa70;letter-spacing:.14em;font-size:9px}.nav{padding:16px 11px;display:grid;gap:4px}.nav a{display:flex;align-items:center;gap:11px;padding:10px 13px;border-radius:7px;color:#d6e0eb;font-size:14px}.nav a:hover,.nav a.active{background:#ffffff17;color:#fff}.nav a.active{box-shadow:inset 3px 0 var(--gold)}.nav i{font-style:normal;width:19px;text-align:center}.side-company{margin:auto 15px 16px;padding:13px;border:1px solid #ffffff30;border-radius:8px;font-size:11px;line-height:1.6}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 25px;gap:14px;position:sticky;top:0;z-index:20}.search{color:var(--muted);font-size:13px}.top-spacer{flex:1}.user{display:flex;align-items:center;gap:9px;font-size:13px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700}.content{padding:27px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.page-head h1{font-size:25px;margin:0}.page-head p{font-size:13px;color:var(--muted);margin:5px 0 0}.primary,.secondary,.ghost,.danger{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;padding:10px 14px;font-size:13px;font-weight:650;cursor:pointer}.primary{background:var(--navy);color:#fff}.secondary{background:#fff;border:1px solid var(--gold);color:#8d642b}.ghost{background:#fff;border:1px solid var(--line)}.danger{background:#fff0f1;color:var(--red)}.small{padding:6px 9px}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stat,.card,.form-section,.table-card{background:#fff;border:1px solid var(--line);border-radius:10px}.stat{padding:18px}.stat span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:25px;margin:8px 0 3px}.stat small{color:var(--green)}.section-grid{display:grid;grid-template-columns:1fr 330px;gap:17px;margin-top:17px}.card{padding:19px}.card h2{font-size:16px;margin:0 0 16px}.table-card{overflow:hidden}.table-title{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.table-title h2{font-size:16px;margin:0}table{width:100%;border-collapse:collapse}th{background:#fafbfc;color:var(--muted);font-size:11px;text-transform:uppercase;text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}td{padding:12px 13px;border-bottom:1px solid #edf1f5;font-size:13px}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:11px;background:#eef3f8}.badge.green{background:#e8f6f0;color:#13704e}.badge.gold{background:#fbf2e4;color:#986d2f}.badge.red{background:#fff0f1;color:#a9323d}.form-section{margin-bottom:14px;overflow:hidden}.form-section h3{font-size:13px;margin:0;padding:13px 16px;background:#fcfdfe;border-bottom:1px solid var(--line)}.section-body{padding:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:650}.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;border:1px solid #d6dde6;border-radius:7px;padding:10px;background:#fff;color:var(--ink)}.field textarea{min-height:82px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.toolbar input{max-width:350px}.empty{padding:45px;text-align:center;color:var(--muted)}.editor-grid{display:grid;grid-template-columns:minmax(540px,1fr) minmax(530px,.9fr);gap:18px;align-items:start}.items-edit input,.items-edit select{width:100%;border:1px solid var(--line);border-radius:5px;padding:7px}.items-edit .spec{margin-top:5px}.totals-box{margin:14px 0 0 auto;width:280px;display:grid;gap:8px}.total-row{display:flex;justify-content:space-between}.total-row.grand{border-top:1px solid var(--line);padding-top:9px;font-size:18px;font-weight:750}.hidden{display:none!important}.hint{background:#fff8ec;color:#815d28;padding:9px;border-radius:6px;font-size:12px;line-height:1.5}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-visual{background:linear-gradient(145deg,#041832,#0a345c);color:#fff;padding:60px;display:grid;place-items:center}.login-visual img{width:280px;background:#fff;border-radius:12px;padding:18px}.login-visual h1{font-size:34px;max-width:520px}.login-visual p{color:#c3d2e1;max-width:500px;line-height:1.7}.login-box{display:grid;place-items:center;padding:35px}.login-form{width:min(390px,100%)}.login-form h2{font-size:28px;margin:0 0 8px}.login-form>p{color:var(--muted);margin-bottom:26px}.pin-input{text-align:center;font-size:24px;letter-spacing:.5em;font-weight:700}.error{background:#fff0f1;color:#9c303b;padding:10px;border-radius:7px;margin-bottom:12px}.toast{position:fixed;right:22px;bottom:22px;background:#153c32;color:#fff;padding:12px 17px;border-radius:8px;z-index:100}.unpaid-item{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.paper-wrap{background:#e8edf2;padding:22px;border-radius:10px;overflow:auto}.paper{width:210mm;min-height:297mm;margin:0 auto;background:#fff;box-shadow:0 8px 25px #1a2c4226;padding:15mm 13mm;color:#111c31;display:flex;flex-direction:column;font-size:10px}.paper-head{display:flex;justify-content:space-between;border-bottom:2px solid var(--gold);padding-bottom:13px}.paper-logo img{width:145px;height:68px;object-fit:contain}.paper-company{max-width:48%;line-height:1.55}.paper-company strong{font-size:12px}.doc-title{display:flex;justify-content:space-between;align-items:center;margin:20px 0 17px}.doc-title h2{font-size:28px;margin:0;color:var(--navy)}.number-box{background:#f5eee3;padding:9px 12px;line-height:1.6}.party-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-bottom:17px}.party-grid h4{margin:0 0 7px;font-size:10px}.party-grid p{line-height:1.45;margin:0}.paper-table th{background:var(--navy);color:#fff;font-size:8px;padding:8px}.paper-table td{font-size:9px;padding:8px;border:1px solid #d9dee5}.align-right{text-align:right}.paper-total{margin:14px 0 0 auto;width:48%}.paper-total div{display:flex;justify-content:space-between;border:1px solid #d9dee5;border-bottom:0;padding:7px 10px}.paper-total .grand{background:var(--navy);color:#fff;border:0;font-size:12px}.vat-note{margin-top:10px;padding:8px 10px;background:#fff8ec;border-left:3px solid var(--gold);line-height:1.45}.payment-block{margin-top:15px;border-top:1px solid #d9dee5;padding-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.signature-row{margin-top:auto;padding:35px 18px 12px;display:flex;justify-content:space-between;text-align:center}.signature-row span{min-width:160px;border-top:1px solid #6f7784;padding-top:8px}.paper-footer{background:var(--navy);color:#fff;padding:10px 14px;display:flex;justify-content:space-between}.mobile-menu{display:none}.menu-backdrop{display:none}@media(max-width:1100px){.editor-grid{grid-template-columns:1fr}.dashboard-cards{grid-template-columns:repeat(2,1fr)}.table-card{overflow:auto}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.main{margin-left:0;width:100%}.topbar{padding:0 13px}.user,.search{display:none}.mobile-menu{display:block}.menu-backdrop.show{display:block;position:fixed;inset:0;background:#061b3866;z-index:25}.content{padding:15px}.dashboard-cards,.section-grid,.form-grid{grid-template-columns:1fr}.page-head{align-items:flex-start}.toolbar{flex-direction:column;align-items:stretch}.login-page{grid-template-columns:1fr}.login-visual{display:none}.paper-wrap{padding:8px}.paper{margin:0;transform-origin:top left}.table-card table{min-width:720px}}@media print{@page{size:A4;margin:0}body{background:#fff}.sidebar,.topbar,.page-head,.no-print,.toast{display:none!important}.main{margin:0;width:100%}.content{padding:0}.paper-wrap{padding:0;background:#fff;overflow:visible}.paper{width:210mm;height:297mm;min-height:297mm;box-shadow:none;margin:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}}

@media screen and (max-width:760px){
  .items-edit thead{display:none}.items-edit,.items-edit tbody,.items-edit tr,.items-edit td{display:block;width:100%}.items-edit tr{border:1px solid var(--line);border-radius:9px;padding:10px;margin-bottom:12px;background:#fafcfe}.items-edit td{border:0;padding:6px 0}.items-edit td[data-label]::before{content:attr(data-label);display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:5px}.items-edit .line-total{font-size:18px;font-weight:750;color:var(--navy)}
  .paper{width:100%;min-height:0;padding:18px;font-size:12px;box-shadow:none}.paper-head{display:grid;gap:12px}.paper-company{max-width:none}.doc-title{align-items:flex-start;gap:12px}.doc-title h2{font-size:23px}.party-grid{grid-template-columns:1fr;gap:14px}.paper-table thead{display:none}.paper-table,.paper-table tbody,.paper-table tr,.paper-table td{display:block;width:100%}.paper-table tr{border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:9px}.paper-table td{border:0;padding:4px 2px;font-size:12px;display:flex;justify-content:space-between;gap:12px}.paper-table td::before{content:attr(data-label);font-weight:700;color:var(--muted)}.paper-table td:nth-child(2){display:block;font-size:13px}.paper-table td:nth-child(2)::before{display:block;margin-bottom:4px}.paper-total{width:100%}.payment-block{grid-template-columns:1fr}.signature-row{gap:20px;padding:45px 0 15px}.signature-row span{min-width:0;flex:1}.paper-footer{flex-direction:column;gap:5px}.convert-link{font-size:11px;padding:8px}
}

/* Compact professional A4 document */
.paper{padding:10mm 11mm;font-size:9.2px;line-height:1.32}
.paper-head{padding-bottom:8px;align-items:center}.paper-logo img{width:122px;height:52px}.paper-logo small{font-size:7.5px}.paper-company{line-height:1.4}.paper-company strong{font-size:10.5px}
.doc-title{margin:11px 0 10px}.doc-title h2{font-size:23px;letter-spacing:.02em}.number-box{padding:7px 10px;line-height:1.45}
.party-grid{gap:20px;margin-bottom:10px}.party-grid h4{font-size:8.5px;margin-bottom:4px}.party-grid p{line-height:1.35}
.paper-table th{padding:6px 7px;font-size:7.5px}.paper-table td{padding:6px 7px;font-size:8.3px;line-height:1.3}.paper-table tr{break-inside:avoid;page-break-inside:avoid}
.paper-total{margin-top:9px;width:45%}.paper-total div{padding:5px 8px}.paper-total .grand{font-size:10.5px}
.vat-note{margin-top:6px;padding:6px 8px;line-height:1.35}.payment-block{margin-top:8px;padding-top:7px;gap:3px;line-height:1.3}.paper>p{margin:7px 0;line-height:1.35}
.signature-row{padding:22px 14px 7px}.signature-row span{padding-top:6px}.paper-footer{padding:7px 11px;font-size:8px}
.paper.density-tight{padding:8mm 10mm;font-size:8.5px}.paper.density-tight .paper-logo img{height:44px}.paper.density-tight .doc-title{margin:8px 0}.paper.density-tight .party-grid{margin-bottom:7px}.paper.density-tight .paper-table td{padding:4px 6px;font-size:7.8px}.paper.density-tight .paper-table th{padding:5px 6px}.paper.density-tight .signature-row{padding-top:15px}
.paper.density-ultra{padding:7mm 9mm;font-size:8px}.paper.density-ultra .paper-head{padding-bottom:5px}.paper.density-ultra .paper-logo img{height:38px}.paper.density-ultra .doc-title{margin:6px 0}.paper.density-ultra .doc-title h2{font-size:19px}.paper.density-ultra .party-grid{margin-bottom:5px}.paper.density-ultra .paper-table td{padding:3px 5px;font-size:7.2px}.paper.density-ultra .paper-table th{padding:4px 5px}.paper.density-ultra .payment-block{margin-top:5px;padding-top:5px}.paper.density-ultra .signature-row{padding-top:10px}.paper.density-ultra .paper-footer{padding:5px 9px}

@media print{
  .paper{height:297mm;overflow:visible}
  .paper,.paper *{break-inside:avoid;page-break-inside:avoid}
}
@media screen and (max-width:760px){
  .paper,.paper.density-tight,.paper.density-ultra{padding:16px;font-size:12px;line-height:1.4}
  .paper.density-tight .paper-table td,.paper.density-ultra .paper-table td{padding:4px 2px;font-size:12px}
  .paper.density-tight .doc-title h2,.paper.density-ultra .doc-title h2{font-size:22px}
}