:root{--navy:#102a43;--blue:#1769e0;--ink:#17212b;--muted:#6c7a89;--line:#dbe2ea;--bg:#f3f6fa;--green:#16855b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}main{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:var(--navy);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brandmark{width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-family:Georgia;font-weight:900;font-size:23px}.brand b{display:block;font-size:16px;letter-spacing:.6px}.brand small{opacity:.65}.sidebar nav{display:grid;gap:7px}.sidebar nav button{border:0;background:transparent;color:#bcd0e2;text-align:left;padding:12px 14px;border-radius:9px;font-weight:600}.sidebar nav button span{margin-left:10px}.sidebar nav button:hover,.sidebar nav button.active{background:#1c3b59;color:#fff}.company{margin-top:auto;border-top:1px solid #31506d;padding:20px 10px 0;display:grid;gap:5px}.company small{color:#7894ad;font-size:10px;letter-spacing:1px}.company span{font-size:12px;color:#adc1d3}.workspace{margin-left:246px;padding:31px 34px 60px;max-width:1800px}.workspace>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.workspace h1,.workspace h2,.workspace p{margin:0}.workspace header h1{font-size:27px;color:var(--navy)}.workspace header p{color:var(--muted);margin-top:6px}.primary,.ghost{border:0;border-radius:9px;padding:12px 17px;font-weight:700}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 14px #1769e033}.ghost{background:#fff;border:1px solid var(--line);color:var(--navy)}.header-actions{display:flex;gap:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px}.stats i{font-style:normal;width:42px;height:42px;display:grid;place-items:center;background:#e9f2ff;color:var(--blue);border-radius:9px;font-size:21px}.stats span{display:grid;gap:4px}.stats small{font-size:10px;color:var(--muted);font-weight:700;letter-spacing:.8px}.stats b{font-size:23px;color:var(--navy)}.quick{margin:24px 0}.quick h2,.records h2{font-size:18px;margin-bottom:13px;color:var(--navy)}.quick>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px;display:flex;align-items:center;text-align:left;gap:12px}.quick button:hover{border-color:#91baff;box-shadow:0 6px 18px #1b467312}.quick i{font-style:normal;background:#eaf2ff;color:#246ad3;border-radius:8px;padding:10px}.quick .tone1{background:#fff3dd;color:#c27900}.quick .tone2{background:#e9f8f2;color:#16855b}.quick .tone3{background:#f1ebff;color:#7250bf}.quick span{display:grid;gap:3px;flex:1}.quick small{color:var(--muted)}.quick strong{font-size:20px;color:#9aabba}.records{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.records-head{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.records-head h2{margin:0}.records-head p{font-size:13px;color:var(--muted);margin-top:4px}.filters{display:flex;gap:8px}.filters input,.filters select{border:1px solid var(--line);border-radius:8px;padding:10px;background:#fff}.filters input{min-width:260px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}.records th{font-size:11px;letter-spacing:.4px;text-align:left;color:#627083;background:#f8fafc;padding:12px 16px}.records td{padding:14px 16px;border-top:1px solid #eef2f6;font-size:13px}.records td small{display:block;margin-top:4px;color:var(--muted)}.status{padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700;background:#fff3dd;color:#a56a00}.status.final,.status.paid{background:#e6f7ef;color:#14724f}.status.cancelled{background:#feeceb;color:#b42c27}.actions{white-space:nowrap}.actions button,.actions select{border:0;background:transparent;color:var(--blue);font-weight:700;font-size:12px;margin-right:9px}.actions select{max-width:88px}.actions .delete{color:#c84944}.empty{text-align:center!important;padding:38px!important;color:var(--muted)}.editor{display:grid;grid-template-columns:minmax(480px,1fr) minmax(560px,1.08fr);gap:22px;align-items:start}.form-panel{display:grid;gap:14px}.form-section{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.form-section h2{font-size:16px;color:var(--navy);border-bottom:1px solid #e8edf2;padding-bottom:12px;margin-bottom:16px}.field{display:grid;gap:6px;margin-bottom:12px}.field>span{font-size:11px;font-weight:700;color:#5d6c7b;text-transform:uppercase;letter-spacing:.35px}.field input,.field select,.field textarea{border:1px solid #ced7e0;border-radius:7px;padding:10px;background:#fff;width:100%;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #a9caff;border-color:var(--blue)}.grid2,.grid3{display:grid;gap:10px}.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.item{border:1px solid #dde5ec;border-radius:9px;padding:13px;margin-bottom:11px}.item-head{display:flex;justify-content:space-between;margin-bottom:9px}.item-head button{color:#bd302b;border:0;background:transparent}.add-line{border:1px dashed #93acd0;color:var(--blue);background:#f7faff;border-radius:8px;padding:10px;width:100%;font-weight:700}.paper-wrap{position:sticky;top:18px;display:flex;justify-content:center;align-items:flex-start;background:#dfe5eb;padding:18px;border-radius:12px;overflow:auto;max-height:calc(100vh - 36px)}.paper{width:794px;min-height:1123px;flex:0 0 auto;zoom:.8;margin:0;background:#fff;padding:10px;color:#111;font-family:Times New Roman,serif;border:1px solid #333;font-size:13px}.paper-top{min-height:145px;display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:stretch;gap:24px;padding:10px 0 14px}.paper-top>h1{display:flex;align-items:center;justify-content:center;margin:0;padding:18px;text-align:center;font-size:38px;line-height:1.1;text-decoration:none;letter-spacing:1px;border-top:2px solid #111;border-bottom:2px solid #111}.meta{border:1px solid #444;padding:14px 16px;display:grid;grid-template-columns:132px minmax(0,1fr);align-content:center;column-gap:9px;row-gap:8px;font-size:14px}.meta b{white-space:nowrap}.meta span{min-width:0;overflow-wrap:anywhere}.parties{display:grid;grid-template-columns:1fr 1fr;gap:22px}.parties>div{border:1px solid #444;padding:15px 18px;min-height:355px}.parties h3,.parties h2{margin:0 0 14px}.parties h2{font-size:20px}.parties p{font-size:14px;line-height:1.65}.parties hr{border:0;border-top:1px solid #777;margin:15px 0}.parties h4{margin:20px 0}.buyer-other{font-size:17px!important}.section-label{font-size:15px;margin:16px 18px 7px}.shipment{border:1px solid #444;display:grid;grid-template-columns:repeat(20,1fr)}.shipment>div{grid-column:span 5;text-align:center;padding:10px 5px;border-right:1px solid #777;border-bottom:1px solid #777;min-height:62px}.shipment>div:nth-child(n+5){grid-column:span 4;border-bottom:0}.shipment b{display:block;font-size:11px;margin-bottom:10px}.shipment>div>span{font-size:13px;font-weight:500}.product-table{border:1px solid #444}.product-table th,.product-table td{border:1px solid #555;padding:8px;text-align:center}.product-table th{font-size:11px}.product-table th small{display:block;margin-top:3px}.product-table td:nth-child(2){text-align:left;min-width:210px;white-space:pre-line;line-height:1.45}.totals{display:grid;grid-template-columns:1.05fr 1.5fr 1fr;border:1px solid #444;border-top:0}.totals>div{padding:10px 14px;border-right:1px solid #555;line-height:1.6}.totals>div:last-child{text-align:center;border:0}.totals strong{display:block;font-size:22px}.declaration{border:1px solid #444;margin-top:12px;display:grid;grid-template-columns:1.55fr 1fr;min-height:160px}.declaration>div{padding:10px 16px}.declaration>div:first-child{border-right:1px solid #555}.declaration h3{margin:0 0 9px}.declaration ol{margin:0;padding-left:22px;line-height:1.45}.sign{text-align:center}.stamp{width:100px;height:100px;border:3px solid #1e3a8a;border-radius:50%;margin:7px auto;color:#1e3a8a;display:grid;place-items:center;font-weight:800;transform:rotate(-7deg);font-family:Arial;font-size:12px}.stamp span{font-family:cursive}.sign hr{border:0;border-top:1px solid #333}.packing-table{table-layout:fixed}.packing-table th,.packing-table td{padding:7px 4px}.packing-table th:nth-child(1){width:7%}.packing-table th:nth-child(2){width:8%}.packing-table th:nth-child(3){width:27%}.packing-table th:nth-child(4){width:10%}.packing-table th:nth-child(5){width:9%}.packing-table th:nth-child(6){width:11%}.packing-table th:nth-child(7),.packing-table th:nth-child(8){width:14%}.packing-table td:nth-child(2){min-width:0;text-align:center;white-space:normal;line-height:1.2}.packing-table td:nth-child(3){text-align:left;white-space:pre-line;line-height:1.25}.packing-spacer td{height:34px}.packing-total th,.packing-total td{font-weight:700;border-top:2px solid #222;border-bottom:2px solid #222}.paper-top{min-height:175px;grid-template-columns:minmax(0,1fr) 350px;gap:20px}.meta{padding:10px 12px;grid-template-columns:145px minmax(0,1fr);row-gap:6px}.meta-wide,.meta-state{grid-column:1/-1;border-top:1px solid #777;padding-top:6px}.meta-wide{font-size:12px;font-weight:700;line-height:1.2}.meta-state{display:flex;justify-content:space-between;gap:12px}.exporter-details{display:grid;gap:4px}.exporter-details>div{display:grid;grid-template-columns:105px 10px minmax(0,1fr);align-items:start;line-height:1.25}.exporter-details b,.exporter-details span{min-width:0;overflow-wrap:anywhere}@media(max-width:1200px){.editor{grid-template-columns:1fr}.paper-wrap{position:static}.quick>div,.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:70px;padding:20px 10px}.brand>div:last-child,.sidebar nav span,.company{display:none}.workspace{margin-left:70px;padding:20px 14px}.workspace>header,.records-head{align-items:flex-start;flex-direction:column}.stats,.quick>div,.grid2,.grid3{grid-template-columns:1fr}.filters{width:100%;flex-direction:column}.filters input{min-width:0}.paper-wrap{display:none}.editor{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}}@media print{@page{size:A4 portrait;margin:0}html,body,main{width:210mm;height:auto;margin:0!important;padding:0!important;background:#fff}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.sidebar,.workspace>header,.form-panel{display:none!important}.workspace{width:210mm;max-width:none;margin:0!important;padding:0!important}.editor{display:block;width:210mm;margin:0}.paper-wrap{position:static;width:210mm;max-height:none;margin:0;padding:0;background:#fff;border-radius:0;overflow:visible}.paper{width:210mm;min-height:0;height:auto;zoom:1;margin:0;padding:3mm 4mm;border:0;font-size:8.5pt;line-height:1.18;break-after:avoid;page-break-after:avoid}.paper-top{height:25mm;grid-template-columns:1fr 69mm;gap:4mm}.paper-top>h1{font-size:25pt;text-underline-offset:6px}.meta{padding:2mm;grid-template-columns:29mm 1fr;gap:1.2mm;font-size:8.5pt}.parties{gap:3mm}.parties>div{min-height:55mm;padding:3mm 4mm}.parties h3,.parties h2{margin:0 0 2mm}.parties h2{font-size:13pt}.parties p{font-size:8.5pt;line-height:1.28}.parties hr{margin:2mm 0}.parties h4{margin:3mm 0 2mm}.buyer-other{font-size:10pt!important}.section-label{font-size:9pt;margin:2mm 4mm 1mm}.shipment>div{min-height:11mm;padding:1.5mm 1mm}.shipment b{font-size:7pt;margin-bottom:1.2mm}.shipment>div>span{font-size:8pt}.product-table th,.product-table td{padding:1.6mm}.product-table th{font-size:7pt}.product-table td:nth-child(2){min-width:48mm;line-height:1.2}.totals>div{padding:2mm 3mm;line-height:1.3}.totals strong{font-size:14pt}.declaration{min-height:34mm;margin-top:2mm;break-inside:avoid;page-break-inside:avoid}.declaration>div{padding:2mm 3mm}.declaration h3{margin:0 0 1.5mm}.declaration-copy p{margin:.7mm 0;line-height:1.22}.sign-assets{height:22mm}.sign-assets img{max-width:28mm;max-height:20mm}.stamp{width:20mm;height:20mm;border-width:2px;font-size:7pt}.paper-top,.parties,.shipment,.product-table,.totals,.declaration{break-inside:avoid;page-break-inside:avoid}.paper{font-size:9.7pt;line-height:1.14}.paper-top{height:30mm;grid-template-columns:1fr 78mm;gap:3mm;padding:1mm 0 2mm}.meta{padding:1.2mm 1.5mm;grid-template-columns:34mm 1fr;column-gap:1mm;row-gap:.7mm;font-size:8.6pt}.meta-wide,.meta-state{padding-top:.7mm}.meta-wide{font-size:7.3pt;line-height:1.1}.meta-state{font-size:8pt}.parties>div{min-height:53mm;padding:2.5mm 3.5mm}.parties p{font-size:9.1pt;line-height:1.22}.exporter-details{gap:.7mm}.exporter-details>div{grid-template-columns:25mm 3mm minmax(0,1fr);line-height:1.15}.shipment b{font-size:7.5pt;margin-bottom:1mm}.shipment>div>span{font-size:8.7pt}.product-table th{font-size:7.6pt}.declaration{min-height:37mm}.sign-assets{height:27mm}.sign-assets img{max-height:25mm}}.admin-nav{margin-top:22px!important;padding-top:18px;border-top:1px solid #31506d}.profile-card{max-width:850px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px}.profile-card h2{margin-bottom:20px}.customer-layout{display:grid;grid-template-columns:370px 1fr;gap:18px;align-items:start}.text-delete{border:0;background:transparent;color:#c84944;font-weight:700}.hint{font-size:12px;color:var(--muted);margin-top:0!important}.sub-input{margin-top:7px!important}@media(max-width:1200px){.customer-layout{grid-template-columns:1fr}}.asset-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 20px}.asset-upload{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:10px;align-content:start}.asset-upload>img,.asset-placeholder{width:100%;height:150px;object-fit:contain;background:#f7f9fc;border-radius:7px}.asset-placeholder{display:grid;place-items:center;color:var(--muted);font-size:13px}.upload-label{display:block;text-align:center;position:relative;overflow:hidden}.upload-label input{position:absolute;opacity:0;inset:0;cursor:pointer}.upload-card{max-width:650px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:14px}.upload-card>p{color:var(--muted);line-height:1.6}.upload-card>small{color:var(--muted)}.selected-file{background:#eef5ff;padding:10px;border-radius:7px;color:var(--navy)!important}.archive{display:grid;gap:18px}.country-folder{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.country-folder>h2{font-size:19px;margin-bottom:15px}.invoice-folders{display:grid;gap:11px}.invoice-folders article{border:1px solid #dce5ee;border-radius:9px;overflow:hidden}.folder-title{display:flex;justify-content:space-between;gap:15px;align-items:center;background:#f7f9fc;padding:13px 15px}.folder-title>div:first-child{display:grid;gap:4px}.folder-title small{color:var(--muted)}.folder-title button,.file-list button{border:0;background:transparent;color:var(--blue);font-weight:700;margin-left:9px}.file-list{padding:10px 15px}.file-list>div{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f5;padding:8px 0}.file-list>div:first-child{border-top:0}.file-list a{color:var(--navy);font-weight:700}.file-list small{margin-left:9px;color:var(--muted)}.file-list em{color:var(--muted);font-size:13px}.empty-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:40px;text-align:center;color:var(--muted)}.country-folder>summary{font-size:19px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none}.country-folder>summary::-webkit-details-marker,.invoice-folder>summary::-webkit-details-marker{display:none}.country-folder>summary:after,.invoice-folder>summary:after{content:"▾";float:right;color:#7b8da0}.country-folder:not([open])>summary:after,.invoice-folder:not([open])>summary:after{content:"›"}.country-folder[open]>summary{margin-bottom:15px}.invoice-folder{border:1px solid #dce5ee;border-radius:9px;overflow:hidden;background:#fff}.invoice-folder>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background:#f7f9fc;padding:14px 16px;list-style:none}.invoice-folder>summary>span:first-child{display:grid;gap:4px}.invoice-folder>summary small{color:var(--muted)}.folder-count{font-size:12px;color:var(--blue);margin-left:auto;margin-right:14px}.folder-actions{padding:10px 15px;border-top:1px solid #e7edf3}.folder-actions button{border:0;background:#eaf2ff;color:var(--blue);font-weight:700;border-radius:6px;padding:8px 11px;margin-right:8px}.document-link{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1}.document-link>span:first-child{font-size:23px}.document-link>span:last-child{display:grid;gap:3px}.document-link:hover b{text-decoration:underline}.notice{background:#fff5df;color:#865d04!important;padding:11px;border-radius:7px}.declaration-copy p{margin:3px 0;line-height:1.4}.sign-assets{height:100px;display:flex;justify-content:center;align-items:center;gap:5px}.sign-assets img{max-width:110px;max-height:90px;object-fit:contain}.sign-assets .stamp{margin:0}@media(max-width:760px){.asset-grid{grid-template-columns:1fr}.folder-title{align-items:flex-start;flex-direction:column}}@media print{.asset-upload,.upload-card,.archive{display:none!important}}.validation-summary{background:#fff1f0;border:1px solid #ef9a96;border-left:5px solid #c93d37;color:#842621;border-radius:9px;padding:15px 18px}.validation-summary b{display:block;margin-bottom:8px}.validation-summary ul{margin:0;padding-left:20px;display:grid;gap:5px}.save-success{background:#e9f8f1;border:1px solid #8bcdb0;border-left:5px solid #16855b;color:#0e6846;border-radius:9px;padding:14px 18px;font-weight:700}.global-message{margin-bottom:18px}.signature-choice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid #cfd9e3;border-radius:9px;background:#f8fbff;cursor:pointer}.signature-choice input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}.signature-choice span{display:grid;gap:5px}.signature-choice b{color:var(--navy)}.signature-choice small{color:var(--muted);line-height:1.4}.stats-six{grid-template-columns:repeat(3,1fr)}.date-filters{align-items:flex-end;flex-wrap:wrap;justify-content:flex-end}.date-filters>label{display:grid;gap:4px}.date-filters>label>span{font-size:10px;font-weight:700;letter-spacing:.35px;text-transform:uppercase;color:var(--muted)}.date-filters>label input{min-width:145px}.clear-dates{border:1px solid var(--line);background:#fff;color:#c84944;border-radius:8px;padding:10px;font-weight:700}@media(max-width:1400px){.date-filters{justify-content:flex-start}.records-head{align-items:flex-start;flex-direction:column;gap:14px}}@media(max-width:900px){.stats-six{grid-template-columns:repeat(2,1fr)}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top right,#274863 0,#112f49 38%,#071d2e);font-family:Arial,sans-serif}.auth-card{width:min(440px,100%);background:#fff;border-radius:20px;padding:34px;box-shadow:0 28px 80px #00101f88}.auth-logo{display:block;width:min(320px,88%);height:auto;margin:0 auto 24px}.auth-card h1{margin:0 0 7px;color:#15334d;font-size:28px;text-align:center}.auth-card>p{text-align:center;color:#657586;margin:0 0 25px}.auth-field{display:grid;gap:7px;margin:14px 0}.auth-field span{font-size:12px;font-weight:800;letter-spacing:.07em;color:#526272;text-transform:uppercase}.auth-field input{height:48px;border:1px solid #ccd6df;border-radius:10px;padding:0 13px;font-size:16px}.auth-field input:focus{outline:3px solid #9bc8e955;border-color:#286f9e}.auth-submit{width:100%;height:49px;border:0;border-radius:10px;background:#153b59;color:#fff;font-size:16px;font-weight:800;cursor:pointer;margin-top:8px}.auth-submit:disabled{opacity:.6}.auth-link{display:block;border:0;background:none;color:#1b6898;text-align:center;margin:18px auto 0;cursor:pointer;font-weight:700}.auth-error,.auth-success{border-radius:9px;padding:11px 13px;margin:12px 0;font-size:14px}.auth-error{background:#fff0f0;color:#9f1f1f}.auth-success{background:#ecfff4;color:#17633b}.users-card{background:#fff;border:1px solid #dce4eb;border-radius:15px;padding:24px}.users-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}.users-list{display:grid;gap:10px}.user-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #e0e6ec;border-radius:10px;padding:12px}.user-row small{display:block;color:#718090;margin-top:4px}.selected-file span{display:block;margin-top:5px}@media(max-width:800px){.users-grid{grid-template-columns:1fr}.auth-card{padding:26px 20px}}
