:root{--blue:#087ee8;--blue-dark:#07569c;--cyan:#08c1e9;--bg:#f0f9ff;--text:#12324a;--border:#cfe9f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.45 Arial,sans-serif;color:var(--text)}nav{height:72px;background:linear-gradient(110deg,#fff 0%,#f2fcff 62%,#dff7ff 100%);border-bottom:2px solid #b8eafa;box-shadow:0 4px 18px #087ee814;display:flex;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2))}.logo{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:800;color:var(--blue);text-decoration:none}.logo img{width:54px;height:54px;object-fit:contain}.logo small{font-size:12px;color:var(--blue-dark);letter-spacing:1.5px}.container{max-width:1180px;margin:32px auto;padding:0 20px}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.page-title h1{margin:0;color:var(--blue)}.page-title p{margin:5px 0;color:#667085}.card{background:white;border:1px solid var(--border);border-radius:14px;box-shadow:0 5px 24px #2342  ;overflow:hidden}.btn{border:1px solid var(--border);background:white;color:#24364b;border-radius:8px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:600}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:var(--blue);color:white;box-shadow:0 5px 14px #087ee82b}.btn.light{background:#f8fafc}.filters{display:flex;gap:10px;margin-bottom:16px}.filters input{flex:1}input,select,textarea{width:100%;padding:11px;border:1px solid #cad5e1;border-radius:7px;background:white;font:inherit}textarea{min-height:80px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}.list th,.list td{padding:14px 16px;text-align:left;border-bottom:1px solid #edf1f5;white-space:nowrap}.list th{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff}.list a{color:var(--blue);text-decoration:none}.badge{padding:5px 9px;border-radius:20px;background:#e9f3ff;color:#07538f}.badge.delivery{background:#eaf8f3;color:#08795b}.badge.receipt{background:#fff5df;color:#8b5b00}.row-actions{display:flex;align-items:center;gap:11px}.row-actions form{display:inline}.row-actions button{border:0;background:none;color:var(--blue);padding:0;cursor:pointer}.row-actions .danger-text{color:#c52b2b}.empty{text-align:center!important;padding:40px!important;color:#667085}.alert{padding:12px 15px;background:#e8f8ef;color:#146c3d;border-radius:8px;margin-bottom:15px}.form{padding:24px;overflow:visible}.grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span2{grid-column:span 2}label{display:block;font-weight:600;color:#344054}label input,label select,label textarea{margin-top:6px}.form h3{margin-top:26px;color:var(--blue)}.edit-table th{text-align:left;background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff;padding:10px}.edit-table td{padding:6px}.edit-table th:nth-child(1){width:58%}.icon{border:0;background:none;font-size:25px;cursor:pointer}.danger{color:#c52b2b}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toolbar{max-width:1000px;margin:20px auto;display:flex;justify-content:flex-end;gap:8px}.print-page{background:#e9eef3}.paper{width:1000px;min-height:650px;margin:0 auto 35px;background:white;padding:48px 62px;box-shadow:0 6px 30px #1233}.doc-head{display:grid;grid-template-columns:1.4fr 1fr .7fr;gap:28px;align-items:start;margin-bottom:42px}.doc-head h1{margin:0 0 7px;color:var(--blue);font-size:30px}.doc-head p{margin:3px 0}.customer>b{font-size:16px}.brand{text-align:center;color:var(--blue)}.brand img{display:block;width:145px;height:110px;margin:0 auto;object-fit:contain}.items{font-size:16px}.items th{background:var(--blue);color:white;padding:7px;border:1px solid white}.items td{border:1px solid #111;padding:6px}.items .num{text-align:right;width:55px}.items .money{text-align:right;white-space:nowrap}.items .total td{background:#cde9f6;font-weight:800}.items .total td:first-child{background:white;border:0}.doc-foot{display:grid;grid-template-columns:1fr 1fr;margin-top:35px;gap:60px}.doc-foot>div:last-child{text-align:center}.doc-foot p{margin:4px 0}.doc-foot b{color:var(--blue)}.sign{margin-top:70px}.notes{margin-top:15px}.no-print{}.new-menu{display:flex;gap:8px}.number-builder{display:flex;align-items:center;border:1px solid #cad5e1;border-radius:7px;background:#fff;margin-top:6px;overflow:hidden}.number-builder span{padding:11px 0 11px 11px;color:#07569c;font-weight:700;white-space:nowrap}.number-builder input{border:0;margin:0;padding-left:3px;min-width:70px;font-weight:700;color:#087ee8}.number-builder input:focus{outline:0}.discount-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:20px;padding:16px;border:1px solid #bde8fa;border-radius:10px;background:#f2fbff}.items .summary td{font-weight:600;background:#f4fbff}.items .summary td:first-child{background:white;border:0}.items .discount td{color:#0872bd}@media(max-width:700px){.container{margin-top:20px}.page-title{align-items:flex-start;gap:15px}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.grid{grid-template-columns:1fr}.discount-fields{grid-template-columns:1fr}.span2{grid-column:auto}.form{padding:15px}.list th,.list td{padding:12px}.paper{transform-origin:top left}.toolbar{padding:0 10px}.doc-head{grid-template-columns:1fr 1fr}.brand{grid-column:2;grid-row:1}.customer{grid-row:2;grid-column:1/3}.row-actions{gap:14px}}@media print{@page{size:A4 landscape;margin:9mm}.no-print{display:none!important}.print-page{background:white}.paper{width:auto;min-height:auto;margin:0;padding:10mm;box-shadow:none}.doc-head{margin-bottom:28px}.items th{-webkit-print-color-adjust:exact;print-color-adjust:exact}.items .total td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}