:root{--nav:#122b40;--nav2:#1b4355;--bg:#f4f7fa;--card:#fff;--text:#243447;--muted:#708395;--line:#e3eaf0;--teal:#087f73;--teal2:#e8f6f3;--red:#b94552;--amber:#b17d29;--shadow:0 6px 24px #1730490a}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--teal)}.app{display:flex;min-height:100vh}.side{background:var(--nav);color:#dbe9f1;width:248px;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{padding:25px 21px;display:flex;gap:11px;align-items:center;border-bottom:1px solid #ffffff16}.brand-mark{background:#fff;color:var(--nav);border-radius:11px;width:40px;height:40px;display:grid;place-items:center;font-weight:900;font-size:22px}.brand strong{letter-spacing:1px;font-size:19px;color:#fff}.brand small{font-size:9px;display:block;color:#b1c9d6;margin-top:6px}.sidenav{display:grid;gap:4px;padding:21px 10px}.sidenav button{border:0;background:transparent;color:#cfdee8;text-align:start;padding:13px 14px;border-radius:9px;font-size:13px;font-weight:700}.sidenav button:hover{background:#ffffff12}.sidenav button.active{background:#1b5962;color:#fff;border-inline-start:3px solid #54c9b4}.sidefoot{margin:auto 14px 20px;color:#cbd6df;font-size:11px;line-height:1.9;border:1px solid #ffffff22;padding:12px;border-radius:10px}.main{min-width:0;flex:1}.top{background:white;border-bottom:1px solid var(--line);padding:16px 26px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:10px}.top h3{margin:2px 0;font-size:18px}.topright{display:flex;align-items:center;gap:12px}.content{margin:auto;max-width:1390px;padding:25px 26px 60px}.hint{font-size:12px;color:#567184;line-height:1.9;background:#eef5fa;border:1px solid #d9e8f0;padding:12px 14px;border-radius:10px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.pagehead h1{font-size:23px;margin:0 0 6px}.pagehead p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:18px;min-width:0}.section{margin-top:20px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.cols2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.metric{font-weight:750;font-size:26px;margin:9px 0 7px;direction:ltr;text-align:start}.muted{font-size:12px;color:var(--muted)}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:12px;font-weight:750;color:#526478}.field input,.field select,.field textarea{display:block;width:100%;height:43px;padding:10px;border-radius:9px;background:white;border:1px solid #d8e3eb;color:var(--text)}.field textarea{height:78px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #a6d8d1;border-color:var(--teal)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.span2{grid-column:1/-1}.buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:17px}.btn{border:1px solid var(--line);background:white;color:var(--text);border-radius:9px;padding:11px 15px;font-size:12px;font-weight:750}.btn.primary{background:var(--teal);border-color:var(--teal);color:white}.btn.dark{background:var(--nav);border-color:var(--nav);color:white}.btn.warn{color:var(--red);border-color:#f1cdd3}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:hover:not(:disabled){filter:brightness(.97)}.smallbtn{padding:7px 9px;font-size:11px}.tablewrap{width:100%;overflow:auto}.data{border-collapse:collapse;width:100%;font-size:12px;min-width:650px}.data th{background:#f5f8fb;color:#63788a;text-align:start;font-weight:750}.data th,.data td{padding:12px;border-bottom:1px solid var(--line)}.data tr:hover td{background:#fafcfd}.badge{display:inline-block;background:#e5f4ef;color:#087e6b;padding:5px 9px;border-radius:90px;font-weight:750;font-size:10px}.badge.amber{color:#946515;background:#fff2d9}.badge.grey{color:#586a7d;background:#e9edf2}.badge.red{color:var(--red);background:#ffecee}.mono{font-family:Consolas,monospace;font-size:12px;direction:ltr;display:inline-block}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.tab{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:bold}.tab.active{background:var(--teal2);color:var(--teal);border-color:#b9e3d8}.line{border:0;border-top:1px solid var(--line);margin:18px 0}.notice{background:#fffaed;border:1px solid #f5e3ba;color:#765522;border-radius:9px;padding:11px 14px;font-size:11px;line-height:1.8;margin-bottom:17px}.empty{text-align:center;padding:30px;color:var(--muted);font-size:13px}.modalwrap{position:fixed;inset:0;z-index:100;background:#10263ec4;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:white;max-height:95vh;overflow:auto;width:min(850px,100%);border-radius:14px;padding:20px}.error{background:#fff0f2;color:#aa3148;border-radius:9px;padding:9px;font-size:12px;margin-bottom:8px}.toast{position:fixed;bottom:20px;inset-inline-end:22px;z-index:500;color:white;background:#153b49;padding:13px 16px;border-radius:9px;box-shadow:var(--shadow);font-size:12px}.loginShell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(120deg,#0f2e43,#17635f);padding:18px}.loginCard{background:white;padding:35px;max-width:440px;width:100%;border-radius:16px}.loginCard h1{margin:0 0 7px;font-size:26px}.loginCard .field{margin:17px 0}.loginCard .btn{width:100%}.previewFile{display:block;max-width:380px;max-height:230px;border:1px solid var(--line);border-radius:9px;object-fit:contain;margin-top:10px}.printsheet{background:#fff;color:#111;padding:15mm 11mm;direction:rtl;max-width:210mm;margin:auto;font-family:Arial,Tahoma,sans-serif;line-height:1.55}.printhead{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #213d51;padding-bottom:8px}.printhead strong{font-size:24px;letter-spacing:.03em}.printtitle{text-align:center;margin:18px 0;font-size:17px;font-weight:750}.printtable{border-collapse:collapse;width:100%;font-size:11px}.printtable th,.printtable td{border:1px solid #74818c;padding:7px 5px;text-align:center}.printtable td.description{text-align:start}.printident{display:flex;justify-content:space-between;gap:16px;font-size:12px;margin:14px 0}.signatures{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:55px;font-size:12px}.signbox{height:80px;border-bottom:1px solid #6e8393}.supporting{page-break-before:always;max-width:100%;margin:25mm auto 0;text-align:center;direction:ltr}.supporting img{max-width:100%;max-height:240mm}.loading{padding:20px}.nowrap{white-space:nowrap}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.right{margin-inline-start:auto}.top select{max-width:150px}.check{width:18px;height:18px;accent-color:var(--teal)}
html[dir=ltr] .side button,html[dir=ltr] .data th,html[dir=ltr] .data td{text-align:left}
@media(max-width:1040px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cols2{grid-template-columns:1fr}}@media(max-width:680px){.app{display:block}.side{width:100%;height:auto;position:relative}.brand{padding:13px}.sidenav{display:flex;overflow:auto;padding:7px;gap:3px}.sidenav button{white-space:nowrap}.sidefoot{display:none}.top{padding:11px}.top h3{font-size:13px}.content{padding:15px}.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.cards{gap:8px}.card{padding:13px}.metric{font-size:20px}.topright{gap:4px}.topright button{padding:7px}}
@media print{.side,.top,.content,.toast,.modalwrap .buttons,.modalwrap>.modal>header,.notice{display:none!important}.modalwrap{position:static;background:none;padding:0;display:block}.modal{padding:0;max-height:none;overflow:visible;width:100%;border-radius:0}.printsheet{padding:7mm 4mm;max-width:none}.supporting{page-break-before:always}.printtable tr{break-inside:avoid}}

/* Password actions: keep the account controls usable on small screens. */
@media (max-width:680px){.top{flex-wrap:wrap}.topright{flex-wrap:wrap;justify-content:flex-start}.topright .btn{white-space:normal}}

/* Editable company identity; print layout and HQ table columns are unchanged. */
.login-brand{color:var(--teal);font-size:24px;font-weight:900;margin-bottom:16px}
.company-brand{display:inline-flex;gap:10px;align-items:center;vertical-align:middle;min-width:0;overflow-wrap:anywhere}
.company-logo{width:44px;height:44px;max-width:44px;object-fit:contain;background:#fff;border-radius:6px}
.brand .company-logo{width:38px;height:38px;max-width:38px}
.brand .brand-mark:has(img){background:transparent}
.brand-preview{display:flex;align-items:center;justify-content:center;min-height:120px;max-width:280px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f8fafb}
.brand-preview .company-logo{width:150px;height:90px;max-width:100%;object-fit:contain}
.printhead .company-brand{max-width:65%}.printhead .company-logo{width:50px;height:45px;max-width:50px}
@media(max-width:680px){.brand strong{font-size:14px}.brand .company-logo{width:32px;height:32px}}
@media print{.printhead .company-logo{print-color-adjust:exact;-webkit-print-color-adjust:exact}}