@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#302c27;background:#f7f6f2;font-synthesis:none;--brown:#4d352b;--gold:#c49b5b;--line:#e9e6df;--muted:#858176;--green:#35654b;--red:#a74438}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #c49b5b;outline-offset:3px}input:focus,select:focus,textarea:focus{outline:2px solid #bb965c;outline-offset:1px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:30px;line-height:1.3;letter-spacing:-1px;font-weight:800}h2{font-size:17px;font-weight:800;letter-spacing:-.4px}h3{font-size:15px}small{font-size:12px}button{border:0}input,select,textarea{border:1px solid #dedbd3;border-radius:7px;background:#fff;color:#302c27;width:100%;padding:11px 12px;min-height:43px}textarea{min-height:90px;resize:vertical}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}label input,label select,label textarea{font-weight:400}input[type=checkbox]{width:16px;min-height:16px;accent-color:var(--brown)}[hidden]{display:none!important}.muted{color:#777367;font-size:14px;line-height:1.65}.eyebrow{font-size:10px;letter-spacing:2px;color:#a58450;font-weight:700;margin-bottom:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;min-height:40px;border-radius:7px;font-size:12px;font-weight:600;border:1px solid #e2ddd3;background:#fff;color:#574d41;text-decoration:none;white-space:nowrap;transition:background .15s}.btn:hover{background:#f4f0e8}.btn.primary{background:var(--brown);color:#fff;border-color:var(--brown);box-shadow:0 3px 7px #3c281214}.btn.primary:hover{background:#664739}.btn.danger{color:#ad4439;border-color:#edc9c4;background:#fff4f1}.btn.small{font-size:11px;min-height:30px;padding:5px 9px;border-radius:5px}.btn.ghost,.text-btn{border:0;background:none;color:#7b6b55;padding:8px;font-size:12px;font-weight:600}.text-btn:hover{color:var(--brown);text-decoration:underline}.full{width:100%}.icon-btn{border:0;background:transparent;font-size:24px;padding:2px 8px;color:inherit;line-height:1.2;border-radius:5px}.icon-btn:hover{background:#00000009}.loading{min-height:100vh;display:grid;place-content:center;color:var(--brown);font-size:16px}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#392a23;color:#d9d0c3;display:flex;flex-direction:column;z-index:3}.brand{display:flex;flex-direction:column;align-items:center;padding:30px 20px 26px;text-decoration:none;border-bottom:1px solid #ffffff0d}.brand img{width:166px;height:69px;object-fit:contain}.brand-sub{color:#bd9c6b;font-size:9px;letter-spacing:4.5px;margin-top:2px}.workspace{display:flex;align-items:center;gap:11px;padding:24px 23px}.workspace-dot{width:9px;height:9px;border-radius:50%;background:#b59a6c;box-shadow:0 0 0 5px #b59a6c15;flex-shrink:0}.workspace strong{font-size:11px;font-weight:600;display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace small{display:block;color:#8e8175;margin-top:3px;font-size:10px}.sidebar nav{padding:4px 13px;display:flex;flex-direction:column;gap:5px}.nav-item{background:transparent;color:#b3a79b;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 16px;border-radius:7px;font-size:12px;font-weight:500}.nav-item>span{font-size:20px;line-height:20px;width:20px;display:inline-block;text-align:center;color:#9e8a72}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:#b99b6226;color:#ecd8ac}.nav-item.active>span{color:#d2ac6c}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:19px 15px;border-top:1px solid #ffffff0d;margin-top:auto}.avatar{display:grid;place-content:center;background:#6e5841;color:#eadbc0;border:1px solid #a2875a55;border-radius:50%;width:31px;height:31px;flex-shrink:0;font-size:12px}.user-info{min-width:0;flex:1}.user-info strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis}.user-info small{font-size:9px;display:block;color:#a49788;margin-top:4px}.sidebar-bottom .icon-btn{font-size:20px;color:#aa9987}.main{margin-left:246px;min-width:0;width:calc(100% - 246px);display:flex;flex-direction:column}.topbar{height:73px;flex-shrink:0;border-bottom:1px solid var(--line);background:#fcfbf8;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:15px}.breadcrumb{font-size:10px;color:#878176;letter-spacing:.8px}.breadcrumb span{padding:0 12px;color:#c8c0b3}.topbar>div{display:flex;align-items:center;gap:15px}.currency-tag{border:1px solid #e7e1d5;color:#8a7c63;background:#f7f4ed;border-radius:5px;padding:4px 8px;font-size:9px;letter-spacing:1px}.view{padding:34px 36px 40px;flex:1;max-width:1800px;width:100%;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:29px}.page-heading .muted{font-size:12px;margin-top:9px}.heading-actions{display:flex;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 22px;min-width:0;box-shadow:0 2px 4px #46342102}.stat>p{font-size:11px;color:#8c867a;margin-bottom:18px}.stat>strong{font:800 27px/1.2 Manrope,system-ui,sans-serif;letter-spacing:-.8px;display:block;overflow-wrap:anywhere}.stat>small{display:block;font-size:10px;color:#999184;margin-top:13px;line-height:1.5}.stat.accent{background:#4c382b;border-color:#4c382b;color:#f9f2e2}.stat.accent>p{color:#cbb791}.stat.accent>small{color:#bfae93}.panel{border:1px solid var(--line);border-radius:10px;background:white;overflow:hidden;margin-bottom:24px;box-shadow:0 2px 6px #46342102}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 23px;border-bottom:1px solid #f1eee8}.panel-title h2{font-size:14px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:22px}.dashboard-grid .panel{min-height:310px}.dashboard-grid .btn.small{font-size:10px}.table-wrap{overflow-x:auto;width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#fcfbf9;text-transform:uppercase;font-size:9px;letter-spacing:.7px;color:#998c78;font-weight:600;padding:13px 20px;border-bottom:1px solid #efebe3;white-space:nowrap}td{padding:17px 20px;border-bottom:1px solid #f1eee8;vertical-align:middle;line-height:1.5}tbody tr:last-child td{border-bottom:0}td strong{font-weight:600;color:#4d4438}td small{display:block;font-size:10px;color:#a09586;margin-top:4px;line-height:1.5}td.mono{font-size:10px;overflow-wrap:anywhere}.mono{font-family:ui-monospace,monospace}.badge{display:inline-block;padding:4px 8px;border-radius:5px;white-space:nowrap;font-size:9px;background:#f2eee8;color:#92806a;line-height:1.5}.badge.completed,.badge.passed{background:#eaf2e9;color:#54805b}.badge.pending,.badge.warning{background:#fbf2dd;color:#a67c36}.badge.quote{background:#eaf0f7;color:#647c9a}.badge.cancelled,.badge.failed{background:#f9e9e4;color:#a65e4a}.count{display:grid;place-content:center;width:24px;height:24px;border-radius:50%;background:#f6efdf;color:#a7874d;font-size:11px}.alert-row{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid #f2eee7;gap:15px}.alert-row strong{font-size:12px}.alert-row small{display:block;color:#a19686;font-size:10px;margin-top:4px}.callout{border:1px solid #e7dec9;border-radius:10px;padding:25px 28px;background:#f2ede1;display:flex;align-items:center;justify-content:space-between;gap:25px}.callout h2{font-size:21px;color:#66513b}.callout p:last-child{font-size:12px;color:#97866b;line-height:1.6;margin-top:7px}.callout .eyebrow{font-size:9px;margin-bottom:8px}.callout>.btn{background:#faf7ed;border-color:#d8c9aa;color:#8d7347}.app-footer{margin:0 36px;border-top:1px solid var(--line);padding:18px 0 20px;display:flex;justify-content:space-between;font-size:9px;color:#a49a8a;letter-spacing:.2px}.app-footer span{color:#b0a797}.empty{padding:43px 25px;text-align:center;color:#a29580;white-space:normal}.empty>span{font-size:26px;display:block;color:#bba884;margin-bottom:15px}.empty h3{font-size:12px;font-weight:600;color:#9c8e77}.empty p{font-size:11px;line-height:1.7;margin-top:8px;max-width:270px;margin-left:auto;margin-right:auto}.empty.compact{padding:47px 24px}.empty.compact>span{background:#f1f5ed;width:42px;height:42px;margin:0 auto 17px;border-radius:50%;display:grid;place-content:center;font-size:19px;color:#98ac89}.toolbar{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.search{max-width:300px;min-height:37px;font-size:12px;background:#fcfbf9}.toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.toolbar-actions select{width:auto;min-height:36px;padding:8px;font-size:11px}.check{flex-direction:row;align-items:center;gap:6px;font-size:10px;color:#8c806d;font-weight:400;white-space:nowrap}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.low{color:#b27a31}.no-results{text-align:center;padding:32px;color:var(--muted);font-size:13px}.notice{padding:13px 15px;background:#f8f2e5;color:#8a7046;border:1px solid #ece0c7;border-radius:6px;font-size:12px;line-height:1.7;margin:15px 0}.panel .notice{margin:15px 20px}.helper{font-size:11px;line-height:1.8;color:#978976;margin:14px 0}.panel-copy{font-size:12px;color:#8a7d69;line-height:1.8;padding:20px 23px}.panel>.btn{margin:0 0 21px 22px}.report-filters{display:flex;align-items:end;gap:15px;padding:18px 22px}.report-filters label{max-width:180px;flex:1;font-size:11px}.report-filters>.btn{margin:0 0 0 auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.settings-grid .panel{margin:0}.panel form{padding:22px}.panel form>.btn{margin-top:14px}.panel form>label{margin-bottom:15px}.settings-grid .panel:last-child{grid-column:1 / -1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.full-field{grid-column:1/-1}.required{display:contents;color:#a18650}.form-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:22px;margin-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}dialog{border:1px solid #e2dacc;border-radius:13px;padding:0;width:min(820px,94vw);max-height:90vh;box-shadow:0 25px 90px #1e100d40;color:#3d3326}dialog::backdrop{background:#271b1680;backdrop-filter:blur(3px)}dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 26px;border-bottom:1px solid var(--line);background:#fcfaf5;position:sticky;top:0;z-index:2}dialog>header h2{font-size:18px}#modal-body{padding:25px 26px}#modal-body form>label{margin-bottom:18px}#modal-body h3{margin:20px 0 12px}.order-lines-heading{display:flex;align-items:center;justify-content:space-between;margin:24px 0 15px}.order-lines-heading h3{margin:0!important}.order-line{display:grid;grid-template-columns:minmax(190px,2fr) 1fr 1fr 28px;gap:10px;margin:14px 0;align-items:end}.order-line label{font-size:11px}.order-line input,.order-line select{font-size:12px}.order-line .icon-btn{height:43px;font-size:21px}.order-estimate{padding:15px;background:#f6f2e9;border-radius:6px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;margin:20px 0}.document-header{display:flex;justify-content:space-between;align-items:center}.document-header p{font-size:12px;color:#8c806d;margin-top:5px}.document-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#8b7e69;margin:20px 0}.document-totals{max-width:300px;margin:20px 0 25px auto}.document-totals p{display:flex;justify-content:space-between;font-size:12px;line-height:2.2}.document-totals p:last-child{border-top:1px solid var(--line);font-size:14px;padding-top:7px}.document-actions{justify-content:flex-start}.auth-page{min-height:100vh;background:radial-gradient(ellipse at 50% 0,#f3ead9 0,transparent 60%),#f7f5ef;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:35px 20px}.domihub{text-decoration:none;font:800 22px Manrope,system-ui,sans-serif;letter-spacing:-1px;color:#463b30;margin-bottom:26px}.domihub span{color:#a78b57}.auth-card{width:100%;max-width:420px;padding:31px 35px 29px;background:#fff;border:1px solid #e8decd;border-radius:12px;box-shadow:0 14px 45px #77603c09;border-top:4px solid #b4935e}.auth-brand{background:#453126;padding:12px 20px 10px;border-radius:7px;display:flex;flex-direction:column;align-items:center;margin-bottom:27px}.auth-brand img{width:168px;height:63px;object-fit:contain}.auth-brand>span{color:#c6aa79;font-size:8px;letter-spacing:4px;margin-top:1px}.auth-card h1{font-size:24px}.auth-card>.muted{font-size:12px;margin:10px 0 23px}.auth-card form>label{margin:18px 0;font-size:12px;color:#74644e}.auth-card .eyebrow{font-size:9px;letter-spacing:1.4px}.auth-card .notice{font-size:11px}.auth-card>p{font-size:13px;line-height:1.7;margin-top:10px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:75px}.password-wrap button{position:absolute;right:10px;top:0;height:100%;background:none;font-size:10px;color:#9b845e}.secure-note{border-top:1px solid var(--line);padding-top:20px;text-align:center;color:#b1a18a;font-size:10px!important}.auth-foot{font-size:10px;color:#b1a38b;margin-top:23px}.form-error{color:#a74438;font-size:12px;line-height:1.7;margin:12px 0}.success-message{color:#35654b;background:#edf4e9;font-size:13px;padding:20px;line-height:1.8;border-radius:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#3b4937;color:white;border-radius:9px;padding:15px 23px;box-shadow:0 8px 30px #0002;font-size:13px;opacity:0;pointer-events:none;z-index:20;transition:opacity .15s,transform .15s;max-width:min(600px,90vw)}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.error{background:#9e493b}#print-document{display:none}
@media(min-width:1500px){.view{padding:42px 48px}.topbar{padding:0 48px}.stat{padding:25px}.stat>strong{font-size:33px}}
@media(max-width:1150px){.sidebar{width:215px}.main{margin-left:215px;width:calc(100% - 215px)}.view{padding:28px 23px}.topbar{padding:0 23px}.stats{gap:10px}.stat{padding:17px 14px}.stat>strong{font-size:23px}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .panel{min-height:0}.settings-grid{grid-template-columns:1fr}.settings-grid .panel:last-child{grid-column:auto}.page-heading{align-items:start}th,td{padding:13px 16px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.brand{flex-direction:row;padding:12px 20px;justify-content:space-between}.brand img{width:112px;height:44px}.brand-sub{font-size:8px;letter-spacing:3px}.workspace{display:none}.sidebar nav{flex-direction:row;overflow:auto;padding:9px 12px;gap:4px;scrollbar-width:none}.nav-item{white-space:nowrap;padding:9px 12px;font-size:10px;gap:6px}.nav-item>span{font-size:15px;width:16px}.sidebar-bottom{padding:8px 18px;justify-content:end}.sidebar-bottom .avatar{width:24px;height:24px;font-size:10px}.sidebar-bottom .user-info{flex:0 1 auto}.sidebar-bottom .user-info strong{max-width:230px;font-size:10px}.sidebar-bottom .user-info small{display:none}.sidebar-bottom .icon-btn{font-size:17px}.main{margin:0;width:100%}.topbar{height:48px;padding:0 18px}.breadcrumb{font-size:8px}.topbar>div{gap:7px}.topbar .btn{font-size:10px;padding:6px}.view{padding:25px 17px}.page-heading{gap:15px;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:27px}.page-heading .muted{font-size:11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:20px}.stat{min-height:137px;padding:16px}.stat>p{font-size:10px;margin-bottom:13px}.stat>strong{font-size:24px}.stat>small{font-size:9px;margin-top:10px}.callout{padding:22px;align-items:start;flex-direction:column;gap:18px}.callout h2{font-size:20px}.callout p:last-child{font-size:11px}.app-footer{margin:0 17px;font-size:8px;gap:12px}.app-footer span{text-align:right}.toolbar{padding:15px;gap:12px}.search{max-width:none}.toolbar-actions{gap:7px}.toolbar-actions .btn{font-size:10px;padding:7px 9px;min-height:32px}.check{font-size:10px}.panel-title{padding:18px}.report-filters{flex-wrap:wrap;padding:16px}.report-filters>.btn{margin:0}.settings-grid{gap:18px}.panel form{padding:18px}.auth-card{padding:27px}.form-grid{gap:16px}.order-line{grid-template-columns:1fr 1fr 27px;background:#f8f5ef;padding:12px;border-radius:7px}.order-line>label:first-child{grid-column:1/-1}.order-line>label:not(:first-child){grid-row:2}.order-line>.icon-btn{grid-column:3;grid-row:2}dialog{max-height:94vh;width:95vw}dialog>header{padding:18px}#modal-body{padding:19px}.document-actions .btn{font-size:11px;padding:8px 10px}.form-footer{gap:7px}.order-estimate{flex-direction:column}}
@media(max-width:400px){.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.stat>strong{font-size:21px}.stat{padding:14px 12px}.currency-tag{display:none}}
@media print{body.printing>*{display:none!important}body.printing>#print-document{display:block!important;color:#111;font-family:Arial,sans-serif;padding:20px}#print-document h1{font-size:25px}#print-document h2{font-size:18px;margin:20px 0 10px}#print-document p{font-size:12px;line-height:1.8;margin:9px 0}#print-document table{font-size:11px}#print-document th,#print-document td{padding:10px;border:1px solid #ddd}#print-document th{color:#333}#print-document small{font-size:10px}}

/* Official Petromar logo, preserved from supplied vector PDF. */
.auth-brand{background:#fff!important;padding:12px!important}.auth-brand img{width:190px!important;height:190px!important;object-fit:contain}.auth-brand>span,.brand-sub{display:none!important}.brand{background:#fff;padding:18px 20px!important}.brand img{width:160px!important;height:160px!important;object-fit:contain}@media(max-width:760px){.brand{justify-content:center}.brand img{width:100px!important;height:100px!important}.auth-brand img{width:170px!important;height:170px!important}}