:root{
  --saw-navy:#061d39;
  --saw-navy-2:#082b55;
  --saw-navy-3:#0e386a;
  --saw-gold:#d79a10;
  --saw-gold-dark:#a96f00;
  --saw-gold-soft:#fff5df;
  --saw-white:#fff;
  --saw-bg:#f7f9fc;
  --saw-border:#e2e8f0;
  --saw-text:#10213f;
  --saw-muted:#697894;
  --saw-success:#16a34a;
  --saw-danger:#dc2626;
  --saw-warning:#f59e0b;
  --saw-info:#2563eb;
  --radius:18px;
  --shadow:0 12px 30px rgba(13,37,68,.08);
  --shadow-sm:0 6px 20px rgba(13,37,68,.06);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Manrope,Arial,sans-serif;background:var(--saw-bg);color:var(--saw-text);}
a{text-decoration:none;color:inherit}.page{display:flex;min-height:100vh}.sidebar{width:286px;position:fixed;left:0;top:0;bottom:0;background:radial-gradient(circle at 95% 78%,rgba(215,154,16,.16),transparent 22%),linear-gradient(160deg,#02152a 0%,var(--saw-navy) 48%,#082e59 100%);color:#fff;padding:22px 16px;z-index:20;overflow-y:auto;box-shadow:10px 0 30px rgba(0,0,0,.06)}
.sidebar:after{content:"";position:absolute;right:-120px;bottom:-20px;width:360px;height:360px;border:1px solid rgba(215,154,16,.30);border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 12px rgba(215,154,16,.03),0 0 0 24px rgba(215,154,16,.03),0 0 0 36px rgba(215,154,16,.02);pointer-events:none}.logo-wrap{position:relative;display:flex;align-items:center;gap:12px;margin:0 0 26px 0;z-index:1}.logo-wrap img{width:180px;height:auto;display:block}.collapse-btn{margin-left:auto;width:30px;height:30px;border-radius:50%;border:1px solid rgba(215,154,16,.55);background:#071f3d;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.18);cursor:pointer}.nav{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.nav-section{margin-top:8px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;color:rgba(255,255,255,.88);font-size:15px;font-weight:650;transition:.2s;white-space:nowrap}.nav-item .ico{width:22px;text-align:center;color:var(--saw-gold);font-size:18px}.nav-item:hover{background:rgba(255,255,255,.08);transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#dfaa24,var(--saw-gold-dark));color:#fff;box-shadow:0 8px 18px rgba(215,154,16,.22)}.nav-item.active .ico{color:#fff}.subnav{margin:2px 0 8px 36px;display:flex;flex-direction:column;gap:3px}.subnav a{font-size:13px;color:rgba(255,255,255,.72);padding:7px 10px;border-radius:8px}.subnav a.active,.subnav a:hover{background:rgba(215,154,16,.18);color:#fff}.sidebar-card{position:relative;z-index:2;border:1px solid rgba(215,154,16,.56);border-radius:14px;margin-top:24px;padding:14px;background:rgba(3,21,43,.45)}.sidebar-card-row{display:flex;align-items:center;gap:10px;padding:9px 0;color:#fff}.online-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;margin-left:auto}.main{margin-left:286px;width:calc(100% - 286px);min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--saw-border);display:flex;align-items:center;padding:0 28px;gap:20px;position:sticky;top:0;z-index:10;box-shadow:0 7px 20px rgba(10,30,60,.03)}.breadcrumb{min-width:180px;color:#73819a;font-weight:650}.breadcrumb b{color:var(--saw-text)}.top-search{flex:1;max-width:480px;position:relative}.top-search input,.select-like{height:44px;border:1px solid var(--saw-border);border-radius:10px;background:#fff;padding:0 15px;color:var(--saw-text);width:100%;font-weight:550}.top-search span{position:absolute;left:12px;top:12px;color:#8fa0b8}.top-search input{padding-left:38px}.branch-select{min-width:220px}.quick-btn{background:linear-gradient(135deg,#e7ae24,#b97900);color:#fff;border:0;border-radius:10px;min-height:44px;padding:0 18px;font-weight:800;box-shadow:0 8px 18px rgba(215,154,16,.22);cursor:pointer}.notify{position:relative;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--saw-border);font-size:20px}.notify:after{content:"8";position:absolute;right:-1px;top:-5px;background:var(--saw-gold);color:#fff;font-size:11px;border-radius:50%;width:20px;height:20px;text-align:center;line-height:20px;font-weight:800}.profile{display:flex;align-items:center;gap:10px;min-width:155px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f7f7f7,#dfe6f1);display:flex;align-items:center;justify-content:center;color:#061d39;font-size:23px}.profile small{display:block;color:var(--saw-muted);font-size:12px}.content{padding:26px 28px 40px}.page-title{font-size:30px;line-height:1.15;margin:0;color:#071f3d}.page-subtitle{color:var(--saw-muted);margin:8px 0 22px;font-weight:550}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--saw-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.kpi{padding:18px;display:flex;align-items:center;gap:15px;min-height:112px}.kpi .kpi-icon{width:58px;height:58px;border-radius:50%;background:var(--saw-gold-soft);display:flex;align-items:center;justify-content:center;color:var(--saw-gold-dark);font-size:29px}.kpi .label{color:#293f63;font-size:13px;font-weight:800;margin-bottom:8px}.kpi .value{font-size:23px;font-weight:900;color:#081e3b;letter-spacing:-.02em}.trend{font-size:12px;font-weight:700;margin-top:7px;color:var(--saw-success)}.trend.down{color:var(--saw-danger)}.section{background:#fff;border:1px solid var(--saw-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-top:18px}.section-title{font-size:18px;color:#0a2446;font-weight:900;margin:0 0 14px;display:flex;align-items:center;gap:10px}.section-title .gold-line{display:inline-block;width:42px;height:3px;background:var(--saw-gold);border-radius:3px;margin-left:5px}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) 180px;gap:14px;align-items:end}.field label{display:block;font-size:13px;font-weight:800;color:#203555;margin-bottom:8px}.control{width:100%;height:43px;border:1px solid var(--saw-border);border-radius:10px;padding:0 12px;background:#fff;color:#162b4e;font-weight:600}.textarea{height:auto;padding:13px;min-height:80px;resize:vertical}.btn{border:1px solid var(--saw-border);background:#fff;border-radius:10px;min-height:42px;padding:0 16px;font-weight:850;color:#0a2446;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn.gold{background:linear-gradient(135deg,#e7ae24,#b97900);border:0;color:#fff}.btn.navy{background:#061d39;border:0;color:#fff}.btn.danger{border-color:#fecaca;color:#dc2626}.btn.success{border-color:#bbf7d0;color:#16a34a}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-card{background:#fff;border:1px solid var(--saw-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;margin-top:18px}.table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--saw-border)}.table-responsive{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{background:#08274b;color:#fff;text-align:left;padding:13px 12px;font-weight:900;white-space:nowrap}.data-table th:first-child{border-top-left-radius:0}.data-table td{padding:12px;border-bottom:1px solid #edf1f6;color:#223757;font-weight:600;white-space:nowrap}.data-table tr:nth-child(even) td{background:#fbfcfe}.data-table tr.total td{background:#fff5dd;color:#b57900;font-weight:900}.num{text-align:right}.center{text-align:center}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:850;border:1px solid transparent}.badge.success{background:#e9f8ee;color:#16803c;border-color:#c7efd2}.badge.warn{background:#fff3d9;color:#b27000;border-color:#ffe1a3}.badge.info{background:#eaf2ff;color:#2563eb;border-color:#cfe0ff}.badge.danger{background:#feecec;color:#dc2626;border-color:#ffd1d1}.badge.gray{background:#eef2f7;color:#64748b;border-color:#dbe2ec}.badge.purple{background:#f2eafe;color:#7c3aed;border-color:#e0cffd}.icon-actions{display:flex;gap:6px}.icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid #f0d6a5;color:#b97900;background:#fffaf1;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:14px}.page-num{width:34px;height:34px;border:1px solid var(--saw-border);border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:850;background:#fff}.page-num.active{background:linear-gradient(135deg,#e7ae24,#b97900);color:#fff;border:0}.chart-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:18px}.chart-card{padding:18px;min-height:220px}.donut{width:150px;height:150px;border-radius:50%;margin:18px auto;background:conic-gradient(var(--saw-gold) 0 45%,#0a2446 45% 68%,#d6dce7 68% 83%,#f6d486 83% 100%);position:relative}.donut:after{content:attr(data-label);position:absolute;inset:28px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:#0a2446;white-space:pre-line}.bars{height:145px;display:flex;align-items:end;gap:12px;margin-top:22px;padding:0 8px}.bar{flex:1;background:linear-gradient(180deg,#e9b53b,#b77a00);border-radius:8px 8px 0 0;min-height:28px;position:relative}.bar:nth-child(even){background:linear-gradient(180deg,#0e386a,#061d39)}.bar span{position:absolute;bottom:-23px;font-size:11px;left:50%;transform:translateX(-50%);color:#667}.line-chart{height:150px}.mini-table{width:100%;border-collapse:collapse;font-size:12px}.mini-table th,.mini-table td{padding:9px;border-bottom:1px solid #edf1f6;text-align:left}.mini-table th{color:#203555}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;overflow:hidden}.login-brand{background:radial-gradient(circle at 10% 0,rgba(215,154,16,.24),transparent 20%),linear-gradient(130deg,#051a34 0%,#082549 68%,#071b35 100%);color:#fff;padding:70px 80px;position:relative;display:flex;flex-direction:column;justify-content:center;clip-path:polygon(0 0,88% 0,100% 50%,88% 100%,0 100%)}.login-brand:after{content:"";position:absolute;right:-70px;bottom:-70px;width:420px;height:420px;border:1px solid rgba(215,154,16,.36);border-radius:50%;box-shadow:0 0 0 18px rgba(215,154,16,.04),0 0 0 36px rgba(215,154,16,.04),0 0 0 54px rgba(215,154,16,.02)}.login-brand img{width:360px;max-width:70%;margin-bottom:26px}.login-brand h2{font-size:28px;line-height:1.25;margin:0 0 28px;font-weight:800}.feature{display:flex;align-items:center;gap:18px;margin:18px 0;font-size:18px;font-weight:700}.feature .circle{width:48px;height:48px;border:2px solid var(--saw-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--saw-gold)}.gold-bars-art{position:absolute;right:90px;bottom:38px;width:220px;height:100px;transform:rotate(-6deg);opacity:.95}.gold-bars-art:before,.gold-bars-art:after,.gold-bars-art div{content:"";position:absolute;background:linear-gradient(135deg,#fff0a8,#d79a10 45%,#8f5d00);border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.28)}.gold-bars-art:before{width:150px;height:55px;left:0;bottom:0}.gold-bars-art:after{width:140px;height:50px;left:70px;bottom:34px}.gold-bars-art div{width:110px;height:45px;left:45px;bottom:60px}.login-panel{display:flex;align-items:center;justify-content:center;position:relative;background:#fbfcff}.login-panel:before{content:"";position:absolute;right:0;top:0;width:70%;height:42%;background:radial-gradient(circle,#d7dce4 1px,transparent 1px);background-size:12px 12px;opacity:.55}.login-card{width:min(520px,84%);background:#fff;border:1px solid var(--saw-border);box-shadow:0 25px 60px rgba(0,0,0,.12);border-radius:26px;padding:42px;position:relative;z-index:1}.login-card .lock{width:62px;height:62px;border-radius:50%;margin:0 auto 18px;border:1px solid #eed9b0;display:flex;align-items:center;justify-content:center;color:#b97900;font-size:28px}.login-card h1{text-align:center;margin:0 0 6px;color:#0a2446}.login-card p{text-align:center;color:var(--saw-muted);margin:0 0 24px}.login-input{height:56px;border:1px solid var(--saw-border);border-radius:10px;display:flex;align-items:center;margin-bottom:14px;padding:0 16px;gap:12px}.login-input input,.login-input select{border:0;outline:0;flex:1;font-size:16px;color:#10213f;background:transparent}.login-options{display:flex;align-items:center;justify-content:space-between;margin:12px 0 24px;color:#51617a}.login-button{width:100%;height:60px;border:0;border-radius:10px;background:linear-gradient(135deg,#e7ae24,#b97900);color:#fff;font-size:18px;font-weight:900}.divider{height:1px;background:#ead6aa;margin:28px 0 18px;position:relative}.divider:after{content:"◆";position:absolute;left:50%;top:-11px;transform:translateX(-50%);background:#fff;color:#c58b10;padding:0 12px}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:18px;align-items:start}.form-section{background:#fff;border:1px solid var(--saw-border);border-radius:16px;padding:18px;margin-bottom:13px;box-shadow:var(--shadow-sm)}.form-section h3{font-size:16px;margin:0 0 16px;color:#0a2446;display:flex;align-items:center;gap:10px}.step{width:28px;height:28px;border-radius:50%;background:#061d39;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.total-line{background:#fffaf0;border:1px solid #efd49d;color:#b97900;border-radius:10px;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-weight:900;margin-top:10px}.radio-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.radio-card{height:58px;border:1px solid var(--saw-border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:#1a3154;background:#fff}.radio-card.active{border-color:var(--saw-gold);background:#fffaf0;color:#a36d00}.summary-panel{background:#fff;border:1px solid #eed3a3;border-radius:18px;box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:92px}.summary-panel h3{margin:0 0 16px;color:#0a2446}.summary-row{display:flex;justify-content:space-between;border-bottom:1px solid #eef1f5;padding:12px 0;font-size:13px;font-weight:700;color:#55657d}.summary-row strong{color:#c18400}.summary-box{background:#fffaf0;border:1px solid #edd5a4;border-radius:12px;padding:14px;margin-top:14px}.page-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.upload{border:1px dashed #cfd8e5;border-radius:10px;min-height:78px;display:flex;align-items:center;justify-content:center;text-align:center;color:#7b8ba5;background:#fbfcff}.toggle{width:45px;height:24px;background:#d1d8e4;border-radius:99px;position:relative;display:inline-flex}.toggle:after{content:"";position:absolute;width:20px;height:20px;background:#fff;left:2px;top:2px;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.18)}.toggle.on{background:var(--saw-gold)}.toggle.on:after{left:23px}.profile-hero{background:radial-gradient(circle at 95% 50%,rgba(215,154,16,.25),transparent 18%),linear-gradient(135deg,#061d39,#0b315e);border-radius:18px;color:#fff;padding:24px 28px;display:grid;grid-template-columns:170px 1fr auto;gap:25px;align-items:center;box-shadow:var(--shadow)}.profile-avatar{width:138px;height:138px;border-radius:50%;background:linear-gradient(180deg,#fff8e9,#edd39e);border:5px solid #fff;display:flex;align-items:center;justify-content:center;font-size:70px;color:#d79a10;box-shadow:0 0 0 3px var(--saw-gold)}.profile-details h2{margin:0 0 10px;font-size:24px}.profile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,320px));gap:8px 28px;font-weight:700}.profile-meta span{color:#dbe6f6}.tabs{display:flex;gap:28px;border-bottom:1px solid var(--saw-border);margin:0 -20px 20px;padding:0 20px}.tab{padding:16px 0;font-weight:850;color:#40516f;border-bottom:3px solid transparent}.tab.active{color:#b97900;border-color:#d79a10}.side-info{display:grid;gap:14px}.info-list{font-size:13px}.info-list div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;color:#52637f;font-weight:700}.info-list strong{color:#0a2446;text-align:right}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.module-card{padding:22px;min-height:190px;display:flex;gap:18px;align-items:flex-start}.module-card .big-icon{width:70px;height:70px;border-radius:50%;background:var(--saw-gold-soft);display:flex;align-items:center;justify-content:center;color:#c18400;font-size:34px;flex:none}.module-card h3{margin:3px 0 9px;color:#0a2446}.module-card p{color:#66748b;line-height:1.45;margin:0 0 18px;font-weight:600}.module-actions{display:flex;gap:12px;margin-top:auto}.report-filters{grid-template-columns:repeat(4,1fr) 160px}.progress{height:8px;background:#edf1f6;border-radius:99px;overflow:hidden;min-width:88px}.progress span{display:block;height:100%;background:linear-gradient(135deg,#e7ae24,#b97900);border-radius:99px}.drawer{position:fixed;right:-430px;top:0;bottom:0;width:420px;background:#fff;z-index:40;box-shadow:-20px 0 40px rgba(0,0,0,.14);transition:.28s;padding:26px;overflow:auto}.drawer.open{right:0}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:35;display:none}.overlay.open{display:block}.workflow{display:flex;align-items:center;justify-content:space-between;padding:22px}.flow-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;flex:1;color:#61718c;font-weight:850}.flow-step:not(:last-child):after{content:"";position:absolute;top:18px;left:55%;right:-45%;height:3px;background:#d8dee9}.flow-step.done:not(:last-child):after{background:#d79a10}.flow-dot{width:38px;height:38px;border-radius:50%;border:3px solid #cfd8e5;background:#fff;display:flex;align-items:center;justify-content:center;color:#c18400;z-index:1}.flow-step.done .flow-dot{background:#d79a10;border-color:#d79a10;color:#fff}.report-page{background:#eaf0f7;padding:24px}.report-sheet{width:1120px;max-width:100%;margin:0 auto;background:#fff;border:1px solid #d9e1ec;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.08);overflow:hidden;position:relative}.report-head{background:linear-gradient(135deg,#061d39,#092d58);color:#fff;padding:24px 34px;display:grid;grid-template-columns:260px 1fr 320px;gap:24px;align-items:center;border-bottom:5px solid var(--saw-gold)}.report-head img{width:210px}.report-title{font-size:30px;font-weight:900}.report-title:after{content:"";display:block;width:70px;height:3px;background:var(--saw-gold);margin-top:10px}.report-meta div{display:flex;justify-content:space-between;padding:4px 0;font-weight:700}.report-meta strong{color:#ffd66c}.report-body{padding:26px 34px;position:relative}.watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:160px;font-weight:900;color:rgba(215,154,16,.06);pointer-events:none;transform:rotate(-8deg)}.report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative}.report-kpi{border:1px solid var(--saw-border);border-radius:12px;padding:20px;background:#fff;box-shadow:0 6px 18px rgba(10,30,60,.04);display:flex;gap:18px;align-items:center}.report-kpi .rk-icon{width:62px;height:62px;border-radius:16px;background:#fff5df;color:#c18400;display:flex;align-items:center;justify-content:center;font-size:30px}.report-section{border:1px solid var(--saw-border);border-radius:12px;padding:16px;margin-top:18px;position:relative;background:rgba(255,255,255,.94)}.report-section h3{margin:0 0 13px;color:#0a2446;border-bottom:2px solid #e3b65b;padding-bottom:10px}.report-table{width:100%;border-collapse:collapse;font-size:12px}.report-table th{background:#08274b;color:#fff;padding:9px;text-align:left}.report-table td{border:1px solid #e6edf5;padding:8px;font-weight:600}.report-table tr:nth-child(even) td{background:#fbfcff}.report-table .total td{background:#fff3d6;color:#b97900;font-weight:900}.notes-sign{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.signature{border:1px solid #efcf95;border-radius:12px;padding:14px;background:#fff}.sig-line{display:flex;gap:10px;padding:7px 0;font-size:12px}.sig-line span:first-child{width:70px;font-weight:800}.sig-line span:last-child{border-bottom:1px solid #98a5ba;flex:1}.report-footer{border-top:2px solid #d79a10;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:86px;padding:14px 34px;color:#41516c}.report-footer .center{text-align:center}.print-tools{width:1120px;max-width:100%;margin:0 auto 15px;display:flex;justify-content:flex-end;gap:10px}.empty-state{opacity:.45;filter:grayscale(1)}
@media(max-width:1200px){.grid-6,.grid-5,.grid-4{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.summary-panel{position:static}.cards-grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%)}.main{margin-left:0;width:100%}.topbar{gap:8px;padding:0 12px}.breadcrumb,.branch-select,.profile{display:none}.grid-6,.grid-5,.grid-4,.grid-3,.grid-2,.chart-grid,.cards-grid,.filters{grid-template-columns:1fr}.content{padding:18px}.login-page{grid-template-columns:1fr}.login-brand{clip-path:none;padding:35px}.form-grid,.form-grid.three,.form-grid.two,.radio-cards{grid-template-columns:1fr}.profile-hero{grid-template-columns:1fr}.report-head{grid-template-columns:1fr}.report-kpis{grid-template-columns:1fr}.notes-sign{grid-template-columns:1fr}.report-footer{grid-template-columns:1fr;text-align:center}}
@media print{body{background:#fff}.print-tools,.sidebar,.topbar,.no-print{display:none!important}.main{margin:0;width:100%}.report-page{padding:0;background:#fff}.report-sheet{width:100%;box-shadow:none;border:0;border-radius:0}.report-body{padding:20px}.report-kpi,.report-section,.signature{box-shadow:none;break-inside:avoid}.report-table{font-size:10px}.report-head{print-color-adjust:exact;-webkit-print-color-adjust:exact}.badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

/* ==========================================================
   SAWGOLD Login V2 - matched to shared reference screenshots
   ========================================================== */
body.login-body{margin:0;min-height:100vh;background:#fff;overflow:hidden;font-family:Inter,Manrope,Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.login-v2{min-height:100vh;width:100vw;display:grid;grid-template-columns:52.5% 47.5%;background:#fff;overflow:hidden}.login-brand-v2{position:relative;isolation:isolate;clip-path:polygon(0 0,87.6% 0,99.5% 51.5%,87.6% 100%,0 100%);padding:7.4vh 6.8vw 6vh 0;background:radial-gradient(circle at 0 0,rgba(229,173,55,.32) 0,rgba(229,173,55,.18) 11%,transparent 24%),linear-gradient(122deg,#07172e 0%,#071f3d 45%,#061a32 100%);color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-brand-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,255,255,.05),transparent 45%),radial-gradient(circle at 68% 58%,rgba(18,68,112,.38),transparent 32%);z-index:-4}.login-brand-v2:after{content:"";position:absolute;right:8.2%;top:-6%;bottom:-6%;width:24px;background:linear-gradient(90deg,rgba(255,255,255,.55),#edc66a 45%,#af7300 100%);transform:skewX(-11deg);box-shadow:-10px 0 38px rgba(236,181,65,.25),5px 0 18px rgba(111,70,0,.25);z-index:4}.brand-inner-v2{position:relative;z-index:3;width:min(650px,70%);margin-right:8%;transform:translateY(-2vh)}.login-logo-v2{display:block;width:clamp(320px,31vw,520px);max-width:100%;height:auto;margin:0 0 3vh 0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.18))}.brand-ornament{width:min(470px,92%);height:18px;position:relative;margin:1.5vh 0 2.6vh}.brand-ornament:before,.brand-ornament:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:linear-gradient(90deg,transparent,#d79a10)}.brand-ornament:before{left:0}.brand-ornament:after{right:0;transform:scaleX(-1)}.brand-ornament span{position:absolute;left:50%;top:50%;width:14px;height:14px;border:3px solid #d79a10;transform:translate(-50%,-50%) rotate(45deg);background:#081f3b;box-shadow:0 0 0 4px rgba(215,154,16,.08)}.brand-subtitle-v2{font-size:clamp(22px,2.05vw,34px);line-height:1.33;margin:0 0 4.2vh 0;font-weight:600;letter-spacing:.01em;color:#f8fbff;text-shadow:0 10px 24px rgba(0,0,0,.22)}.feature-list-v2{display:flex;flex-direction:column;gap:2.8vh}.feature-v2{display:grid;grid-template-columns:66px 26px 1fr;align-items:center;color:#fff;font-size:clamp(19px,1.55vw,28px);font-weight:600;letter-spacing:-.01em}.feature-icon-v2{width:56px;height:56px;border-radius:50%;border:2.2px solid #d9a51c;color:#d9a51c;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 10px 28px rgba(0,0,0,.16);background:rgba(3,18,35,.18)}.feature-icon-v2 svg{width:31px;height:31px}.feature-divider-v2{width:2px;height:41px;background:linear-gradient(180deg,transparent,#d9a51c,transparent);display:block}.brand-wave-lines{position:absolute;right:9%;bottom:-18%;width:72%;height:66%;border-radius:50%;border:1px solid rgba(215,154,16,.34);z-index:-1;transform:rotate(-18deg);box-shadow:0 0 0 13px rgba(215,154,16,.03),0 0 0 26px rgba(215,154,16,.035),0 0 0 39px rgba(215,154,16,.035),0 0 0 52px rgba(215,154,16,.03),0 0 0 65px rgba(215,154,16,.028),0 0 0 78px rgba(215,154,16,.026),0 0 0 91px rgba(215,154,16,.023),0 0 0 104px rgba(215,154,16,.021),0 0 0 117px rgba(215,154,16,.019),0 0 0 130px rgba(215,154,16,.017)}.brand-glow{position:absolute;left:-18%;top:-20%;width:38%;height:42%;background:radial-gradient(circle,#f0b83a 0,rgba(235,178,50,.35) 34%,transparent 68%);filter:blur(4px);opacity:.72;z-index:-2}.gold-streak{position:absolute;height:18px;background:linear-gradient(90deg,rgba(255,255,255,.52),rgba(236,190,83,.95),rgba(80,50,8,.2));transform:rotate(-33deg);transform-origin:left center;z-index:2;border-radius:999px;box-shadow:0 0 18px rgba(238,190,77,.35)}.streak-one{width:36%;left:-5%;top:5%}.streak-two{width:32%;left:-3%;top:7.5%;opacity:.55;height:7px}.gold-bars-realistic{position:absolute;right:10.5%;bottom:1%;width:370px;height:245px;z-index:2;transform:rotate(-9deg);filter:drop-shadow(0 22px 35px rgba(0,0,0,.35))}.gold-bars-realistic .bar{position:absolute;border-radius:11px;background:linear-gradient(135deg,#fff2a2 0%,#e7b325 25%,#ab7100 54%,#ffd66d 75%,#8c5600 100%);box-shadow:inset 0 2px 4px rgba(255,255,255,.55),inset 0 -8px 18px rgba(80,40,0,.28),0 18px 26px rgba(0,0,0,.25);border:1px solid rgba(255,225,130,.55)}.gold-bars-realistic .bar-main{width:170px;height:230px;left:92px;top:4px;transform:perspective(420px) rotateX(54deg) rotateZ(-7deg);display:flex;align-items:center;justify-content:center}.gold-bars-realistic .bar-main span{font-size:24px;font-weight:900;line-height:1.05;text-align:center;color:#986002;text-shadow:0 1px 0 rgba(255,255,255,.35);transform:rotate(6deg);letter-spacing:.04em}.gold-bars-realistic .bar-main small{font-size:19px}.gold-bars-realistic .bar-main em{display:block;margin-top:25px;font-style:normal;font-size:18px}.gold-bars-realistic .bar-back-left{width:170px;height:96px;left:0;bottom:28px;transform:perspective(440px) rotateX(55deg) rotateZ(-5deg);opacity:.92}.gold-bars-realistic .bar-back-right{width:178px;height:106px;right:8px;bottom:42px;transform:perspective(440px) rotateX(55deg) rotateZ(13deg);opacity:.9}.login-panel-v2{position:relative;background:linear-gradient(135deg,#fff 0,#fbfcfe 48%,#fff 100%);display:flex;align-items:center;justify-content:center;padding:6vh 6vw 6vh 3vw;overflow:hidden}.login-panel-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 0,#eef1f5 1.5px,transparent 2px);background-size:13px 13px;opacity:.55;mask-image:linear-gradient(180deg,#000 0 33%,transparent 48%);-webkit-mask-image:linear-gradient(180deg,#000 0 33%,transparent 48%)}.map-dots{position:absolute;right:3%;top:1%;width:70%;height:29%;opacity:.32;background:radial-gradient(circle,#9fa9b8 1.8px,transparent 2.1px);background-size:13px 13px;clip-path:polygon(6% 35%,19% 14%,31% 30%,45% 8%,62% 24%,78% 11%,94% 34%,89% 77%,70% 67%,55% 86%,36% 66%,20% 88%,11% 64%)}.panel-lines{position:absolute;right:-14%;bottom:-22%;width:72%;height:62%;border-radius:50%;border:1px solid rgba(215,154,16,.18);transform:rotate(-20deg);box-shadow:0 0 0 13px rgba(215,154,16,.018),0 0 0 26px rgba(215,154,16,.018),0 0 0 39px rgba(215,154,16,.016),0 0 0 52px rgba(215,154,16,.015),0 0 0 65px rgba(215,154,16,.014),0 0 0 78px rgba(215,154,16,.013),0 0 0 91px rgba(215,154,16,.012),0 0 0 104px rgba(215,154,16,.011),0 0 0 117px rgba(215,154,16,.01)}.login-card-v2{position:relative;z-index:2;width:min(610px,87%);background:rgba(255,255,255,.93);border:1px solid rgba(221,226,234,.9);border-radius:28px;padding:clamp(44px,5.8vh,78px) clamp(44px,4.6vw,70px) clamp(34px,4.2vh,54px);box-shadow:0 34px 70px rgba(12,31,57,.13);backdrop-filter:blur(10px)}.login-shield-v2{width:84px;height:84px;border-radius:50%;margin:0 auto 30px;border:2px solid rgba(215,154,16,.28);color:#c88a03;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 9px 22px rgba(12,31,57,.05)}.login-shield-v2 svg{width:42px;height:42px}.login-card-v2 h1{font-size:clamp(32px,2.7vw,45px);line-height:1.08;text-align:center;margin:0;color:#081f3d;font-weight:850;letter-spacing:-.03em}.login-subtext-v2{margin:11px 0 34px!important;text-align:center;color:#7c8490!important;font-size:clamp(18px,1.2vw,23px);font-weight:500}.login-input-v2{height:66px;border:1.5px solid #dfe4ec;border-radius:8px;background:rgba(255,255,255,.72);display:flex;align-items:center;gap:20px;padding:0 24px;margin-bottom:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);transition:.2s}.login-input-v2:focus-within{border-color:#d7a424;box-shadow:0 0 0 4px rgba(215,154,16,.09)}.login-input-v2 svg{width:30px;height:30px;color:#7b828d;flex:0 0 auto}.login-input-v2 input,.login-input-v2 select{border:0;background:transparent;outline:0;width:100%;height:100%;font-size:clamp(18px,1.2vw,23px);font-weight:450;color:#0b203e;font-family:inherit}.login-input-v2 input::placeholder{color:#a1a7b1}.login-input-v2 select{color:#9299a3;appearance:none}.login-input-v2 .input-action-v2{width:28px;height:28px;margin-left:auto}.login-options-v2{display:flex;align-items:center;justify-content:space-between;margin:23px 0 26px;font-size:clamp(16px,1.1vw,21px);font-weight:500;color:#1d2430}.login-options-v2 a{color:#0a2b52;text-decoration:none;font-weight:550}.remember-v2{display:flex;align-items:center;gap:13px;cursor:pointer}.remember-v2 input{position:absolute;opacity:0}.remember-v2 span{width:26px;height:26px;border:2px solid #9ca3ad;border-radius:6px;background:#fff;box-shadow:inset 0 1px 1px rgba(0,0,0,.04)}.remember-v2 input:checked+span{background:#d79a10;border-color:#d79a10;box-shadow:inset 0 0 0 5px #fff}.login-button-v2{width:100%;height:72px;border:0;border-radius:8px;background:linear-gradient(180deg,#d9a017 0%,#b97800 100%);color:#fff;font-size:clamp(23px,1.75vw,31px);font-weight:700;font-family:inherit;box-shadow:0 12px 18px rgba(181,118,0,.2),inset 0 1px 0 rgba(255,255,255,.26);cursor:pointer;transition:.18s}.login-button-v2:hover{transform:translateY(-1px);box-shadow:0 16px 25px rgba(181,118,0,.25),inset 0 1px 0 rgba(255,255,255,.32)}.login-divider-v2{height:1px;background:#ead9b4;margin:34px 0 24px;position:relative}.login-divider-v2 span{position:absolute;left:50%;top:50%;width:14px;height:14px;background:#fff;border:3px solid #d69c14;transform:translate(-50%,-50%) rotate(45deg)}.secure-note-v2{margin:0!important;text-align:center;color:#6e7581!important;font-size:clamp(15px,1.02vw,20px);font-weight:500}.login-card-v2 .login-input,.login-card-v2 .login-options,.login-card-v2 .login-button,.login-card-v2 .divider,.login-card-v2 .lock{all:unset}@media(max-width:1100px){.login-v2{grid-template-columns:1fr}.login-brand-v2{min-height:52vh;clip-path:polygon(0 0,100% 0,100% 88%,50% 100%,0 88%);padding:54px 34px 115px}.login-brand-v2:after{display:none}.brand-inner-v2{width:min(680px,88%);margin:0}.gold-bars-realistic{right:5%;bottom:0;transform:scale(.85) rotate(-9deg)}.login-panel-v2{min-height:55vh;padding:52px 22px}.login-card-v2{width:min(610px,100%)}}@media(max-width:640px){.login-brand-v2{min-height:58vh;padding:36px 24px 105px}.login-logo-v2{width:280px}.brand-subtitle-v2{font-size:20px}.feature-v2{grid-template-columns:50px 18px 1fr;font-size:17px}.feature-icon-v2{width:42px;height:42px}.feature-icon-v2 svg{width:23px;height:23px}.gold-bars-realistic{opacity:.55;right:-30px;transform:scale(.56) rotate(-9deg)}.login-card-v2{border-radius:22px;padding:38px 24px}.login-input-v2{height:58px;padding:0 16px}.login-options-v2{font-size:14px}.login-button-v2{height:62px;font-size:22px}}
.login-brand-v2 .login-logo-v2{width:clamp(320px,31vw,520px);max-width:100%;margin:0 0 3vh 0}.login-brand-v2 .brand-subtitle-v2{font-size:clamp(22px,2.05vw,34px);line-height:1.33;margin:0 0 4.2vh 0;font-weight:600;letter-spacing:.01em;color:#f8fbff}

/* User requested exact image-based left login panel replacement */
.login-v2{
  grid-template-columns: minmax(520px, 48vw) 1fr !important;
}
.login-brand-v2{
  background: url('../images/login-left-panel.png') center center / cover no-repeat !important;
  clip-path: none !important;
  padding: 0 !important;
  min-height: 100vh !important;
  position: relative !important;
  overflow: hidden !important;
}
.login-brand-v2::before,
.login-brand-v2::after{
  display:none !important;
  content:none !important;
}
.login-brand-v2 > *{
  display:none !important;
}
@media(max-width:1100px){
  .login-v2{grid-template-columns:1fr !important;}
  .login-brand-v2{min-height:62vh !important;background-size:cover !important;background-position:center !important;}
}
@media(max-width:640px){
  .login-brand-v2{min-height:54vh !important;background-position:center top !important;}
}


/* ===== Premium Inner Layout Refresh (matches provided sidebar/topbar direction) ===== */
:root{
  --sg-navy:#041a35;
  --sg-navy-2:#07244a;
  --sg-gold:#d6a11d;
  --sg-gold-deep:#b88405;
  --sg-text:#10213a;
  --sg-muted:#6c7582;
  --sg-border:#e8ebf0;
  --sg-panel:#ffffff;
  --sg-bg:#f6f7f9;
}
html,body{background:var(--sg-bg)}
.page{display:flex;min-height:100vh;background:var(--sg-bg)}
.sidebar{
  width:304px;
  min-width:304px;
  background:radial-gradient(circle at 0 0, rgba(232,184,70,.28), transparent 18%), linear-gradient(180deg, #07254b 0%, #02152c 100%);
  color:#fff;
  position:fixed;
  top:0;left:0;bottom:0;
  overflow:hidden;
  box-shadow:8px 0 20px rgba(4,16,37,.12);
  border-right:1px solid rgba(255,255,255,.06);
  z-index:20;
}
.sidebar::before{
  content:"";
  position:absolute;
  inset:auto -22% -14% auto;
  width:84%;height:42%;
  border-radius:44px 0 0 0;
  border:1px solid rgba(215,161,29,.28);
  box-shadow:
    0 0 0 12px rgba(215,161,29,.03),
    0 0 0 24px rgba(215,161,29,.04),
    0 0 0 36px rgba(215,161,29,.035),
    0 0 0 48px rgba(215,161,29,.03),
    0 0 0 60px rgba(215,161,29,.028),
    0 0 0 72px rgba(215,161,29,.024),
    0 0 0 84px rgba(215,161,29,.02);
  border-bottom:none;
  border-right:none;
  transform:rotate(0deg);
  pointer-events:none;
  opacity:.85;
}
.sidebar::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.03), transparent 22%);
  pointer-events:none;
}
.logo-wrap{
  position:relative;
  padding:20px 18px 8px;
  min-height:100px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  z-index:2;
}
.logo-wrap img{
  width:178px;
  max-width:calc(100% - 46px);
  height:auto;
  display:block;
  object-fit:contain;
}
.logo-wrap::after{
  content:"✦";
  position:absolute;
  right:54px;
  top:34px;
  color:var(--sg-gold);
  font-size:20px;
  text-shadow:0 0 14px rgba(214,161,29,.24);
}
.collapse-btn{
  width:38px;height:38px;border-radius:50%;
  border:2px solid #d6a11d;
  background:#041a35;
  color:#fff;
  font-size:18px;font-weight:700;
  line-height:1;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 10px 16px rgba(0,0,0,.18);
  cursor:pointer;
}
.nav{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:6px 16px 18px;
  max-height:calc(100vh - 210px);
  overflow:auto;
}
.nav::-webkit-scrollbar{width:6px}
.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}
.nav-item{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:10px 14px;
  border-radius:14px;
  color:rgba(255,255,255,.92);
  text-decoration:none;
  font-size:16px;
  font-weight:500;
  transition:.2s ease;
}
.nav-item .ico{
  width:28px;height:28px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--sg-gold);
  font-size:20px;
  flex:0 0 28px;
}
.nav-item:hover{background:rgba(255,255,255,.06);transform:translateX(2px)}
.nav-item.active{
  background:linear-gradient(180deg, #d6a11d 0%, #bf8604 100%);
  color:#fff;
  box-shadow:0 10px 20px rgba(191,134,4,.22), inset 0 1px 0 rgba(255,255,255,.25);
}
.nav-item.active .ico{color:#fff}
.sidebar-card{
  position:absolute;
  left:16px;right:16px;bottom:16px;
  z-index:2;
  border:1.5px solid rgba(214,161,29,.72);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(7,34,68,.94), rgba(3,19,39,.96));
  box-shadow:0 14px 24px rgba(0,0,0,.16);
  padding:10px 14px;
}
.sidebar-card-row{
  display:flex;align-items:center;gap:12px;
  color:#fff;
  font-size:15px;
  padding:10px 4px;
}
.sidebar-card-row + .sidebar-card-row{border-top:1px solid rgba(255,255,255,.08)}
.sidebar-card-row b, .sidebar-card-row span{font-weight:500}
.online-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#51db47;box-shadow:0 0 0 4px rgba(81,219,71,.12)}
.main{
  flex:1;
  min-width:0;
  margin-left:304px;
  display:flex;
  flex-direction:column;
}
.topbar{
  position:sticky;top:0;z-index:15;
  display:flex;align-items:center;gap:18px;
  background:#fff;
  min-height:82px;
  padding:18px 26px;
  border-bottom:1px solid rgba(18,33,58,.08);
  box-shadow:0 2px 10px rgba(10,25,48,.05);
}
.breadcrumb{
  order:1;
  min-width:205px;
  color:#7c8590;
  display:flex;align-items:center;gap:8px;
  white-space:nowrap;
  font-size:16px;
}
.breadcrumb .crumb-home{font-size:18px;opacity:.8}
.breadcrumb b{color:#172844;font-weight:700}
.top-search{
  order:2;
  flex:1 1 360px;
  max-width:440px;
  height:54px;
  display:flex;align-items:center;gap:12px;
  background:#fff;
  border:1px solid #e2e7ef;
  border-radius:14px;
  padding:0 18px;
  box-shadow:0 1px 2px rgba(0,0,0,.02);
}
.top-search span{font-size:22px;color:#7c8590}
.top-search input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:#182740;font-family:inherit}
.top-search input::placeholder{color:#97a0ad}
.branch-select{order:3}
.select-like{
  min-width:232px;height:54px;
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:0 18px;
  border:1px solid #e2e7ef;border-radius:14px;
  background:#fff;color:#384860;font-weight:500;
}
.quick-btn{
  order:4;
  height:54px;
  padding:0 26px;
  border:none;
  border-radius:14px;
  background:linear-gradient(180deg, #d6a11d 0%, #bf8604 100%);
  color:#fff;
  font-weight:600;
  font-size:15px;
  box-shadow:0 10px 20px rgba(191,134,4,.16), inset 0 1px 0 rgba(255,255,255,.2);
}
.notify{
  order:5;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  position:relative;
  color:#475365;
  font-size:24px;
}
.notify::after{
  content:"8";
  position:absolute;
  top:2px;right:3px;
  width:19px;height:19px;border-radius:50%;
  background:var(--sg-gold);
  color:#fff;
  font-size:11px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 10px rgba(191,134,4,.22);
}
.profile{
  order:6;
  display:flex;align-items:center;gap:12px;
  min-width:190px;
  color:#172844;
  margin-left:auto;
}
.avatar{
  width:50px;height:50px;border-radius:50%;
  background:linear-gradient(180deg,#ffffff,#f1f4f8);
  border:1px solid #e1e6ef;
  box-shadow:0 6px 14px rgba(13,30,56,.08);
  display:flex;align-items:center;justify-content:center;
  font-size:28px;
}
.profile b{display:block;font-size:16px;color:#1b2841}
.profile small{display:block;margin-top:3px;font-size:13px;color:#919aa7}
.content{padding:28px 30px 34px}
.page-title{margin:0 0 8px;font-size:30px;color:#132640}
.page-subtitle{margin:0 0 24px;color:#76808d}
.card,.table-card,.chart-card{border:1px solid #eceef3;box-shadow:0 8px 22px rgba(10,24,48,.045)}
.table-card,.chart-card,.card{background:#fff;border-radius:20px}
.kpi{border-radius:18px;padding:18px 18px 16px}
.kpi .value{font-size:24px}
.kpi-icon{background:#f5f6f9;border:1px solid #eceef3;color:#2a3850}
.table-header a{color:#143158;font-weight:600}
.data-table th{background:#f9fafb;color:#233249}
.badge.success{background:#ebfff0;color:#187744}
.badge.warn{background:#fff7e5;color:#9e6d00}
.badge.danger{background:#fff0ef;color:#b3392e}
@media (max-width: 1320px){
  .topbar{flex-wrap:wrap}
  .profile{margin-left:0}
  .top-search{max-width:none;flex:1 1 280px}
}
@media (max-width: 1100px){
  .sidebar{position:fixed;transform:translateX(-100%);transition:transform .25s ease}
  body.sidebar-open .sidebar{transform:translateX(0)}
  .main{margin-left:0}
  .topbar{padding:14px 18px}
  .content{padding:22px 18px 28px}
}


/* =========================================================
   SAWGOLD Screenshot Match Pack v4
   Applies the visual language from all supplied design images
   ========================================================= */
:root{
  --saw-navy:#041d3b;
  --saw-navy-2:#062a53;
  --saw-navy-3:#0a376b;
  --saw-gold:#d89a09;
  --saw-gold-2:#e4ad20;
  --saw-gold-dark:#a86b00;
  --saw-gold-soft:#fff6e3;
  --saw-bg:#fbfcfe;
  --saw-card:#ffffff;
  --saw-border:#e6ebf2;
  --saw-text:#10213f;
  --saw-muted:#6f7e95;
  --radius:18px;
  --shadow-soft:0 10px 24px rgba(9,31,61,.055);
  --shadow-card:0 8px 24px rgba(16,33,63,.06);
}
html,body{background:var(--saw-bg);font-size:14px;color:var(--saw-text);font-family:"Inter","Manrope","Segoe UI",Arial,sans-serif;letter-spacing:-.015em}
.page{background:var(--saw-bg)}
.sidebar{width:292px;min-width:292px;padding:0 16px 18px;background:linear-gradient(180deg,#062651 0%,#031a36 48%,#02152c 100%);overflow:hidden;box-shadow:8px 0 22px rgba(8,29,58,.12)}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 2% 2%,rgba(232,183,52,.20),transparent 18%),linear-gradient(90deg,rgba(255,255,255,.02),transparent 45%);pointer-events:none}
.sidebar:after{right:-98px;bottom:-70px;width:360px;height:360px;border-color:rgba(216,154,9,.38);box-shadow:0 0 0 9px rgba(216,154,9,.03),0 0 0 18px rgba(216,154,9,.03),0 0 0 27px rgba(216,154,9,.03),0 0 0 36px rgba(216,154,9,.025),0 0 0 45px rgba(216,154,9,.02),0 0 0 54px rgba(216,154,9,.018),0 0 0 63px rgba(216,154,9,.016),0 0 0 72px rgba(216,154,9,.014)}
.logo-wrap{height:112px;margin:0;padding:18px 0 12px;display:flex;align-items:flex-start;justify-content:space-between}.logo-wrap img{width:214px;object-fit:contain}.logo-wrap:after{content:"✦";position:absolute;right:50px;top:40px;color:#e8bf53;font-size:18px}.collapse-btn{position:absolute;right:-24px;top:62px;width:38px;height:38px;border:2px solid var(--saw-gold);background:#031936;color:white;font-size:20px;z-index:50}
.nav{height:calc(100vh - 230px);overflow:auto;padding:0;margin:0;gap:4px}.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:30px}
.nav-item{height:44px;padding:0 14px;border-radius:13px;color:rgba(255,255,255,.94);font-size:15.5px;font-weight:650;gap:14px}.nav-item .ico{width:26px;height:26px;font-size:18px;display:flex;align-items:center;justify-content:center;color:var(--saw-gold)}
.nav-item.active{background:linear-gradient(180deg,#e5aa21 0%,#bd7900 100%);box-shadow:0 9px 18px rgba(184,117,0,.28),inset 0 1px 0 rgba(255,255,255,.24);color:#fff}.nav-item.active .ico{color:#fff}.nav-item.has-sub{margin-top:3px}.subnav-menu{margin:4px 0 4px 32px;display:grid;gap:2px}.subnav-item{height:36px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.86);border-radius:11px;padding:0 12px;font-size:13.5px;font-weight:650}.subnav-item span{color:var(--saw-gold);width:18px}.subnav-item.active{background:linear-gradient(180deg,#e5aa21 0%,#bd7900 100%);color:#fff;box-shadow:0 8px 16px rgba(184,117,0,.22)}.subnav-item.active span{color:#fff}
.sidebar-card{position:absolute;left:16px;right:16px;bottom:18px;margin:0;border:1.5px solid rgba(216,154,9,.72);background:rgba(3,27,55,.72);border-radius:15px;padding:8px 13px}.sidebar-card-row{min-height:42px;padding:9px 0;font-size:14.5px}.side-card-icon{color:var(--saw-gold);font-size:20px;width:26px}.chev{margin-left:auto}.main{margin-left:292px;width:calc(100% - 292px);background:var(--saw-bg)}
.topbar{height:76px;background:#fff;padding:0 26px;border-bottom:1px solid #e8edf4;box-shadow:0 4px 18px rgba(9,31,61,.045);gap:18px}.breadcrumb{min-width:265px;display:flex;align-items:center;gap:11px;font-size:14.5px;color:#8791a0;font-weight:600}.breadcrumb .crumb-home{font-size:21px;color:#7a8799}.breadcrumb b{font-size:15.5px;color:#10213f}.top-search{max-width:460px;flex:1}.top-search input,.select-like{height:46px;border-radius:11px;border:1px solid #e3e8f1;background:#fff;box-shadow:0 1px 0 rgba(255,255,255,.8);font-weight:600;color:#233654}.top-search span{top:12px;font-size:20px;color:#8090a5}.branch-select{min-width:240px}.select-like{display:flex;align-items:center;gap:12px;justify-content:flex-start}.select-like .select-chev{margin-left:auto;color:#6f7e95}.quick-btn{height:46px;min-height:46px;border-radius:11px;min-width:160px;background:linear-gradient(180deg,#df9f11,#bd7800);font-weight:800;box-shadow:0 8px 18px rgba(189,120,0,.20);order:4}.notify{order:3;border:0;width:40px;height:40px;color:#566274;font-size:22px}.notify:after{right:-3px;top:-2px}.profile{min-width:165px;gap:11px}.avatar{background:radial-gradient(circle at 50% 25%,#fff 0 18%,#f0f3f8 19% 100%);position:relative}.avatar:before{content:"";width:14px;height:14px;border-radius:50%;background:#061d39;position:absolute;top:10px}.avatar:after{content:"";width:28px;height:18px;border-radius:16px 16px 8px 8px;background:#061d39;position:absolute;bottom:8px}.profile b{font-size:14.5px;color:#10213f}.profile small{font-size:12px;color:#7d8898}.content{padding:26px 32px 42px}.page-title{font-size:30px;font-weight:900;color:#061d39;margin-bottom:5px}.page-subtitle{font-size:15px;color:#6c7890;margin-bottom:24px}.card,.section,.table-card,.chart-card,.form-section,.summary-panel,.module-card,.drawer,.report-section,.report-kpi,.signature{border:1px solid var(--saw-border);box-shadow:var(--shadow-card);background:#fff}.kpi{min-height:112px;padding:17px 18px;border-radius:15px}.kpi .kpi-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,#fff8e9,#fff2d5);color:#d09206;box-shadow:inset 0 0 0 1px rgba(216,154,9,.08)}.kpi .label{font-size:12px;color:#344868;margin-bottom:8px}.kpi .value{font-size:22px;font-weight:900;color:#10213f}.trend{font-size:12px}.grid{gap:14px}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.chart-card{border-radius:16px;padding:16px}.section,.table-card{border-radius:16px}.data-table{font-size:12.5px}.data-table th{background:#fff;color:#16294a;border-bottom:1px solid #e8edf4;font-size:12px;padding:12px 13px}.table-card.dark-head .data-table th,.report-table th{background:#06244a;color:#fff}.data-table td{padding:10px 13px;color:#243854}.table-card{overflow:hidden}.table-header{padding:15px 18px}.badge{font-size:11px;padding:4px 10px;border-radius:7px}.badge.success{background:#eaf8ee;color:#208b45;border-color:#c9efcf}.badge.warn{background:#fff4df;color:#c07800;border-color:#ffdda2}.badge.info{background:#eaf4ff;color:#2975c9;border-color:#cfe6ff}.badge.gray{background:#eef1f5;color:#687586}.badge.purple{background:#f1e9ff;color:#7750cc}.btn{height:42px;border-radius:9px;font-size:13px}.btn.gold{background:linear-gradient(180deg,#df9f11,#bd7800);box-shadow:0 8px 16px rgba(189,120,0,.18)}.btn.navy{background:#061d39}.control{height:40px;border-radius:9px;font-size:13px;background:#fff}.field label{font-size:12px;color:#364967}.filters{padding:0}.form-section{border-radius:15px;padding:18px 20px;margin-bottom:13px}.form-section h3{font-size:15px;border-bottom:1px solid #edf1f6;padding-bottom:12px;margin-bottom:16px}.step{background:#061d39;width:28px;height:28px}.form-grid{gap:13px}.radio-card{height:51px}.radio-card.active{border-color:#d89a09;background:#fffaf0}.summary-panel{border-radius:16px;border-color:#eed3a3;padding:20px;top:96px}.summary-panel h3{font-size:18px}.summary-row{font-size:12.5px}.total-line{height:43px;border-color:#e7bd65;color:#b97800}.page-actions{gap:14px}.profile-hero{min-height:205px;border-radius:13px;padding:24px 35px;background:radial-gradient(circle at 85% 55%,rgba(216,154,9,.30),transparent 19%),linear-gradient(115deg,#041d3b 0%,#062a53 100%);position:relative;overflow:hidden;grid-template-columns:175px minmax(0,1fr) 210px}.profile-hero:after{content:"";position:absolute;right:-50px;bottom:-70px;width:550px;height:250px;border:1px solid rgba(216,154,9,.22);border-radius:50%;box-shadow:0 0 0 10px rgba(216,154,9,.025),0 0 0 20px rgba(216,154,9,.02),0 0 0 30px rgba(216,154,9,.018),0 0 0 40px rgba(216,154,9,.016),0 0 0 50px rgba(216,154,9,.014)}.profile-avatar{width:138px;height:138px;z-index:1}.profile-details,.profile-hero .actions{position:relative;z-index:2}.profile-details h2{font-size:24px}.profile-meta{grid-template-columns:repeat(2,minmax(0,360px));gap:9px 34px;font-size:14px}.profile-hero .actions{flex-direction:column;align-items:stretch}.profile-hero .btn{background:transparent;border-color:#d89a09;color:white;min-width:180px}.tabs{height:50px;margin:0 -20px 17px}.tab{font-size:13px;padding:16px 0}.side-info .card{border-radius:14px}.info-list div{font-size:13px}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-card{min-height:185px;border-radius:14px;padding:24px 22px;align-items:center}.module-card .big-icon{width:78px;height:78px;background:linear-gradient(180deg,#fff8e9,#fff2d5);color:#c78300;font-size:35px}.module-card h3{font-size:18px;line-height:1.15;color:#102b58}.module-card p{font-size:14px;color:#68788f}.module-card .btn{min-width:120px;margin-top:6px}.report-filters{grid-template-columns:repeat(4,minmax(0,1fr)) 180px}.drawer{width:455px;right:-455px;border-radius:0;padding:28px 26px}.drawer.open{right:0}.drawer-head h2{font-size:22px}.progress{height:8px}.workflow{border-radius:15px;background:#fff}.flow-dot{width:42px;height:42px}.gold-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.gold-batch-card{border:1px solid #f2d9a8;border-radius:14px;background:#fff;padding:14px;box-shadow:var(--shadow-card)}.gold-batch-card .batch-title{display:flex;justify-content:space-between;font-weight:900;color:#0a2446}.gold-batch-card .small-line{display:flex;justify-content:space-between;font-size:11px;color:#65758d;padding:3px 0}.report-page{background:#fff;padding:16px}.print-tools{margin-bottom:12px}.report-sheet{width:1180px;border-radius:10px;border:1px solid #dce4ef;box-shadow:0 12px 30px rgba(9,31,61,.06)}.report-head{min-height:175px;padding:26px 44px;grid-template-columns:300px 1fr 345px;background:linear-gradient(135deg,#041d3b 0%,#062a53 100%);border-bottom:6px solid var(--saw-gold)}.report-head img{width:230px}.report-head p{font-weight:600;margin:5px 0 0}.report-title{font-size:32px}.report-meta div{font-size:14px;gap:12px}.report-meta strong{color:#ffd979}.report-body{padding:27px 34px}.report-kpis{grid-template-columns:repeat(3,1fr);gap:18px}.report-kpi{min-height:140px;border-radius:11px;padding:20px 22px}.report-kpi .rk-icon{width:62px;height:62px;border-radius:18px}.report-kpi .value{font-size:24px}.report-section{border-radius:12px;padding:17px;margin-top:18px}.report-section h3{font-size:18px;color:#102b58}.report-table th{font-size:12px;padding:10px}.report-table td{padding:8px 9px}.report-footer{min-height:96px}.watermark{font-size:165px;color:rgba(216,154,9,.055)}
@media(max-width:1400px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-5{grid-template-columns:repeat(3,1fr)}.chart-grid{grid-template-columns:repeat(3,1fr)}.gold-card-grid{grid-template-columns:repeat(3,1fr)}.cards-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:translateX(0)}.main{margin-left:0;width:100%}.topbar{padding:0 18px}.breadcrumb{min-width:180px}.grid-6,.grid-5,.grid-4,.cards-grid,.chart-grid,.gold-card-grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr}.summary-panel{position:static}.profile-hero{grid-template-columns:1fr}.profile-hero .actions{flex-direction:row}.filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar{height:auto;min-height:72px;flex-wrap:wrap}.breadcrumb,.branch-select,.profile{display:none}.content{padding:18px}.grid-6,.grid-5,.grid-4,.grid-3,.grid-2,.cards-grid,.chart-grid,.gold-card-grid,.filters,.report-filters{grid-template-columns:1fr}.form-grid,.form-grid.three,.form-grid.two,.radio-cards{grid-template-columns:1fr}.report-head,.report-kpis,.notes-sign,.report-footer{grid-template-columns:1fr}.drawer{width:100%;right:-100%}.report-sheet{width:100%}}


/* === FINAL COMPLETE POLISH PACK: screenshot-aligned sidebar, topbar, cards, tables, forms === */
body{background:#fbfcfe!important}.content{max-width:100%;}
.sidebar{width:286px;min-width:286px;padding:0 14px 18px!important;background:linear-gradient(180deg,#062651 0%,#031b39 52%,#03152b 100%)!important;overflow:hidden!important}.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(214,161,29,.22),transparent 17%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 30%);pointer-events:none}.logo-wrap{height:105px!important;padding:18px 0 10px!important}.logo-wrap img{width:205px!important}.collapse-btn{right:-22px!important;top:58px!important;width:36px!important;height:36px!important}.nav{height:calc(100vh - 222px)!important}.nav-item{height:42px!important;border-radius:12px!important;font-size:15px!important}.subnav-item{height:34px!important}.sidebar-card{bottom:18px!important;left:14px!important;right:14px!important}.main{margin-left:286px!important;width:calc(100% - 286px)!important}.topbar{height:72px!important;padding:0 28px!important;gap:17px!important}.breadcrumb{min-width:250px!important}.top-search input,.select-like{height:44px!important}.quick-btn{height:44px!important;min-height:44px!important}.content{padding:24px 30px 38px!important}.page-title{font-size:29px!important}.page-subtitle{margin-top:6px!important}.card,.section,.table-card,.chart-card,.form-section,.summary-panel,.module-card,.drawer{border-color:#e7ebf2!important;box-shadow:0 8px 22px rgba(15,35,63,.055)!important}.kpi{border-radius:15px!important}.kpi .kpi-icon,.module-card .big-icon{background:linear-gradient(180deg,#fff8ec,#fff1d5)!important;color:#cb8700!important}.data-table th{background:#fff!important;color:#172b4d!important;border-bottom:1px solid #e7ebf2!important}.report-table th{background:#06244a!important;color:#fff!important}.table-card.dark-head .data-table th{background:#06244a!important;color:#fff!important}.control{border-color:#dfe6ef!important}.profile-hero,.report-head{background:radial-gradient(circle at 87% 58%,rgba(216,154,9,.32),transparent 17%),linear-gradient(116deg,#041d3b,#062a53)!important}.btn.gold,.quick-btn,.page-num.active{background:linear-gradient(180deg,#dfa116,#bd7800)!important}.badge{border-radius:8px!important}.module-card{border-radius:14px!important}.cards-grid{align-items:stretch}.compact-filter{padding:18px!important}.mini-flow{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;text-align:center}.summary-box{background:#fff8ea;border:1px solid #f0d8a8;border-radius:12px;padding:14px;margin-top:14px;color:#2b3d5b}.branch-card{min-height:210px}.icon-btn{text-decoration:none}.report-sheet{margin:0 auto!important}.print-tools{display:flex;gap:10px;justify-content:flex-end;margin:0 auto 12px;max-width:1180px}.report-page{background:#f7f8fb!important;min-height:100vh!important}@media(max-width:1180px){.main{margin-left:0!important;width:100%!important}.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:translateX(0)}}@media print{.print-tools{display:none!important}.report-page{background:#fff!important;padding:0!important}.report-sheet{box-shadow:none!important;border:0!important;width:100%!important}.report-head{print-color-adjust:exact;-webkit-print-color-adjust:exact}.report-section,.report-kpi,.signature{break-inside:avoid}}


/* ==========================================================
   SAWGOLD FINAL PROFESSIONAL FIX — sidebar, topbar, table actions
   ========================================================== */
:root{
  --saw-navy-deep:#03162e;
  --saw-navy:#061f42;
  --saw-navy-soft:#083261;
  --saw-gold:#d69a08;
  --saw-gold-2:#f0b72d;
  --saw-gold-dark:#a96a00;
  --saw-line:#e7ebf2;
  --saw-ink:#10284a;
  --saw-muted:#677790;
  --saw-soft:#f8fafc;
  --saw-shadow:0 10px 28px rgba(16,40,74,.065);
}
body{font-family:Inter, Poppins, Manrope, Arial, sans-serif!important;background:#fbfcfe!important;color:var(--saw-ink)!important;}
.page{background:#fbfcfe!important;}
.sidebar{
  width:286px!important;min-width:286px!important;padding:0 14px 20px!important;
  background:linear-gradient(180deg,#062754 0%,#041e40 46%,#02152d 100%)!important;
  box-shadow:8px 0 24px rgba(2,21,45,.16)!important;border-right:1px solid rgba(255,255,255,.06)!important;
  overflow:hidden!important;position:fixed!important;left:0;top:0;bottom:0;z-index:50!important;
}
.sidebar:before{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 4% 0%, rgba(229,176,48,.22), transparent 19%),
    radial-gradient(circle at 100% 72%, rgba(214,154,8,.13), transparent 26%);
}
.sidebar:after{
  content:""!important;display:block!important;position:absolute!important;right:-112px!important;bottom:96px!important;width:420px!important;height:420px!important;
  border-radius:50%!important;border:1px solid rgba(214,154,8,.22)!important;
  box-shadow:0 0 0 12px rgba(214,154,8,.024),0 0 0 24px rgba(214,154,8,.022),0 0 0 36px rgba(214,154,8,.02),0 0 0 48px rgba(214,154,8,.018),0 0 0 60px rgba(214,154,8,.016),0 0 0 72px rgba(214,154,8,.014),0 0 0 84px rgba(214,154,8,.012),0 0 0 96px rgba(214,154,8,.01)!important;
  pointer-events:none!important;opacity:.9!important;
}
.sidebar-brand{position:relative;z-index:3;height:105px;display:flex;align-items:flex-start;justify-content:space-between;padding:17px 0 10px;}
.brand-link{display:block;text-decoration:none;line-height:0}.side-logo{width:205px!important;height:auto!important;display:block;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.16));}
.sidebar-brand:after{content:"✦";position:absolute;right:38px;top:31px;color:var(--saw-gold);font-size:18px;text-shadow:0 0 14px rgba(214,154,8,.34);}
.collapse-btn{position:absolute!important;right:-30px!important;top:55px!important;width:38px!important;height:38px!important;z-index:7!important;border-radius:50%!important;border:2px solid var(--saw-gold)!important;background:#03162e!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 12px 18px rgba(0,0,0,.24)!important;font-size:15px!important;font-weight:900!important;padding:0!important;}
.nav{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;gap:5px!important;height:calc(100vh - 310px)!important;max-height:none!important;overflow-y:auto!important;padding:2px 0 12px!important;}
.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px}.nav::-webkit-scrollbar-track{background:transparent}
.nav-item{height:42px!important;min-height:42px!important;border-radius:12px!important;display:flex!important;align-items:center!important;gap:13px!important;padding:0 13px!important;color:rgba(255,255,255,.94)!important;text-decoration:none!important;font-size:15px!important;font-weight:600!important;letter-spacing:-.01em!important;transition:all .18s ease!important;position:relative!important;}
.nav-item .ico{width:26px!important;height:26px!important;flex:0 0 26px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--saw-gold)!important;background:transparent!important;border-radius:0!important;font-size:0!important;}
.nav-item .ico svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.05;}
.nav-item:hover{background:rgba(255,255,255,.07)!important;transform:translateX(2px)!important;}
.nav-item.active{background:linear-gradient(180deg,#dda016,#bd7800)!important;color:#fff!important;box-shadow:0 10px 22px rgba(189,120,0,.26),inset 0 1px 0 rgba(255,255,255,.26)!important;}
.nav-item.active .ico{color:#fff!important}.nav-item.active:after{content:"";position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#fff;opacity:.9;}
.sidebar-gold-card{position:absolute;z-index:3;left:18px;right:18px;bottom:108px;min-height:118px;border:1px solid rgba(214,154,8,.45);border-radius:18px;background:linear-gradient(180deg,rgba(4,24,50,.86),rgba(2,18,39,.94));padding:14px 16px;overflow:hidden;display:none;}
.dashboard-page .sidebar-gold-card{display:block;}
.gold-rate-label{font-size:12px;color:rgba(255,255,255,.9);font-weight:700}.gold-rate-value{font-size:24px;color:#fff;font-weight:900;margin-top:8px}.gold-rate-value span{font-size:12px;color:rgba(255,255,255,.8);margin-left:2px}.gold-rate-up{font-size:12px;color:#4ade80;font-weight:700;margin-top:5px}.gold-bar-mini{position:absolute;right:8px;bottom:-6px;width:100px;height:68px;background:linear-gradient(135deg,#fff1a9,#d79a08 46%,#8d5600);clip-path:polygon(20% 35%,80% 10%,100% 52%,40% 83%,0 60%);opacity:.95;filter:drop-shadow(0 10px 16px rgba(0,0,0,.24));}
.sidebar-card{position:absolute!important;z-index:4!important;left:14px!important;right:14px!important;bottom:18px!important;border:1.6px solid rgba(214,154,8,.82)!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(7,36,75,.9),rgba(3,20,42,.95))!important;box-shadow:0 14px 24px rgba(0,0,0,.18)!important;padding:0!important;overflow:hidden!important;}
.sidebar-card-row{height:48px!important;padding:0 14px!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:14px!important;color:#fff!important;border:0!important;}
.sidebar-card-row+.sidebar-card-row{border-top:1px solid rgba(255,255,255,.09)!important}.side-card-icon{width:26px;height:26px;color:var(--saw-gold);display:flex;align-items:center;justify-content:center}.side-card-icon svg{width:22px;height:22px}.sidebar-card-row .chev{margin-left:auto!important}.online-dot{margin-left:auto!important;width:8px!important;height:8px!important;background:#40d943!important;border-radius:50%!important;box-shadow:0 0 0 4px rgba(64,217,67,.12)!important;}
.main{margin-left:286px!important;width:calc(100% - 286px)!important;min-height:100vh!important;background:#fbfcfe!important;}
.topbar{height:72px!important;min-height:72px!important;background:#fff!important;border-bottom:1px solid #e7ebf2!important;box-shadow:0 4px 14px rgba(14,36,67,.055)!important;padding:0 26px!important;gap:17px!important;display:flex!important;align-items:center!important;position:sticky!important;top:0!important;z-index:20!important;}
.breadcrumb{min-width:230px!important;display:flex!important;align-items:center!important;gap:12px!important;color:#8792a1!important;font-size:15px!important;font-weight:500!important}.breadcrumb b{color:#0d2345!important;font-weight:800!important}.crumb-home{width:24px!important;height:24px!important;color:#7890aa!important;display:flex!important}.crumb-home svg{width:22px;height:22px}.top-search{height:44px!important;max-width:465px!important;flex:1 1 380px!important;border:1px solid #dde5ef!important;border-radius:10px!important;background:#fff!important;display:flex!important;align-items:center!important;padding:0 16px!important;gap:10px!important;box-shadow:0 1px 3px rgba(12,34,63,.025)!important}.top-search .search-ico{width:20px;height:20px;color:#75849a}.top-search .search-ico svg{width:19px;height:19px}.top-search input{height:42px!important;border:0!important;outline:0!important;background:transparent!important;font-size:14px!important;color:#142844!important}.top-search input::placeholder{color:#8a96a6!important}.branch-select{flex:0 0 auto!important}.select-like{height:44px!important;min-width:250px!important;border:1px solid #dde5ef!important;border-radius:10px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;color:#263b59!important;font-size:14px!important;font-weight:700!important}.select-like svg{width:20px;height:20px;color:#677b93}.quick-btn{height:44px!important;min-height:44px!important;border:0!important;border-radius:10px!important;background:linear-gradient(180deg,#dfa116,#bd7800)!important;color:#fff!important;padding:0 22px!important;font-size:14px!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:10px!important;box-shadow:0 10px 20px rgba(189,120,0,.18),inset 0 1px 0 rgba(255,255,255,.2)!important}.quick-btn svg{width:18px;height:18px}.notify{width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;color:#526178!important;order:5!important}.notify svg{width:22px;height:22px}.notify:after{content:"8"!important;position:absolute!important;right:2px!important;top:1px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#f0a500!important;color:#fff!important;font-size:10px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important}.profile{display:flex!important;align-items:center!important;gap:12px!important;margin-left:0!important;min-width:180px!important;color:#10284a!important}.avatar{width:43px!important;height:43px!important;border-radius:50%!important;border:1px solid #e1e7f0!important;background:radial-gradient(circle at 50% 36%,#13315c 0 18%,transparent 19%),radial-gradient(circle at 50% 83%,#071f3f 0 32%,transparent 33%),linear-gradient(#fff,#f2f5f9)!important;box-shadow:0 6px 14px rgba(10,30,60,.1)!important}.profile b{font-size:14px!important;font-weight:900!important;color:#12284b!important}.profile small{font-size:12px!important;color:#7f8a99!important}.profile-caret{color:#6c7a8e!important}.content{padding:24px 30px 38px!important}.page-title{font-size:30px!important;line-height:1.05!important;letter-spacing:-.03em!important;color:#082346!important;font-weight:900!important;margin-bottom:8px!important}.page-subtitle{font-size:15px!important;color:#6d7d91!important;margin-bottom:24px!important}
.card,.table-card,.form-section,.summary-panel,.chart-card,.module-card,.profile-hero,.side-info .card{border:1px solid #e6ebf2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(13,36,68,.055)!important}.kpi{min-height:96px!important;padding:18px 18px!important}.kpi .kpi-icon,.module-card .big-icon{background:linear-gradient(180deg,#fff8ec,#fff1d5)!important;border:1px solid #f6e1b8!important;color:#cb8700!important;box-shadow:none!important}.kpi .label{font-weight:800!important;color:#243b5b!important}.kpi .value{color:#0d2345!important;font-weight:900!important;letter-spacing:-.02em!important}.trend{color:#16a34a!important}.trend.down{color:#ef4444!important}.filters,.compact-filter,.report-filters{background:#fff!important;border:1px solid #e6ebf2!important;border-radius:16px!important;box-shadow:var(--saw-shadow)!important;padding:18px!important}.control,input.control,textarea.control,select.control,.field .control{height:40px!important;border:1px solid #dfe6ef!important;border-radius:9px!important;background:#fff!important;color:#243854!important;box-shadow:none!important}.field label{font-weight:700!important;color:#31445f!important}.btn{height:42px!important;border-radius:9px!important;border:1px solid #dfe6ef!important;background:#fff!important;color:#1f3554!important;font-weight:800!important}.btn.gold,.page-num.active{background:linear-gradient(180deg,#dfa116,#bd7800)!important;color:#fff!important;border-color:#bd7800!important;box-shadow:0 8px 16px rgba(189,120,0,.16)!important}.btn.navy{background:#061f42!important;color:#fff!important;border-color:#061f42!important}.table-card{overflow:hidden!important}.table-header{height:auto!important;min-height:56px!important;padding:14px 18px!important;border-bottom:1px solid #eef2f7!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.table-header b{font-size:18px!important;color:#122b50!important;font-weight:900!important}.table-responsive{overflow-x:auto!important}.data-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:13px!important}.data-table th{height:42px!important;background:#fff!important;color:#172b4d!important;font-size:12px!important;font-weight:900!important;border-bottom:1px solid #e7ebf2!important;border-top:0!important;padding:10px 12px!important;white-space:nowrap!important}.premium-table .data-table th{background:#fff!important}.table-card.dark-head .data-table th,.report-table th{background:#06244a!important;color:#fff!important}.data-table td{padding:10px 12px!important;border-bottom:1px solid #edf1f5!important;color:#283c59!important;vertical-align:middle!important;white-space:nowrap!important}.data-table tbody tr:hover{background:#fffaf0!important}.data-table tr.total td,.data-table .total td{background:#fff4d8!important;color:#b97900!important;font-weight:900!important}.badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:68px!important;border-radius:8px!important;padding:4px 10px!important;font-size:11px!important;font-weight:900!important;border:1px solid transparent!important}.badge.success{background:#eaf8ee!important;color:#208b45!important;border-color:#c9efcf!important}.badge.warn{background:#fff4df!important;color:#c07800!important;border-color:#ffdda2!important}.badge.info{background:#eaf4ff!important;color:#2975c9!important;border-color:#cfe6ff!important}.badge.danger{background:#fff0ef!important;color:#b3392e!important;border-color:#ffd1cd!important}.badge.gray{background:#eef1f5!important;color:#687586!important;border-color:#dfe5ec!important}.badge.purple{background:#f1e9ff!important;color:#7750cc!important;border-color:#e3d6ff!important}.actions-cell{width:142px!important;text-align:center!important}.actions-th{text-align:center!important}.icon-btn{width:30px!important;height:30px!important;border:1px solid #f1d8a3!important;border-radius:8px!important;background:#fff!important;color:#d09508!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 2px!important;text-decoration:none!important;vertical-align:middle!important;transition:.16s ease!important}.icon-btn svg{width:16px!important;height:16px!important;stroke-width:2.2!important}.icon-btn:hover{background:#fff7e4!important;border-color:#dfa116!important;color:#a96a00!important;transform:translateY(-1px)!important;box-shadow:0 6px 14px rgba(189,120,0,.12)!important}.act-print{color:#c18400!important}.act-more{color:#d09508!important}.page-actions{display:flex!important;justify-content:center!important;gap:14px!important;margin-top:18px!important}.form-section h3{font-size:16px!important;color:#102b50!important;font-weight:900!important}.step{width:28px!important;height:28px!important;background:#061f42!important;color:#fff!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.summary-panel{border-color:#ecd2a0!important}.summary-panel h3{font-size:20px!important;font-weight:900!important;color:#112a4e!important;border-bottom:2px solid #d69a08!important;padding-bottom:14px!important}.summary-row{border-bottom:1px solid #edf1f5!important}.total-line{background:#fff8e8!important;border:1px solid #ecd2a0!important;border-radius:9px!important;color:#bd7800!important}.profile-hero{background:radial-gradient(circle at 90% 62%,rgba(216,154,8,.32),transparent 16%),linear-gradient(116deg,#041d3b,#062a53)!important;color:#fff!important;position:relative!important;overflow:hidden!important}.profile-hero:after{content:""!important;display:block!important;position:absolute!important;right:-60px!important;bottom:-85px!important;width:610px!important;height:280px!important;border:1px solid rgba(216,154,8,.25)!important;border-radius:50%!important;box-shadow:0 0 0 10px rgba(216,154,8,.024),0 0 0 20px rgba(216,154,8,.022),0 0 0 30px rgba(216,154,8,.02),0 0 0 40px rgba(216,154,8,.018),0 0 0 50px rgba(216,154,8,.016)!important}.profile-avatar{background:linear-gradient(180deg,#fffaf0,#fff)!important;border:3px solid #d69a08!important;color:#d69a08!important}.tabs{border-bottom:1px solid #e8edf4!important}.tab.active{color:#d09508!important;border-bottom:3px solid #d09508!important}.cards-grid{gap:18px!important}.module-card{min-height:175px!important;align-items:center!important}.module-card h3{font-weight:900!important;color:#102b50!important}.module-card p{color:#65758d!important}.module-actions{display:flex!important;gap:12px!important}.module-actions .btn:first-child{border-color:#e3b861!important;color:#c18400!important}.drawer{box-shadow:-16px 0 35px rgba(13,36,68,.1)!important;border-left:1px solid #e6ebf2!important}.report-page{background:#f7f8fb!important}.report-sheet{background:#fff!important;border:1px solid #dce4ef!important;border-radius:10px!important;box-shadow:0 12px 30px rgba(9,31,61,.06)!important;overflow:hidden!important}.report-head{background:linear-gradient(135deg,#041d3b 0%,#062a53 100%)!important;border-bottom:6px solid var(--saw-gold)!important}.report-title{color:#fff!important}.report-kpi{border:1px solid #dde4ed!important;border-radius:13px!important;box-shadow:0 6px 16px rgba(9,31,61,.05)!important}.report-section{border:1px solid #dde4ed!important;border-radius:13px!important}.signature{border:1px solid #eacb8c!important;border-radius:12px!important}.report-footer{border-top:2px solid #d69a08!important}.watermark{color:rgba(216,154,8,.055)!important}.dashboard-page .content{padding-right:28px!important}.dashboard-page .chart-grid{gap:14px!important}.dashboard-page .chart-card{min-height:245px!important}.dashboard-page .table-card{min-height:230px!important}
body.sidebar-collapsed .sidebar{width:94px!important;min-width:94px!important}body.sidebar-collapsed .main{margin-left:94px!important;width:calc(100% - 94px)!important}body.sidebar-collapsed .side-logo{width:60px!important}body.sidebar-collapsed .nav-item span:not(.ico),body.sidebar-collapsed .sidebar-card,body.sidebar-collapsed .sidebar-gold-card,body.sidebar-collapsed .sidebar-brand:after{display:none!important}body.sidebar-collapsed .nav-item{justify-content:center!important;padding:0!important}body.sidebar-collapsed .collapse-btn{right:-22px!important}
@media(max-width:1360px){.grid-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.gold-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.top-search{max-width:360px!important}.breadcrumb{min-width:190px!important}.select-like{min-width:210px!important}}
@media(max-width:1180px){.sidebar{transform:translateX(-102%)!important;transition:transform .22s ease!important}.main{margin-left:0!important;width:100%!important}body.sidebar-open .sidebar{transform:translateX(0)!important}.topbar{padding:0 18px!important}.breadcrumb{min-width:auto!important}.profile{min-width:auto!important}.profile small{display:none!important}.grid-6,.grid-5,.grid-4,.grid-3,.cards-grid,.chart-grid,.gold-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-layout{grid-template-columns:1fr!important}.summary-panel{position:static!important}}
@media(max-width:760px){.topbar{height:auto!important;min-height:72px!important;flex-wrap:wrap!important;padding:12px 16px!important}.breadcrumb,.branch-select,.profile{display:none!important}.top-search{order:1!important;flex:1 1 100%!important;max-width:none!important}.quick-btn{order:2!important}.notify{order:3!important}.content{padding:18px!important}.grid-6,.grid-5,.grid-4,.grid-3,.grid-2,.cards-grid,.chart-grid,.gold-card-grid,.filters,.report-filters{grid-template-columns:1fr!important}.form-grid,.form-grid.two,.form-grid.three,.radio-cards{grid-template-columns:1fr!important}.actions-cell{width:128px!important}.icon-btn{width:28px!important;height:28px!important}.report-sheet{width:100%!important}.report-head,.report-kpis,.notes-sign,.report-footer{grid-template-columns:1fr!important}}
@media print{.topbar,.sidebar,.print-tools{display:none!important}.main{margin-left:0!important;width:100%!important}.report-page{background:#fff!important;padding:0!important}.report-sheet{box-shadow:none!important;border:0!important;width:100%!important}.report-head{print-color-adjust:exact!important;-webkit-print-color-adjust:exact!important}.report-section,.report-kpi,.signature{break-inside:avoid!important}}

/* Final micro-fixes for logo/sidebar visibility and topbar ordering */
.sidebar{overflow:visible!important;}
.nav{overflow-y:auto!important;overflow-x:hidden!important;}
.topbar .notify{order:4!important}.topbar .quick-btn{order:5!important}.topbar .profile{order:6!important}.topbar .branch-select{order:3!important}.topbar .top-search{order:2!important}.topbar .breadcrumb{order:1!important}
.topbar svg{display:block}.breadcrumb .crumb-home svg,.top-search .search-ico svg,.select-like svg,.notify svg{stroke-width:2.05}.search-ico{display:flex;align-items:center;justify-content:center;}
.sidebar .collapse-btn{overflow:visible!important;}
.actions-cell .icon-btn svg{display:block;}


/* ===== SAWGOLD Complete Platform Design System - final completion pass ===== */
.complete-ui .content{padding:28px 32px 42px;background:#fbfcfe;min-height:calc(100vh - 82px)}
.sidebar{width:292px;min-width:292px;background:radial-gradient(circle at 0 0,rgba(255,199,62,.18),transparent 16%),linear-gradient(180deg,#06264e 0%,#03162e 100%);}
.main{margin-left:292px}.sidebar-brand{padding:23px 18px 18px}.side-logo{width:192px;height:auto;display:block;object-fit:contain}.brand-link{display:block}.collapse-btn{right:-20px!important;top:54px!important;background:#041b37!important;border:2px solid #d79a10!important;color:#fff!important;box-shadow:0 8px 16px rgba(0,0,0,.22)!important}.nav{padding:6px 12px 136px!important;gap:3px!important}.nav-item{font-size:15px!important;min-height:40px!important;border-radius:12px!important;padding:9px 12px!important}.nav-item .ico svg,.topbar svg,.side-card-icon svg,.icon-btn svg,.module-icon svg,.kpi-icon svg{width:22px;height:22px;display:block}.nav-item .ico svg{stroke:#d79a10}.nav-item.active{background:linear-gradient(180deg,#dfa91d,#bd8104)!important;color:#fff!important}.nav-item.active .ico svg{stroke:#fff}.sidebar-card{bottom:18px!important;border-color:#d79a10!important;background:rgba(3,20,43,.86)!important}.sidebar::before{opacity:.95!important}.topbar{min-height:78px!important;padding:16px 28px!important;background:#fff!important;border-bottom:1px solid #e9edf3!important}.top-search,.select-like{height:50px!important;border-radius:12px!important;border:1px solid #dfe5ed!important}.top-search svg,.select-like svg,.notify svg{width:21px;height:21px;stroke:#758195}.quick-btn{height:50px!important;border-radius:12px!important;background:linear-gradient(180deg,#dfa91d,#bd8104)!important;display:flex;align-items:center;gap:10px}.quick-btn svg{width:20px;height:20px;stroke:#fff}.notify{position:relative;width:44px;height:44px}.notify::after{content:"8";position:absolute;right:2px;top:1px;background:#e4a21a;color:white;width:18px;height:18px;border-radius:50%;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:700}.avatar{background:linear-gradient(180deg,#f6f7fb,#e9edf4)!important;color:#09234a!important}.avatar span{width:16px;height:16px;border-radius:50%;background:#08234a;display:inline-block;box-shadow:0 12px 0 3px #08234a}.page-title{font-size:31px!important;font-weight:800!important;letter-spacing:-.03em;color:#09234a;margin:0 0 8px}.page-subtitle{font-size:16px;color:#69758a;margin:0 0 25px}.premium-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;margin-bottom:22px}.kpi-premium{position:relative;display:flex;align-items:center;gap:16px;min-height:100px;background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 9px 24px rgba(13,30,56,.055);padding:18px}.kpi-premium .kpi-icon{width:58px;height:58px;border-radius:50%;background:#fff7e8;color:#d4940a;border:1px solid #f5e5c1;display:flex;align-items:center;justify-content:center}.kpi-premium .kpi-icon svg{stroke:#d4940a}.kpi-label{font-weight:700;color:#183051;font-size:13px}.kpi-value{font-size:22px;font-weight:800;color:#09234a;margin-top:5px}.kpi-more{position:absolute;right:15px;top:13px;color:#daa11c}.premium-panel{background:#fff;border:1px solid #e6ebf3;border-radius:18px;box-shadow:0 10px 28px rgba(13,30,56,.055);padding:18px;margin-bottom:22px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px}.filter-field label,.field label{display:block;color:#233b5d;font-weight:700;font-size:13px;margin:0 0 7px}.input-like,.form-input,select,input,textarea{height:44px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#516075;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:14px}.input-like svg{width:18px;height:18px;stroke:#778498}textarea{height:84px;padding:12px;width:100%;font-family:inherit}.filter-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.btn{height:42px;padding:0 18px;border-radius:10px;border:1px solid #dfe5ed;background:#fff;color:#10274a;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.gold{background:linear-gradient(180deg,#dfa91d,#bd8104);border-color:#bd8104;color:#fff}.btn.navy{background:#06264e;border-color:#06264e;color:#fff}.btn.ghost{background:#fff;border-color:#dfe5ed}.premium-table-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 10px 28px rgba(13,30,56,.055);overflow:hidden;margin-top:18px}.table-header{padding:17px 20px;border-bottom:1px solid #eef2f6;display:flex;align-items:center;justify-content:space-between}.table-header h3{margin:0;color:#09234a;font-size:20px}.professional-table{width:100%;border-collapse:separate;border-spacing:0}.professional-table th{background:#f9fbfd!important;color:#183051!important;font-size:13px;font-weight:800;border-bottom:1px solid #e5eaf2;padding:13px 14px;text-align:left}.professional-table td{padding:12px 14px;border-bottom:1px solid #eef2f6;color:#26374f;font-size:13px;vertical-align:middle}.professional-table tr:hover td{background:#fffaf0}.actions-cell{white-space:nowrap;display:flex;gap:7px}.icon-btn{width:30px;height:30px;border:1px solid #f1d79b;border-radius:8px;color:#d4940a;background:#fffaf1;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{width:16px;height:16px;stroke:#d4940a}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#617089}.pagination{display:flex;gap:7px}.page-num{min-width:34px;height:34px;border:1px solid #dfe5ed;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#fff;color:#273a56}.page-num.active{background:linear-gradient(180deg,#dfa91d,#bd8104);color:#fff;border-color:#bd8104}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:18px;margin:20px 0 24px}.module-card{display:flex;gap:18px;text-decoration:none;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:24px 22px;min-height:138px;box-shadow:0 10px 28px rgba(13,30,56,.055);transition:.2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(13,30,56,.1);border-color:#edcd82}.module-icon{width:74px;height:74px;border-radius:50%;background:#fff5df;color:#d4940a;display:flex;align-items:center;justify-content:center;flex:0 0 74px}.module-icon svg{width:34px;height:34px;stroke:#d4940a}.module-card h3{margin:0 0 8px;color:#09234a;font-size:20px}.module-card p{margin:0 0 14px;color:#66748a;font-size:15px;line-height:1.45}.mini-link{color:#c18608;font-weight:800}.workspace-grid.two-col{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.form-card,.summary-panel{background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 10px 28px rgba(13,30,56,.055);padding:18px;margin-bottom:16px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:14px}.section-title h3{margin:0;color:#10274a;font-size:18px}.step{width:28px;height:28px;border-radius:50%;background:#06264e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.section-line{height:1px;background:#dfe5ed;flex:1}.collapse-mark{color:#69758a}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px}.field label span{color:#ef4444}.form-actions{display:flex;gap:14px;justify-content:center;margin-top:18px}.summary-panel h3{margin:0 0 18px;color:#09234a}.summary-list{display:grid;gap:14px}.summary-list div{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid #eef2f6}.summary-list span{color:#6d7890}.summary-list b{color:#c18608}.summary-list .status-text{border:1px solid #eac574;border-radius:999px;padding:7px 12px;background:#fff9e9}.module-map{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px}.module-map-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:20px;box-shadow:0 10px 28px rgba(13,30,56,.055)}.module-map-card h3{margin:0 0 12px;color:#09234a}.map-links{display:flex;flex-wrap:wrap;gap:8px}.map-links a{border:1px solid #ead49c;background:#fffaf0;color:#a87500;text-decoration:none;border-radius:999px;padding:7px 10px;font-size:13px;font-weight:700}
@media(max-width:1400px){.premium-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.workspace-grid.two-col{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.main{margin-left:0}.module-grid,.module-map,.premium-grid,.filter-grid,.form-grid{grid-template-columns:1fr}.content{padding:20px}.sidebar{transform:translateX(-100%)}body.sidebar-open .sidebar{transform:translateX(0)}}

/* Professional report print styling */
.professional-report{border-radius:12px;overflow:hidden}.report-head{background:linear-gradient(135deg,#061d3c,#082c56)!important;border-bottom:6px solid #d79a10!important}.report-logo-block img{max-width:220px}.report-title span{font-size:31px;font-weight:800;color:#fff}.report-title i{display:block;width:70px;height:4px;background:#d79a10;margin-top:12px}.report-meta div{display:grid;grid-template-columns:115px 12px 1fr;gap:8px}.report-meta div::before{content:""}.report-kpi{border-radius:14px!important;box-shadow:0 7px 16px rgba(13,30,56,.06)!important}.rk-icon{background:#fff5df;color:#d4940a}.report-section{border-radius:14px!important;border:1px solid #e3e7ef!important}.report-section h3{border-bottom:2px solid #d79a10;padding-bottom:10px;color:#0a2a52}.report-table th{background:#06264e!important;color:#fff!important}.report-table tr.total td{background:#fff3d5!important;color:#b27900!important;font-weight:800}.notes-sign{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.signature{border:1px solid #edc77b!important;border-radius:14px!important}.report-footer{border-top:2px solid #d79a10!important}.page-no{text-align:right;font-size:20px;color:#0a2a52}.generated-line{text-align:center;color:#8994a8;padding:10px;border-top:1px solid #eef1f6}
@media print{.print-tools{display:none!important}.report-sheet{box-shadow:none!important;margin:0!important;width:210mm!important;min-height:297mm!important}.report-page{background:#fff!important;padding:0!important}body{background:#fff!important}.report-section,.report-kpi,.signature{break-inside:avoid}}


/* ===== Full Entry Forms Completion Pack ===== */
.page-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head-actions{display:flex;gap:10px;align-items:center}.entry-form-workspace{align-items:start}.full-form-section{padding:22px;margin-bottom:18px}.full-form-grid{grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px 18px}.field.wide{grid-column:span 2}.field label{font-size:13px;color:#243a59;font-weight:800;margin-bottom:7px;display:block}.field label span{color:#ef4444}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;height:46px;border:1px solid #dfe5ed;border-radius:11px;background:#fff;padding:0 13px;font-family:inherit;color:#22344e;outline:none}.field textarea{height:96px;padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d6a11d;box-shadow:0 0 0 3px rgba(214,161,29,.12)}.radio-card-row{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-top:14px}.radio-card{height:52px;border:1px solid #dfe5ed;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 13px;background:#fff;cursor:pointer;color:#243a59}.radio-card input{display:none}.radio-card .radio-dot{width:14px;height:14px;border:2px solid #9aa6b5;border-radius:50%;box-shadow:inset 0 0 0 3px #fff}.radio-card:has(input:checked){border-color:#d6a11d;background:#fff9e9}.radio-card:has(input:checked) .radio-dot{background:#d6a11d;border-color:#d6a11d}.upload-box{min-height:98px;border:1.5px dashed #cfd8e5;border-radius:14px;background:#fbfcfe;display:flex;align-items:center;justify-content:center;gap:14px;flex-direction:column;color:#65758c;text-align:center;padding:16px}.upload-box b{color:#243a59}.upload-ico{width:42px;height:42px;border-radius:50%;background:#fff7e8;color:#d4940a;display:flex;align-items:center;justify-content:center;font-size:22px}.switch-line{display:flex;align-items:center;gap:10px;height:46px}.switch-line input{display:none}.switch{width:44px;height:24px;border-radius:999px;background:#9aa6b5;position:relative}.switch:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.2s}.switch-line input:checked + .switch{background:#d6a11d}.switch-line input:checked + .switch:before{left:23px}.sticky-summary{position:sticky;top:98px}.summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.summary-actions .btn:first-child{grid-column:span 2}.notice-box{background:#eef7ff;border:1px solid #b5dbff;color:#1d4f86;padding:12px;border-radius:12px;margin-top:16px;line-height:1.45}.bottom-form-actions{justify-content:flex-start;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:16px;box-shadow:0 10px 28px rgba(13,30,56,.055);position:sticky;bottom:14px;z-index:4}.mini-form-table{margin-top:18px}.subform-title{margin:18px 0 10px;color:#09234a;font-size:16px;font-weight:900}.amount-total-strip{grid-column:1/-1;background:#fff8e6;border:1px solid #e8c779;border-radius:12px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;color:#122b4f;font-weight:800}.amount-total-strip b{font-size:20px;color:#bd8104}.form-note{background:#fffaf0;border:1px solid #efd395;border-radius:12px;padding:13px 15px;color:#6b4a00;margin-top:14px}.form-center-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:18px}.form-link-card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;box-shadow:0 10px 28px rgba(13,30,56,.055);padding:20px;text-decoration:none;display:block;color:#25364d}.form-link-card:hover{border-color:#d6a11d;transform:translateY(-2px)}.form-link-card h3{margin:0 0 8px;color:#09234a}.form-link-card p{margin:0;color:#66748a;line-height:1.45}.form-link-card .tag{display:inline-flex;margin-top:14px;border:1px solid #efd395;background:#fff8e6;color:#b77a00;border-radius:999px;padding:6px 10px;font-weight:800;font-size:12px}
@media(max-width:1500px){.full-form-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}.radio-card-row{grid-template-columns:repeat(3,1fr)}.form-center-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.full-form-grid{grid-template-columns:repeat(2,1fr)}.form-center-grid{grid-template-columns:repeat(2,1fr)}.sticky-summary{position:static}.page-head-row{flex-direction:column}.page-head-actions{width:100%;justify-content:flex-start}}
@media(max-width:720px){.full-form-grid,.radio-card-row,.form-center-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.bottom-form-actions{position:static;flex-wrap:wrap}.summary-actions{grid-template-columns:1fr}.summary-actions .btn:first-child{grid-column:auto}}


/* ============================================================
   SAWGOLD FINAL POLISH PHASE
   Sidebar submenus, premium forms, tables, dashboard alerts,
   batch timeline, reports, empty/loading states and responsive UI
   ============================================================ */
:root{
  --sg-navy:#041a35;
  --sg-navy-2:#082852;
  --sg-navy-3:#0e3768;
  --sg-gold:#d6a11d;
  --sg-gold-2:#b88405;
  --sg-gold-soft:#fff5df;
  --sg-bg:#f5f7fb;
  --sg-panel:#ffffff;
  --sg-line:#e7ebf1;
  --sg-text:#12233d;
  --sg-muted:#6f7b8c;
  --sg-radius:20px;
  --sg-shadow:0 14px 36px rgba(9,30,63,.075);
}
body{background:var(--sg-bg)!important;color:var(--sg-text)}
.page{background:var(--sg-bg)}
.sidebar{
  width:304px!important;min-width:304px!important;padding:0!important;
  background:radial-gradient(circle at 16% 0, rgba(214,161,29,.36), transparent 18%),
             radial-gradient(circle at 95% 82%, rgba(214,161,29,.20), transparent 20%),
             linear-gradient(180deg,#082a54 0%,#041a35 46%,#021226 100%)!important;
  border-right:1px solid rgba(255,255,255,.07);
  box-shadow:12px 0 32px rgba(0,0,0,.12);
  overflow:hidden!important;
}
.sidebar:before{
  content:"";position:absolute;right:-160px;bottom:-120px;width:410px;height:410px;border:1px solid rgba(214,161,29,.32);border-radius:50%;
  box-shadow:0 0 0 14px rgba(214,161,29,.035),0 0 0 28px rgba(214,161,29,.032),0 0 0 42px rgba(214,161,29,.026),0 0 0 56px rgba(214,161,29,.02);
  pointer-events:none;
}
.sidebar-brand{
  height:112px;padding:22px 18px 14px!important;display:flex;align-items:flex-start;gap:10px;position:relative;z-index:3
}
.sidebar-brand:after{content:"";position:absolute;left:20px;right:20px;bottom:8px;height:1px;background:linear-gradient(90deg,transparent,rgba(214,161,29,.55),transparent)}
.brand-link{display:flex;align-items:center;min-width:0;flex:1}
.side-logo{width:206px!important;max-height:72px!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22))}
.collapse-btn{width:38px!important;height:38px!important;border-radius:50%!important;border:1.5px solid rgba(214,161,29,.78)!important;background:#051a35!important;color:#fff!important;box-shadow:0 10px 20px rgba(0,0,0,.18)!important}
.nav{height:calc(100vh - 216px);overflow:auto!important;padding:9px 14px 18px!important;gap:4px!important}
.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:99px}
.nav-group{position:relative;z-index:2;margin:2px 0}
.nav-parent{
  width:100%;border:0;display:flex;align-items:center;gap:13px;
  background:transparent;color:rgba(255,255,255,.90);font-family:inherit;font-size:14.5px;font-weight:700;
  padding:12px 12px;border-radius:14px;cursor:pointer;text-align:left;transition:.18s;
}
.nav-parent:hover{background:rgba(255,255,255,.07)}
.nav-parent .ico,.nav-item .ico{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;color:var(--sg-gold);font-size:17px;flex:0 0 30px}
.nav-parent .ico svg,.nav-item .ico svg{width:21px;height:21px}
.nav-parent .nav-arrow{margin-left:auto;transition:.18s;color:rgba(255,255,255,.72)}
.nav-group.open>.nav-parent,.nav-group.active>.nav-parent{
  background:linear-gradient(180deg,#d6a11d 0%,#b88405 100%);color:#fff;
  box-shadow:0 10px 22px rgba(184,132,5,.22),inset 0 1px 0 rgba(255,255,255,.22);
}
.nav-group.open>.nav-parent .ico,.nav-group.active>.nav-parent .ico{color:#fff}
.nav-group.open>.nav-parent .nav-arrow{transform:rotate(180deg);color:#fff}
.subnav{
  margin:6px 0 10px 48px!important;display:none!important;gap:3px!important;position:relative
}
.nav-group.open .subnav,.nav-group.active .subnav{display:flex!important;flex-direction:column}
.subnav:before{content:"";position:absolute;left:-18px;top:6px;bottom:6px;width:1px;background:rgba(214,161,29,.34)}
.subnav a{
  position:relative;font-size:12.8px!important;font-weight:600;color:rgba(255,255,255,.73)!important;
  padding:7px 10px!important;border-radius:9px!important
}
.subnav a:before{content:"";position:absolute;left:-20px;top:50%;width:9px;height:1px;background:rgba(214,161,29,.34)}
.subnav a:hover,.subnav a.active{background:rgba(214,161,29,.18)!important;color:#fff!important}
.sidebar-card{position:absolute!important;left:16px!important;right:16px!important;bottom:16px!important;margin:0!important;z-index:4!important;border:1.5px solid rgba(214,161,29,.68)!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(8,43,85,.88),rgba(3,22,45,.96))!important;box-shadow:0 16px 32px rgba(0,0,0,.22)!important}
.main{margin-left:304px!important;width:calc(100% - 304px)!important}
.topbar{
  height:82px!important;padding:16px 28px!important;background:#fff!important;border-bottom:1px solid rgba(18,35,61,.08)!important;
  box-shadow:0 4px 18px rgba(9,30,63,.05)!important;position:sticky!important;top:0!important;z-index:12!important;
}
.mobile-menu-btn{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--sg-line);background:#fff;color:var(--sg-navy);align-items:center;justify-content:center}
.breadcrumb{min-width:210px!important;color:#7c8694!important;gap:8px!important}
.breadcrumb b{color:#182946!important;font-weight:800!important}
.top-search{height:54px!important;border-radius:16px!important;border:1px solid #e5e9f0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;max-width:470px!important}
.select-like{height:54px!important;border-radius:16px!important;border:1px solid #e5e9f0!important;color:#33445d!important;background:#fff!important}
.quick-btn{height:54px!important;border-radius:16px!important;background:linear-gradient(180deg,#d7a528,#b98205)!important;box-shadow:0 14px 24px rgba(185,130,5,.18)!important;font-weight:800!important}
.notify{width:46px!important;height:46px!important;border-radius:50%!important;background:#fff!important;border:1px solid #e5e9f0!important}
.profile .avatar{background:linear-gradient(180deg,#fff,#f2f5f9)!important;border:1px solid #e2e7ee!important}

/* dashboard final polish */
.dashboard-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 22px;padding:14px;border:1px solid var(--sg-line);border-radius:20px;background:#fff;box-shadow:var(--sg-shadow)}
.date-pills{display:flex;gap:8px;flex-wrap:wrap}.date-pill{padding:10px 14px;border-radius:999px;border:1px solid var(--sg-line);background:#fff;color:#526174;font-weight:700;font-size:13px}.date-pill.active{background:var(--sg-navy);color:#fff;border-color:var(--sg-navy)}
.alert-strip{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;margin:0 0 22px}
.alert-card{display:flex;gap:12px;align-items:flex-start;padding:15px;border-radius:18px;background:#fff;border:1px solid var(--sg-line);box-shadow:var(--sg-shadow)}
.alert-card .alert-ico{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--sg-gold-soft);color:var(--sg-gold-2);font-weight:900}
.alert-card b{display:block;margin-bottom:3px}.alert-card small{display:block;color:var(--sg-muted);line-height:1.35}

/* enterprise tables */
.table-card,.card,.chart-card,.form-card,.summary-panel,.profile-card,.report-card{border:1px solid #e9edf4!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(9,30,63,.06)!important;background:#fff!important}
.data-table{border-collapse:separate!important;border-spacing:0!important;width:100%}
.data-table thead th{background:#f8fafc!important;color:#263650!important;font-weight:800!important;border-bottom:1px solid #e5e9f0!important;text-transform:none!important}
.data-table tbody tr{transition:.16s}.data-table tbody tr:hover{background:#fffaf0!important}
.actions-cell,.actions{white-space:nowrap}
.action-icons{display:flex;align-items:center;justify-content:center;gap:8px}
.action-icon{width:34px;height:34px;border-radius:10px;border:1px solid #e3e8ef;background:#fff;color:#47566d;display:inline-flex;align-items:center;justify-content:center;transition:.16s}
.action-icon svg{width:16px;height:16px}.action-icon:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(9,30,63,.08)}
.action-icon.view{color:#0e386a;background:#eef6ff}.action-icon.edit{color:#9a6500;background:#fff5df}.action-icon.print{color:#0f766e;background:#ecfdf5}.action-icon.more{color:#596579}.action-icon.approve{color:#15803d;background:#edfff3}.action-icon.pay{color:#8a5c00;background:#fff5df}
.status-badge,.badge{border-radius:999px!important;padding:6px 10px!important;font-weight:800!important;font-size:12px!important;border:1px solid transparent}

/* forms */
.form-stepper{display:flex;align-items:center;gap:10px;margin:18px 0 22px;padding:15px;border:1px solid var(--sg-line);border-radius:22px;background:#fff;box-shadow:var(--sg-shadow);overflow:auto}
.form-step{display:flex;align-items:center;gap:10px;white-space:nowrap;color:#6c7888;font-weight:800;font-size:13px}
.form-step .num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--sg-line);background:#fff;color:#778396}
.form-step.active{color:var(--sg-navy)}.form-step.active .num{background:linear-gradient(180deg,#d7a528,#b98205);border-color:#d7a528;color:#fff}
.form-step:after{content:"";width:42px;height:2px;background:#e6eaf0;border-radius:99px}.form-step:last-child:after{display:none}
.field label{font-weight:800!important;color:#33445b!important}.field label span{color:#c08800}
.field input,.field select,.field textarea{border-radius:14px!important;border:1px solid #dfe5ee!important;min-height:46px!important;background:#fff!important}
.field input:focus,.field select:focus,.field textarea:focus{outline:none!important;border-color:var(--sg-gold)!important;box-shadow:0 0 0 4px rgba(214,161,29,.10)!important}
.form-card .section-title{position:relative}.form-card .section-title h3{color:var(--sg-navy)!important}
.form-card .step{background:linear-gradient(180deg,#d7a528,#b98205)!important;color:#fff!important}
.summary-panel{position:sticky;top:102px}
.summary-total{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px dashed #e4e9f1}
.summary-total strong{color:var(--sg-navy)}.summary-total .money{font-weight:900;color:#b17a00}
.form-actions,.bottom-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}
.btn{border-radius:14px!important;font-weight:800!important}.btn.gold{background:linear-gradient(180deg,#d7a528,#b98205)!important;border-color:#b98205!important;color:#fff!important}

/* batch timeline / approvals */
.batch-timeline{display:flex;align-items:center;gap:10px;margin:18px 0;padding:18px;border:1px solid var(--sg-line);border-radius:22px;background:#fff;box-shadow:var(--sg-shadow);overflow:auto}
.timeline-step{display:flex;align-items:center;gap:10px;min-width:max-content;color:#6f7b8c;font-weight:800}
.timeline-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef2f7;color:#657284;border:1px solid #dfe5ee}
.timeline-step.done .timeline-dot{background:#eafaf0;color:#15803d;border-color:#c9f3d7}.timeline-step.active .timeline-dot{background:linear-gradient(180deg,#d7a528,#b98205);color:#fff;border-color:#d7a528}
.timeline-step:after{content:"";width:55px;height:2px;background:#e1e7ef}.timeline-step:last-child:after{display:none}

/* states */
.state-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}
.empty-state,.loading-state,.success-state,.error-state{padding:28px;border-radius:22px;border:1px dashed #dfe5ee;text-align:center;background:#fff}
.state-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:var(--sg-gold-soft);color:var(--sg-gold-2);font-size:26px}
.spinner{width:38px;height:38px;border:4px solid #e8edf4;border-top-color:var(--sg-gold);border-radius:50%;margin:0 auto 16px;animation:sgspin 1s linear infinite}@keyframes sgspin{to{transform:rotate(360deg)}}

/* reports */
.report-sheet{background:#fff;border-radius:0!important;box-shadow:0 18px 44px rgba(9,30,63,.10)!important}
.report-header{background:linear-gradient(135deg,#061d39,#0b2d55)!important;color:#fff!important;border-radius:18px 18px 0 0!important}
.report-header:after,.gold-divider{background:linear-gradient(90deg,transparent,var(--sg-gold),transparent)!important}
.report-kpis,.report-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.report-kpi{border:1px solid #e5e9f0;border-radius:16px;padding:12px;background:#fff}
.report-kpi small{color:var(--sg-muted);font-weight:800}.report-kpi b{display:block;margin-top:4px;color:var(--sg-navy);font-size:18px}
.signature-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.signature-box{min-height:96px;border:1px solid rgba(214,161,29,.55);border-radius:16px;padding:12px;background:#fff}
.signature-line{border-top:1px solid #cbd5e1;margin-top:34px;padding-top:8px;color:#687386}

/* responsive */
@media(max-width:1200px){.alert-strip{grid-template-columns:repeat(2,1fr)}.workspace-grid.two-col{grid-template-columns:1fr!important}.summary-panel{position:relative;top:auto}.report-kpis,.report-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.sidebar{transform:translateX(-100%);transition:.25s}.main{margin-left:0!important;width:100%!important}.mobile-menu-btn{display:flex}.sidebar-open .sidebar{transform:translateX(0)}.topbar{height:auto!important;flex-wrap:wrap!important}.breadcrumb{min-width:0!important}.top-search{order:10;flex:1 1 100%;max-width:none!important}.branch-select{display:none!important}}
@media(max-width:700px){.alert-strip,.state-grid{grid-template-columns:1fr}.date-pills{width:100%}.profile{display:none!important}.report-kpis,.report-summary,.signature-boxes{grid-template-columns:1fr}.form-stepper{align-items:flex-start}.form-step:after{width:28px}.content{padding:18px!important}}
@media print{
  .sidebar,.topbar,.print-tools,.page-head-actions,.dashboard-controls{display:none!important}
  .main{margin:0!important;width:100%!important}
  body{background:#fff!important}
  .report-sheet{box-shadow:none!important;border:0!important}
  .report-page{padding:0!important}
  .card,.table-card,.report-card{box-shadow:none!important}
}

.icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid #e3e8ef;background:#fff;color:#47566d;display:inline-flex;align-items:center;justify-content:center;transition:.16s;margin:0 3px}
.icon-btn svg{width:16px;height:16px}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(9,30,63,.08)}
.icon-btn.act-view{color:#0e386a;background:#eef6ff}.icon-btn.act-edit{color:#9a6500;background:#fff5df}.icon-btn.act-print{color:#0f766e;background:#ecfdf5}.icon-btn.act-more{color:#596579}.icon-btn.act-delete{color:#b42318;background:#fff1f0}.icon-btn.act-pay{color:#8a5c00;background:#fff8e5}.icon-btn.act-approve{color:#15803d;background:#edfff3}
.inline-alert{padding:12px 16px;margin:0 0 16px;border-radius:14px;font-weight:800;border:1px solid #dce6f2;background:#fff}.inline-alert.success{background:#edfdf2;color:#15803d;border-color:#c9f3d7}


/* =====================================================================
   SAWGOLD FINAL RESPONSIVE SYSTEM PATCH
   Mobile / Tablet / Desktop adaptive layout for all pages, forms, tables,
   dashboards, reports, sidebar, topbar, login and print templates.
   ===================================================================== */
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;max-width:100%;overflow-x:hidden;background:#f6f7f9;color:#12213a}
img,svg,canvas,video{max-width:100%;height:auto}
a,button,input,select,textarea{touch-action:manipulation}
.page,.main,.content{min-width:0}.main{overflow-x:hidden}.content{width:100%;max-width:100%}

/* Universal responsive grids */
.grid,.cards-grid,.settings-grid,.reports-grid,.module-grid,.profile-grid,.dashboard-grid,.kpi-grid,.chart-grid,.state-grid,.report-kpis,.report-summary,.signature-boxes{
  display:grid;
  gap:18px;
}
.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.cards-grid,.settings-grid,.reports-grid,.module-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important}
.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important}
.report-kpis,.report-summary{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important}
.signature-boxes{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}

/* Layout/forms */
.form-layout,.workspace-grid,.profile-layout,.two-column-layout,.detail-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;
  gap:20px!important;
  align-items:start!important;
}
.form-grid{display:grid!important;gap:16px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.form-grid.three,.form-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.form-grid.four,.form-grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.field,.form-field{min-width:0}.field input,.field select,.field textarea,.control,.form-input{
  width:100%!important;max-width:100%!important;min-width:0!important;
}
textarea{min-height:110px;resize:vertical}.summary-panel{max-width:100%;overflow:hidden}.sticky,.summary-panel{position:sticky;top:102px}

/* Tables are responsive with safe horizontal scroll */
.table-responsive,.responsive-table,.data-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.table-responsive::-webkit-scrollbar,.nav::-webkit-scrollbar{height:8px;width:7px}
.table-responsive::-webkit-scrollbar-thumb,.nav::-webkit-scrollbar-thumb{background:rgba(6,31,66,.22);border-radius:999px}
.data-table,.professional-table,table{min-width:860px}
.data-table th,.data-table td{white-space:nowrap!important}
.table-card{max-width:100%;overflow:hidden}.table-footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.actions-cell,.actions-th{position:sticky;right:0;background:inherit;z-index:1;box-shadow:-10px 0 18px rgba(255,255,255,.78)}
.action-icons,.actions-cell{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}
.icon-btn,.action-icon{flex:0 0 auto!important}

/* Header and sidebar desktop foundation */
.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#0c294f;box-shadow:0 6px 14px rgba(9,30,63,.06);cursor:pointer}
.mobile-menu-btn svg{width:22px;height:22px}.sidebar-overlay{display:none}
body.sidebar-open{overflow:hidden}
.topbar{max-width:100%;min-width:0}.breadcrumb{min-width:0!important}.top-search{min-width:0}.top-search input{min-width:0}.profile{flex-shrink:0}

/* Dashboard controls */
.dashboard-controls,.filters,.compact-filter,.report-filters,.page-toolbar,.toolbar,.filter-bar{display:flex;flex-wrap:wrap!important;gap:12px!important;align-items:center!important}
.dashboard-controls>*{min-width:0}.date-pills{display:flex;flex-wrap:wrap;gap:8px}.inline-page-action,.page-head-actions,.form-actions,.bottom-form-actions,.module-actions,.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}

/* Profile/report/cards */
.profile-hero{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.profile-hero>*{min-width:0}.tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:4px}.tab{white-space:nowrap;flex:0 0 auto}.module-card{min-width:0}.module-card p,.card p{overflow-wrap:anywhere}.kpi{min-width:0}.kpi .value{overflow-wrap:anywhere;font-size:clamp(18px,2vw,26px)!important}.page-title{font-size:clamp(24px,3vw,34px)!important}.page-subtitle{font-size:clamp(13px,1.5vw,16px)!important;line-height:1.5}

/* Login responsiveness */
.login-v2,.login-page,.login-wrapper{min-height:100vh;max-width:100%;overflow:hidden}.login-card-v2,.login-card{max-width:100%}

/* Report pages */
.report-page,.report-sheet,.report-container{width:100%;max-width:100%;overflow-x:hidden}.report-sheet{max-width:1120px;margin-inline:auto}.report-table{width:100%;min-width:760px}.report-header{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.report-meta{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px}

/* Large laptops */
@media (max-width:1440px){
  .grid-6{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .grid-5{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content{padding:22px 22px 34px!important}
  .sidebar{width:292px!important;min-width:292px!important}.main{margin-left:292px!important}
}

/* Tablet landscape */
@media (max-width:1180px){
  .mobile-menu-btn{display:inline-flex!important;order:0!important;flex:0 0 auto!important}
  .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(320px,86vw)!important;min-width:0!important;transform:translateX(-105%)!important;transition:transform .25s ease!important;z-index:2000!important}
  body.sidebar-open .sidebar{transform:translateX(0)!important}
  .sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(3,14,31,.52);backdrop-filter:blur(2px);z-index:1900;opacity:0;pointer-events:none;transition:.2s}
  body.sidebar-open .sidebar-overlay{opacity:1;pointer-events:auto}
  .main{margin-left:0!important;width:100%!important;max-width:100%!important}
  .topbar{position:sticky!important;top:0!important;height:auto!important;min-height:72px!important;padding:12px 16px!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;z-index:1000!important}
  .breadcrumb{order:1!important;flex:1 1 auto!important;font-size:14px!important}
  .notify{order:2!important}.profile{order:3!important;min-width:auto!important}.quick-btn{order:4!important;height:44px!important}.top-search{order:10!important;flex:1 1 100%!important;max-width:none!important;height:46px!important}.branch-select{order:11!important;display:block!important;flex:1 1 220px!important}.select-like{width:100%!important;min-width:0!important;height:46px!important}
  .form-layout,.workspace-grid,.profile-layout,.two-column-layout,.detail-layout{grid-template-columns:1fr!important}
  .sticky,.summary-panel{position:relative!important;top:auto!important}
  .grid-6,.grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-grid.three,.form-grid.four,.form-grid.grid-3,.form-grid.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .alert-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet portrait and large phones */
@media (max-width:820px){
  .content{padding:18px 14px 28px!important}
  .topbar{padding:10px 12px!important}.profile small,.profile-caret{display:none!important}.profile b{font-size:13px!important}.avatar{width:38px!important;height:38px!important}.notify{width:40px!important;height:40px!important}.quick-btn{padding:0 14px!important;font-size:13px!important}
  .breadcrumb span:not(.crumb-home):not(:last-child){display:none!important}
  .grid-6,.grid-5,.grid-4,.grid-3,.grid-2,.chart-grid,.cards-grid,.settings-grid,.reports-grid,.module-grid,.state-grid{grid-template-columns:1fr!important}
  .form-grid,.form-grid.three,.form-grid.four,.form-grid.grid-3,.form-grid.grid-4{grid-template-columns:1fr!important}
  .dashboard-controls,.filters,.compact-filter,.report-filters,.page-toolbar,.toolbar,.filter-bar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}
  .dashboard-controls .btn,.filters .btn,.compact-filter .btn,.report-filters .btn,.page-toolbar .btn,.toolbar .btn,.filter-bar .btn{width:100%!important;justify-content:center!important}
  .inline-page-action,.page-head-actions,.form-actions,.bottom-form-actions,.module-actions,.actions{justify-content:stretch!important}.inline-page-action .btn,.page-head-actions .btn,.form-actions .btn,.bottom-form-actions .btn,.module-actions .btn,.actions .btn{flex:1 1 140px;justify-content:center!important;text-align:center}
  .table-header{gap:12px!important;align-items:flex-start!important;flex-direction:column!important}.table-header .actions{width:100%}.table-header .actions .btn{flex:1 1 120px}
  .form-stepper,.batch-timeline{overflow-x:auto;padding:12px!important;gap:8px!important}.form-step,.timeline-step{font-size:12px}.form-step:after,.timeline-step:after{width:24px!important}
  .profile-hero{padding:20px!important}.profile-avatar{width:76px!important;height:76px!important}.profile-info h2,.profile-title{font-size:22px!important}.tabs{padding-bottom:6px}
  .report-meta{grid-template-columns:1fr}.report-header{align-items:flex-start}.report-kpis,.report-summary,.signature-boxes{grid-template-columns:1fr!important}
}

/* Phones */
@media (max-width:560px){
  body{font-size:14px}.content{padding:14px 10px 24px!important}.topbar{gap:8px!important}.mobile-menu-btn{width:40px;height:40px;border-radius:12px}.quick-btn{min-width:0!important;width:auto!important;max-width:48%;overflow:hidden;white-space:nowrap}.profile{display:none!important}.notify{margin-left:auto!important}.branch-select{display:none!important}
  .page-title{font-size:23px!important}.page-subtitle{font-size:13px!important;margin-bottom:16px!important}.card,.table-card,.chart-card,.form-section,.summary-panel,.module-card,.profile-hero{border-radius:16px!important}.kpi{padding:14px!important;min-height:auto!important}.kpi-icon{width:42px!important;height:42px!important;flex:0 0 42px!important}.kpi .label{font-size:12px!important}.kpi .value{font-size:20px!important}.trend{font-size:12px!important}
  .btn{min-height:42px!important;padding:0 12px!important;font-size:13px!important}.icon-btn,.action-icon{width:32px!important;height:32px!important}.data-table,table{min-width:760px}.data-table th,.data-table td{padding:9px 10px!important;font-size:12px!important}
  .sidebar{width:min(300px,88vw)!important}.logo-wrap{min-height:82px!important;padding:14px 14px 6px!important}.logo-wrap img{width:155px!important}.nav{max-height:calc(100vh - 178px)!important;padding:4px 12px 12px!important}.nav-item,.nav-parent{min-height:40px!important;padding:9px 10px!important;font-size:14px!important}.nav-child a{font-size:13px!important;padding:8px 10px 8px 42px!important}.sidebar-card{left:12px!important;right:12px!important;bottom:10px!important}
  .login-v2{grid-template-columns:1fr!important}.login-brand-v2{min-height:42vh!important}.login-panel-v2{padding:24px 14px!important}.login-card-v2{width:100%!important;padding:26px 20px!important;border-radius:20px!important}.login-input-v2{height:54px!important}.login-button-v2{height:58px!important;font-size:20px!important}
}

/* Very small phones */
@media (max-width:390px){
  .content{padding:12px 8px 22px!important}.quick-btn{display:none!important}.page-title{font-size:21px!important}.top-search{height:42px!important}.data-table,table{min-width:700px}.btn{font-size:12px!important}.date-pill{padding:8px 10px!important;font-size:12px!important}
}

/* Print safety for reports and forms */
@media print{
  html,body{width:210mm!important;background:#fff!important;overflow:visible!important}
  .sidebar,.sidebar-overlay,.topbar,.mobile-menu-btn,.page-head-actions,.inline-page-action,.dashboard-controls,.filters,.compact-filter,.report-filters,.btn,.actions,.table-footer{display:none!important}
  .main,.content{margin:0!important;padding:0!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .card,.table-card,.chart-card,.form-section,.summary-panel,.report-sheet{box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}
  .table-responsive{overflow:visible!important}.data-table,table{min-width:0!important;width:100%!important;font-size:10px!important}.data-table th,.data-table td{white-space:normal!important;padding:6px!important}
}


/* =========================================================
   SAWGOLD ADVANCED PROFESSIONAL SIDEBAR SYSTEM - FINAL
   Organized module groups, animated accordion, true collapse, mobile drawer
   ========================================================= */
:root{
  --sidebar-w: 322px;
  --sidebar-mini-w: 92px;
  --topbar-h: 78px;
}
body{overflow-x:hidden;}
.page{min-height:100vh;background:#f6f8fb;}
.sidebar{
  width:var(--sidebar-w) !important;
  min-width:var(--sidebar-w) !important;
  padding:0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,199,84,.22), transparent 22%),
    radial-gradient(circle at 95% 82%, rgba(215,154,16,.18), transparent 24%),
    linear-gradient(180deg,#08284f 0%,#031b37 48%,#02142b 100%) !important;
  position:fixed !important;left:0;top:0;bottom:0;
  overflow:hidden !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
  box-shadow:14px 0 36px rgba(5,20,42,.16) !important;
  transition:width .32s cubic-bezier(.4,0,.2,1), min-width .32s cubic-bezier(.4,0,.2,1), transform .32s cubic-bezier(.4,0,.2,1) !important;
  z-index:1000 !important;
}
.sidebar::before{content:"" !important;position:absolute !important;right:-160px !important;bottom:-56px !important;width:420px !important;height:420px !important;border:1px solid rgba(215,154,16,.28) !important;border-radius:50% !important;box-shadow:0 0 0 14px rgba(215,154,16,.035),0 0 0 28px rgba(215,154,16,.03),0 0 0 42px rgba(215,154,16,.025),0 0 0 56px rgba(215,154,16,.02),0 0 0 70px rgba(215,154,16,.018) !important;pointer-events:none;opacity:.9;}
.sidebar::after{content:"" !important;position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 18%,rgba(0,0,0,.07) 100%);pointer-events:none;}
.sidebar-brand{position:relative;z-index:2;height:108px;padding:18px 16px 14px 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);}
.brand-link{display:flex;align-items:center;min-width:0;flex:1;}
.side-logo{width:204px !important;max-width:100%;height:auto;display:block;filter:drop-shadow(0 9px 16px rgba(0,0,0,.18));transition:width .28s ease, opacity .22s ease;}
.collapse-btn{width:42px !important;height:42px !important;min-width:42px;border-radius:50% !important;border:1.8px solid rgba(215,154,16,.82) !important;background:linear-gradient(180deg,#082a54,#03172f) !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 10px 20px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.08) !important;cursor:pointer;transition:.2s ease !important;font-size:17px;font-weight:900;}
.collapse-btn:hover{transform:scale(1.05);box-shadow:0 12px 22px rgba(0,0,0,.24),0 0 0 4px rgba(215,154,16,.1) !important;}
.collapse-icon{transition:transform .25s ease;display:block;}
.sidebar-search{position:relative;z-index:2;margin:14px 16px 12px;height:44px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:14px;padding:0 13px;transition:.2s ease;}
.sidebar-search:focus-within{border-color:rgba(215,154,16,.65);background:rgba(255,255,255,.09);box-shadow:0 0 0 3px rgba(215,154,16,.08);}
.sidebar-search svg{width:18px;height:18px;stroke:#d8a11d;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px;}
.sidebar-search input{width:100%;height:100%;border:0;background:transparent;outline:0;color:#fff;font:600 13px/1 Inter,Manrope,Arial,sans-serif;}
.sidebar-search input::placeholder{color:rgba(255,255,255,.52);}
.nav{position:relative !important;z-index:2 !important;display:block !important;padding:4px 12px 168px !important;height:calc(100vh - 164px) !important;overflow-y:auto !important;overflow-x:hidden !important;scrollbar-width:thin;scrollbar-color:rgba(215,154,16,.45) transparent;}
.nav::-webkit-scrollbar{width:6px}.nav::-webkit-scrollbar-thumb{background:rgba(215,154,16,.42);border-radius:999px}.nav::-webkit-scrollbar-track{background:transparent}
.nav-group{margin:6px 0;}
.nav-parent{width:100%;min-height:58px;border:0;background:transparent;color:rgba(255,255,255,.9);border-radius:16px;display:grid;grid-template-columns:42px minmax(0,1fr) 28px;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;transition:background .18s ease, box-shadow .18s ease, transform .18s ease;color:#fff;text-align:left;font-family:inherit;}
.nav-parent:hover{background:rgba(255,255,255,.07);transform:translateX(2px);}
.nav-parent .ico{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#d8a11d;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);transition:.2s ease;}
.nav-parent .ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.nav-label{min-width:0;display:flex;flex-direction:column;gap:3px;}
.nav-label strong{font-size:14.5px;font-weight:760;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em;}
.nav-label small{font-size:10.5px;font-weight:600;color:rgba(255,255,255,.48);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav-arrow{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.58);transition:transform .25s ease, background .18s ease;}
.nav-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.nav-group.open .nav-arrow{transform:rotate(180deg);background:rgba(255,255,255,.07);color:#fff;}
.nav-group.active>.nav-parent{background:linear-gradient(135deg,#dda925 0%,#b77a00 100%) !important;color:#fff;box-shadow:0 12px 24px rgba(183,122,0,.24), inset 0 1px 0 rgba(255,255,255,.18);}
.nav-group.active>.nav-parent .ico{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.18);color:#fff;}
.nav-group.active>.nav-parent .nav-label small{color:rgba(255,255,255,.78);}
.subnav{display:flex !important;flex-direction:column;gap:4px;margin:0 0 0 58px !important;max-height:0;overflow:hidden;opacity:0;transform:translateY(-5px);transition:max-height .35s cubic-bezier(.4,0,.2,1), opacity .24s ease, transform .24s ease, margin .24s ease;}
.nav-group.open .subnav{max-height:720px;opacity:1;transform:translateY(0);margin-top:7px !important;margin-bottom:9px !important;}
.subnav a{position:relative;display:flex;align-items:center;min-height:34px;border-radius:11px;padding:8px 12px 8px 18px !important;color:rgba(255,255,255,.70) !important;font-size:12.8px !important;font-weight:650 !important;transition:.18s ease;background:transparent;}
.subnav a::before{content:"";position:absolute;left:5px;width:5px;height:5px;border-radius:50%;background:rgba(215,154,16,.55);transition:.18s ease;}
.subnav a:hover{background:rgba(255,255,255,.07);color:#fff !important;transform:translateX(2px);}
.subnav a.active{background:rgba(215,154,16,.18) !important;color:#fff !important;box-shadow:inset 3px 0 0 #d79a10;}
.subnav a.active::before{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08);}
.sidebar-card{position:absolute !important;z-index:3 !important;left:14px !important;right:14px !important;bottom:14px !important;margin:0 !important;border:1px solid rgba(215,154,16,.55) !important;border-radius:20px !important;padding:11px !important;background:linear-gradient(180deg,rgba(6,33,65,.96),rgba(3,19,39,.96)) !important;box-shadow:0 16px 28px rgba(0,0,0,.2);transition:.25s ease;}
.branch-mini,.user-mini{display:flex;align-items:center;gap:10px;padding:9px;border-radius:14px;color:#fff;}
.branch-mini{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055);}
.branch-icon{width:32px;height:32px;border-radius:10px;background:rgba(215,154,16,.16);display:flex;align-items:center;justify-content:center;}
.branch-mini b,.user-mini b{display:block;font-size:12.8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:178px;}
.branch-mini small,.user-mini small{display:block;color:rgba(255,255,255,.58);font-size:10.8px;font-weight:600;margin-top:2px;}
.branch-chev{margin-left:auto;color:rgba(255,255,255,.62);}
.user-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.14);margin-left:10px;}
.main{margin-left:var(--sidebar-w) !important;width:calc(100% - var(--sidebar-w)) !important;transition:margin-left .32s cubic-bezier(.4,0,.2,1), width .32s cubic-bezier(.4,0,.2,1) !important;}
.topbar{min-height:var(--topbar-h) !important;height:auto !important;background:#fff !important;border-bottom:1px solid #e8edf4 !important;display:flex !important;align-items:center !important;gap:16px !important;padding:14px 26px !important;position:sticky !important;top:0 !important;z-index:800 !important;box-shadow:0 6px 20px rgba(6,29,57,.04) !important;}
.mobile-menu-btn{width:44px;height:44px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;color:#061d39;display:none;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(6,29,57,.05);}
.mobile-menu-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;}
.breadcrumb{min-width:220px !important;display:flex !important;align-items:center !important;gap:8px !important;font-size:14px !important;color:#7b8798 !important;font-weight:650 !important;}
.breadcrumb b{color:#132640 !important;}
.top-search{flex:1 1 360px !important;max-width:460px !important;}
.branch-select{min-width:220px !important;}
.quick-btn{height:46px !important;border-radius:14px !important;padding:0 18px !important;white-space:nowrap;}
.notify{width:44px!important;height:44px!important;min-width:44px;border:none!important;}
.profile{min-width:178px !important;margin-left:auto;}
.profile-arrow{color:#8993a3;}
body.sidebar-collapsed .sidebar{width:var(--sidebar-mini-w) !important;min-width:var(--sidebar-mini-w) !important;}
body.sidebar-collapsed .main{margin-left:var(--sidebar-mini-w) !important;width:calc(100% - var(--sidebar-mini-w)) !important;}
body.sidebar-collapsed .side-logo{width:54px !important;max-width:54px;object-fit:contain;}
body.sidebar-collapsed .sidebar-brand{padding:18px 14px;justify-content:center;}
body.sidebar-collapsed .brand-link{justify-content:center;}
body.sidebar-collapsed .collapse-btn{position:absolute;right:-14px;top:30px;width:32px!important;height:32px!important;min-width:32px;z-index:4;}
body.sidebar-collapsed .collapse-icon{transform:rotate(180deg);}
body.sidebar-collapsed .sidebar-search{justify-content:center;padding:0;width:46px;margin-left:23px;margin-right:23px;}
body.sidebar-collapsed .sidebar-search input{display:none;}
body.sidebar-collapsed .nav{padding:4px 14px 120px!important;height:calc(100vh - 164px)!important;overflow:visible!important;}
body.sidebar-collapsed .nav-parent{grid-template-columns:42px;padding:8px 0;justify-content:center;position:relative;}
body.sidebar-collapsed .nav-label,body.sidebar-collapsed .nav-arrow,body.sidebar-collapsed .subnav{display:none!important;}
body.sidebar-collapsed .nav-parent:hover::after{content:attr(data-title);position:absolute;left:64px;top:50%;transform:translateY(-50%);white-space:nowrap;background:#071f3d;color:#fff;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:750;box-shadow:0 12px 28px rgba(0,0,0,.2);border:1px solid rgba(215,154,16,.25);z-index:50;}
body.sidebar-collapsed .sidebar-card{left:16px!important;right:16px!important;padding:8px!important;border-radius:16px!important;}
body.sidebar-collapsed .branch-mini,body.sidebar-collapsed .user-mini{justify-content:center;padding:8px 0;}
body.sidebar-collapsed .branch-mini div,body.sidebar-collapsed .user-mini div,body.sidebar-collapsed .branch-chev{display:none;}
.sidebar-overlay{position:fixed;inset:0;background:rgba(3,18,35,.45);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.25s ease;z-index:900;}
@media(max-width:1320px){.topbar{flex-wrap:wrap;gap:12px}.top-search{order:10;flex-basis:100%!important;max-width:none!important}.profile{margin-left:0}.breadcrumb{min-width:0!important;flex:1}.branch-select{min-width:190px!important}}
@media(max-width:1180px){
  .mobile-menu-btn{display:flex!important;}
  .sidebar{transform:translateX(-105%) !important;width:310px!important;min-width:310px!important;}
  .main{margin-left:0!important;width:100%!important;}
  body.sidebar-open .sidebar{transform:translateX(0)!important;}
  body.sidebar-open .sidebar-overlay{opacity:1;visibility:visible;}
  body.sidebar-collapsed .sidebar{width:310px!important;min-width:310px!important;}
  body.sidebar-collapsed .main{margin-left:0!important;width:100%!important;}
  body.sidebar-collapsed .side-logo{width:204px!important;max-width:204px!important;}
  body.sidebar-collapsed .sidebar-brand{padding:18px 16px 14px 18px;justify-content:flex-start;}
  body.sidebar-collapsed .nav-label, body.sidebar-collapsed .nav-arrow{display:flex!important;}
  body.sidebar-collapsed .nav-parent{grid-template-columns:42px minmax(0,1fr) 28px;padding:8px 10px;justify-content:initial;}
  body.sidebar-collapsed .sidebar-search{width:auto;margin:14px 16px 12px;padding:0 13px;justify-content:flex-start;}
  body.sidebar-collapsed .sidebar-search input{display:block;}
  body.sidebar-collapsed .sidebar-card{left:14px!important;right:14px!important;padding:11px!important;}
  body.sidebar-collapsed .branch-mini div,body.sidebar-collapsed .user-mini div,body.sidebar-collapsed .branch-chev{display:block;}
  body.sidebar-collapsed .subnav{display:flex!important;}
  body.sidebar-collapsed .nav{overflow-y:auto!important;padding:4px 12px 168px!important;}
  body.sidebar-collapsed .collapse-btn{position:static;width:42px!important;height:42px!important;min-width:42px;}
  .topbar{padding:12px 16px!important;}
  .branch-select{display:none;}
  .quick-btn{padding:0 14px!important;}
}
@media(max-width:760px){
  .topbar{gap:10px!important;}
  .breadcrumb{order:2;flex:1 1 calc(100% - 62px)!important;font-size:13px!important;}
  .profile{order:3;min-width:0!important;margin-left:0!important;}
  .profile div:not(.avatar), .profile-arrow{display:none!important;}
  .notify{order:4;}
  .quick-btn{order:5;width:100%;}
  .top-search{order:6;flex-basis:100%!important;}
  .content{padding:18px 14px 28px!important;}
  .sidebar{width:88vw!important;min-width:88vw!important;max-width:340px;}
}
@media(max-width:480px){
  .sidebar{width:92vw!important;min-width:92vw!important;}
  .side-logo{width:184px!important;}
  .nav-parent{min-height:54px;}
  .nav-label strong{font-size:13.6px;}
  .nav-label small{display:none;}
}


/* ===== Select field option polish ===== */
.field select{
  appearance:none;
  background-image:linear-gradient(45deg, transparent 50%, #b88405 50%),linear-gradient(135deg, #b88405 50%, transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 12px) 50%;
  background-size:6px 6px,6px 6px;
  background-repeat:no-repeat;
  padding-right:42px!important;
}
.field select:invalid,.field select option[value=""]{color:#8a94a3}
.field select option{color:#10213a;background:#fff;font-weight:500}
.sidebar .nav-group[data-nav-group="dashboards"] .subnav a:not([href="dashboard.php"]){display:none!important}


/* ===== Customer Logistics Module Styles ===== */
.customer-logistics-page .content{padding-bottom:42px}.logistics-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.logistics-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:16px;margin:18px 0 22px}.logistics-kpi{background:#fff;border:1px solid #e7edf5;border-radius:18px;box-shadow:0 12px 28px rgba(9,32,66,.055);padding:18px;display:flex;align-items:center;gap:16px;min-height:112px}.lk-icon{width:62px;height:62px;border-radius:50%;background:#fff3dc;color:#d39406;display:flex;align-items:center;justify-content:center;font-size:30px;flex:0 0 62px}.logistics-kpi small{display:block;color:#263b59;font-weight:800;font-size:13px;line-height:1.25}.logistics-kpi strong{display:block;color:#081f40;font-size:24px;margin:6px 0 3px;font-weight:900;letter-spacing:-.02em}.logistics-kpi em,.perf-item em{display:block;font-style:normal;font-size:12px;color:#0f9a48;font-weight:700}.logistics-kpi em.negative,.perf-item em.negative{color:#e53935}.logistics-filter-card{background:#fff;border:1px solid #e5ebf3;border-radius:18px;box-shadow:0 12px 28px rgba(9,32,66,.05);padding:20px;margin-bottom:22px}.logistics-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:16px}.logistics-filter-grid label,.logistics-form-grid label{color:#1c3151;font-weight:800;font-size:13px}.logistics-filter-grid select,.logistics-filter-grid input,.logistics-form-grid input,.logistics-form-grid select,.logistics-form-grid textarea{width:100%;height:44px;border:1px solid #dfe6ef;border-radius:10px;background:#fff;color:#516174;padding:0 12px;font:inherit;font-weight:600;margin-top:7px;box-sizing:border-box}.logistics-form-grid textarea{height:68px;padding:12px;resize:vertical}.logistics-filter-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px}.logistics-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.logistics-table-card,.logistics-performance-card{background:#fff;border:1px solid #e5ebf3;border-radius:18px;box-shadow:0 12px 30px rgba(9,32,66,.055);overflow:hidden}.logistics-table-title{padding:18px 20px;border-bottom:1px solid #edf1f6;display:flex;align-items:center;justify-content:space-between;gap:14px}.logistics-table-title h3{margin:0;color:#0a2348;font-size:20px}.status-strip{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border:1px solid #e6ebf3;border-radius:10px;padding:8px 12px;background:#fff}.status-strip span{font-size:12px;color:#5e6e83;font-weight:700;display:flex;align-items:center;gap:6px}.status-strip b{color:#0a2348}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.draft{background:#9aa5b1}.dot.packed{background:#d99b11}.dot.dispatched{background:#2d8cff}.dot.transit{background:#7857ff}.dot.delivered{background:#18a64a}.dot.returned{background:#ee3838}.logistics-table th{font-size:12px!important}.logistics-table td{font-size:12px!important}.logistics-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px}.logistics-status.draft{background:#f1f3f6;color:#586172}.logistics-status.packed{background:#fff4db;color:#9b6700}.logistics-status.dispatched{background:#e7f2ff;color:#1769cf}.logistics-status.transit{background:#efeaff;color:#6753d7}.logistics-status.delivered{background:#eaffef;color:#14833b}.logistics-status.returned{background:#fff0f0;color:#d12f2f}.act-refresh svg{stroke:#2d8cff}.logistics-performance-card{padding:20px}.logistics-performance-card h3{margin:0 0 16px;color:#0a2348;font-size:19px}.perf-item{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #eef2f6}.perf-item span{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;flex:0 0 58px}.perf-item.green span{background:#e8faee}.perf-item.gold span{background:#fff3dc}.perf-item.blue span{background:#e8f2ff}.perf-item.purple span{background:#f0eaff}.perf-item b{display:block;color:#243754;font-size:13px}.perf-item strong{display:block;color:#071f40;font-size:22px;margin:3px 0}.full-width{width:100%;margin-top:16px}.sg-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:24px}.sg-modal.active{display:flex}.sg-modal-backdrop{position:absolute;inset:0;background:rgba(7,17,32,.72);backdrop-filter:blur(3px)}.sg-modal-dialog{position:relative;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.28);max-height:92vh;overflow:auto}.logistics-modal-dialog{width:min(1040px,96vw);padding:22px 22px 18px}.sg-modal-close{position:absolute;right:22px;top:20px;border:0;background:transparent;font-size:28px;color:#607086;cursor:pointer}.logistics-modal-header{padding-right:48px;margin-bottom:16px}.logistics-modal-header h2{margin:0 0 5px;color:#08234a;font-size:27px}.logistics-modal-header p{margin:0;color:#6b7789}.logistics-modal-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:20px}.logistics-form-stack{display:grid;gap:10px}.logistics-form-section{border:1px solid #e5ebf3;border-radius:14px;background:#fff;padding:12px}.logistics-form-section h4{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#0d294f}.logistics-form-section h4 span{width:23px;height:23px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff1d6;color:#c88a04;font-weight:900}.logistics-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px}.logistics-form-grid .span-2{grid-column:span 2}.logistics-form-grid em{color:#e53935;font-style:normal}.logistics-summary-panel{border:1px solid #f1d697;border-radius:14px;overflow:hidden;background:#fff;align-self:start;position:sticky;top:94px}.logistics-summary-panel h3{margin:0;background:linear-gradient(180deg,#dca31b,#bd8306);color:#fff;padding:15px 17px;font-size:15px}.logistics-summary-panel div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:15px 17px;border-bottom:1px dashed #e2e7ef}.logistics-summary-panel span{color:#647489;font-weight:700;font-size:13px}.logistics-summary-panel b{color:#0a2348;font-size:13px;text-align:right}.logistics-summary-panel hr{border:0;border-top:1px dashed #eccb7e;margin:0 17px 14px}.logistics-summary-panel>span{display:block;padding:0 17px 8px}.logistics-summary-panel>strong{margin:0 17px 17px}.logistics-modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;margin-top:16px}.rows-select{height:34px;border:1px solid #dfe6ef;border-radius:9px;padding:0 8px;background:#fff;color:#42526b}.sidebar .subnav a[href="customer-logistics.php"] span::before{content:"🚚 ";font-size:12px}
@media(max-width:1500px){.logistics-kpi-grid{grid-template-columns:repeat(3,1fr)}.logistics-main-grid{grid-template-columns:1fr}.logistics-performance-card{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.logistics-performance-card h3,.logistics-performance-card .full-width{grid-column:1/-1}}
@media(max-width:980px){.logistics-kpi-grid,.logistics-filter-grid,.logistics-form-grid,.logistics-modal-grid{grid-template-columns:1fr}.logistics-filter-actions,.logistics-modal-actions{display:grid;grid-template-columns:1fr}.logistics-table-title{align-items:flex-start;flex-direction:column}.logistics-performance-card{display:block}.sg-modal{padding:12px}.logistics-modal-dialog{width:100%;max-height:96vh}.logistics-form-grid .span-2{grid-column:auto}}


/* ===== SAWGOLD Final Tracking & Detail UI Enhancements ===== */
.professional-sidebar .advanced-nav{scroll-behavior:smooth}.professional-sidebar .nav-parent{position:relative;overflow:hidden}.professional-sidebar .nav-parent::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent);transform:translateX(-110%);transition:.35s}.professional-sidebar .nav-parent:hover::after{transform:translateX(0)}
.batch-hero{background:linear-gradient(135deg,#061f3e,#082c58);border-radius:22px;min-height:220px;padding:28px;color:#fff;position:relative;overflow:hidden;box-shadow:0 16px 38px rgba(6,31,62,.15);margin-bottom:20px}.batch-hero::after{content:"";position:absolute;right:-60px;bottom:-90px;width:450px;height:260px;border:1px solid rgba(214,161,29,.36);border-radius:50%;box-shadow:0 0 0 14px rgba(214,161,29,.03),0 0 0 28px rgba(214,161,29,.03),0 0 0 42px rgba(214,161,29,.025)}.batch-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr 1fr 260px;gap:24px;align-items:center}.batch-title{font-size:32px;font-weight:900;margin:0 0 8px}.batch-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.batch-meta div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 12px}.batch-meta small{display:block;color:#b8c4d4}.batch-meta b{display:block;color:#fff;margin-top:4px}.gold-seal{width:145px;height:145px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff6d4,#d4a11e 58%,#9b6804);display:grid;place-items:center;font-size:54px;color:#082c58;margin:auto;box-shadow:0 15px 35px rgba(0,0,0,.2)}
.lifecycle{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5eaf2;border-radius:20px;padding:18px;margin:18px 0;overflow:auto;box-shadow:0 10px 28px rgba(13,30,56,.055)}.life-step{min-width:128px;text-align:center;position:relative}.life-dot{width:42px;height:42px;border-radius:50%;background:#eaf0f7;border:3px solid #dce4ef;margin:0 auto 8px;display:grid;place-items:center;color:#8290a3;font-weight:900}.life-step.done .life-dot,.life-step.active .life-dot{background:linear-gradient(180deg,#dfa91d,#bd8104);border-color:#f2d58e;color:#fff}.life-step b{font-size:13px;color:#09234a}.life-step small{display:block;color:#7b8797;margin-top:3px}.life-line{min-width:54px;height:3px;background:#dfe5ed}.life-line.done{background:#d2a325}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px}.detail-card{background:#fff;border:1px solid #e5eaf2;border-radius:20px;box-shadow:0 10px 28px rgba(13,30,56,.055);padding:20px}.detail-card h3{margin:0 0 16px;color:#09234a}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.info-item{background:#fbfcfe;border:1px solid #edf1f6;border-radius:14px;padding:12px}.info-item span{display:block;color:#738197;font-size:12px;font-weight:800}.info-item b{display:block;color:#09234a;margin-top:5px}.document-list{display:grid;gap:10px}.doc-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e7edf5;border-radius:14px;background:#fff}.doc-icon{width:44px;height:44px;border-radius:12px;background:#fff5df;color:#c18608;display:grid;place-items:center;font-size:22px}.doc-row .doc-actions{margin-left:auto;display:flex;gap:8px}.timeline-list{position:relative;display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:34px 1fr;gap:10px}.timeline-dot{width:30px;height:30px;border-radius:50%;background:#fff5df;border:1px solid #f0d6a5;color:#c18608;display:grid;place-items:center;font-weight:900}.timeline-body{border:1px solid #eef2f6;border-radius:14px;padding:12px;background:#fff}.timeline-body b{color:#09234a}.timeline-body small{display:block;color:#738197;margin-top:4px}.approval-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.compare-box{border:1px solid #e5eaf2;border-radius:16px;padding:16px;background:#fff}.compare-box.after{border-color:#f0d6a5;background:#fffaf1}.confirm-demo-grid{display:flex;gap:10px;flex-wrap:wrap}.modal-backdrop-final{position:fixed;inset:0;background:rgba(6,20,40,.55);display:none;align-items:center;justify-content:center;z-index:9999}.modal-backdrop-final.open{display:flex}.confirm-modal{width:min(520px,calc(100vw - 28px));background:#fff;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.28);padding:24px}.confirm-modal h3{margin:0 0 8px;color:#09234a}.confirm-modal p{color:#6d7890;margin:0 0 18px}.notification-list{display:grid;gap:12px}.notification-card{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:16px;box-shadow:0 8px 22px rgba(13,30,56,.045)}.notification-card.unread{border-color:#f1d79b;background:#fffaf1}.nicon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff5df;color:#c18608;font-size:22px}.role-matrix{width:100%;border-collapse:separate;border-spacing:0}.role-matrix th{background:#08274b;color:#fff;padding:12px}.role-matrix td{border-bottom:1px solid #edf1f6;padding:11px;text-align:center}.role-matrix td:first-child{text-align:left;font-weight:800;color:#09234a}.allowed{color:#16a34a;font-weight:900}.restricted{color:#dc2626;font-weight:900}.print-preview-page{background:#f5f6f8;padding:24px}.a4-doc{width:794px;max-width:100%;margin:auto;background:#fff;border:1px solid #e1e6ef;border-radius:14px;box-shadow:0 18px 42px rgba(13,30,56,.12);overflow:hidden}.a4-header{display:grid;grid-template-columns:260px 1fr 270px;gap:20px;align-items:center;background:#061f3e;color:#fff;padding:24px 28px;border-bottom:5px solid #d4a11e}.a4-title{font-size:28px;font-weight:900}.a4-meta div{display:grid;grid-template-columns:1fr 12px 1.2fr;gap:8px;font-size:13px;margin:5px 0}.a4-body{padding:24px 28px}.a4-footer{border-top:2px solid #d4a11e;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:16px 24px;color:#09234a}.a4-watermark{position:relative}.a4-watermark::before{content:"SAW GOLD";position:absolute;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-18deg);font-size:84px;font-weight:900;color:rgba(212,161,30,.055);pointer-events:none;white-space:nowrap}.quick-create-modal,.global-search-panel{position:fixed;z-index:9998;display:none}.quick-create-modal.open,.global-search-panel.open{display:block}.quick-create-modal{inset:0;background:rgba(6,20,40,.5)}.quick-create-box{position:absolute;right:32px;top:82px;width:min(720px,calc(100vw - 32px));background:#fff;border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.25);padding:22px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-tile{display:flex;gap:12px;align-items:center;text-decoration:none;color:#09234a;border:1px solid #e7edf5;border-radius:16px;padding:14px;background:#fff}.quick-tile:hover{border-color:#d4a11e;background:#fffaf1}.global-search-panel{top:76px;left:calc(304px + 280px);width:min(700px,calc(100vw - 360px));background:#fff;border:1px solid #e5eaf2;border-radius:20px;box-shadow:0 20px 55px rgba(13,30,56,.2);padding:16px}.search-group{margin:10px 0}.search-group h4{margin:0 0 8px;color:#c18608}.search-result{display:flex;justify-content:space-between;gap:10px;text-decoration:none;color:#09234a;padding:10px;border-radius:12px}.search-result:hover{background:#fffaf1}.action-required.pro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.action-tile.urgent{border-left:4px solid #d4a11e}.mobile-action-bar{display:none}
@media(max-width:1180px){.detail-grid,.batch-hero-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:repeat(2,1fr)}.action-required.pro{grid-template-columns:repeat(2,1fr)}.global-search-panel{left:18px;right:18px;width:auto}.quick-create-box{left:16px;right:16px;width:auto}.a4-header{grid-template-columns:1fr}.mobile-action-bar{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:50;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:10px;gap:8px;box-shadow:0 18px 45px rgba(13,30,56,.22)}}
@media(max-width:720px){.info-grid,.approval-comparison,.quick-grid,.action-required.pro{grid-template-columns:1fr}.batch-title{font-size:25px}.lifecycle{padding:12px}.life-step{min-width:110px}.a4-doc{border-radius:0}.a4-body{padding:16px}.a4-footer{grid-template-columns:1fr}.notification-card{grid-template-columns:44px 1fr}.notification-card .btn{grid-column:2}.doc-row{flex-wrap:wrap}.doc-row .doc-actions{width:100%;justify-content:flex-end}}
@media print{.sidebar,.topbar,.btn,.mobile-action-bar,.quick-create-modal,.global-search-panel{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important}.a4-doc{box-shadow:none;border:0;width:100%}.print-preview-page{padding:0;background:#fff}.page{display:block!important}}