:root{--green:#0c953d;--dark:#0c5130;--ink:#162b22;--muted:#64756e;--line:#e0e9e3;--bg:#f4f8f5;--red:#c73838}*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Tahoma,Arial,sans-serif;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}header{background:white;border-bottom:1px solid var(--line);padding:10px max(18px,calc((100vw - 1150px)/2));display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:170px;max-height:75px;object-fit:contain}.brand strong{font-size:18px}.brand small{display:block;color:var(--muted);margin-top:4px}.pill{background:#e9f7ee;color:#11733a;border-radius:30px;padding:8px 12px;font-size:12px}main{max-width:1150px;margin:26px auto;padding:0 16px}.hero{background:linear-gradient(120deg,#07562e,#119b4a);color:white;padding:25px;border-radius:20px;margin-bottom:18px}.hero h1{margin:0 0 7px;font-size:25px}.hero p{margin:0;opacity:.87}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.tabs button{border:1px solid var(--line);background:white;padding:11px 18px;border-radius:10px;color:var(--ink)}.tabs button.active{background:var(--green);color:white;border-color:var(--green)}.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 5px 20px #163d2610}.panel h2{font-size:18px;margin:0 0 18px}.section{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.section h3{font-size:15px;color:var(--dark);margin:0 0 15px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:span 2}.field label{font-size:13px;font-weight:bold}.field input,.field select{width:100%;padding:12px;border:1px solid #cbdad0;border-radius:9px;background:white;outline:none;min-height:44px}.field input:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #119b4a1c}.field input[readonly]{background:#f0f5f1;color:#526c5c}.hint{font-size:11px;color:var(--muted)}.actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap;margin-top:22px}.primary{border:0;background:var(--green);color:white;padding:12px 24px;border-radius:10px;font-weight:bold}.secondary{border:1px solid var(--line);background:white;padding:11px 18px;border-radius:10px}.danger{color:var(--red);border-color:#f1c7c7}.msg{padding:13px;border-radius:10px;margin:12px 0;background:#e8f7ed;color:#075b2b}.msg.error{background:#fff0f0;color:#a32121}.hidden{display:none!important}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{padding:12px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}th{background:#f5f9f6}.status{border-radius:20px;padding:5px 10px;background:#fff4d6;color:#926700;display:inline-block;white-space:nowrap}.status.approved{background:#e6f8eb;color:#13733b}.status.rejected{background:#ffe8e8;color:#b12c2c}.mini{padding:7px 10px;border-radius:7px;border:1px solid var(--line);background:white;margin:2px}.mini.ok{background:var(--green);color:white;border:0}.mini.no{color:var(--red)}.empty{text-align:center;color:var(--muted);padding:28px}.note{font-size:12px;color:var(--muted);line-height:1.9}footer{text-align:center;padding:18px;color:var(--muted);font-size:12px}.preview{width:100%;max-height:100px;object-fit:contain;object-position:right center} .summary{display:flex;gap:10px;flex-wrap:wrap}.summary>div{background:#f3f8f4;border:1px solid var(--line);padding:16px;border-radius:12px;min-width:155px;flex:1}.summary b{font-size:26px;display:block;color:var(--dark)}@media(max-width:750px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand img{width:110px}.brand strong{font-size:14px}.hero h1{font-size:20px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.field.wide{grid-column:span 1}.panel{padding:15px}header{align-items:flex-start}.brand img{width:80px}}
dialog{border:1px solid var(--line);border-radius:16px;max-width:90vw;width:640px;color:var(--ink)}dialog::backdrop{background:#102b2266}dialog a{overflow-wrap:anywhere;color:var(--dark)}button:disabled{opacity:.6;cursor:wait}
.login{max-width:440px;margin:45px auto}.login .brand{justify-content:center;margin-bottom:25px}.login img{width:115px;max-height:130px}.stack{display:grid;gap:16px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.toolbar input{flex:1;min-width:180px;padding:12px;border:1px solid #cbdad0;border-radius:9px}.toolbar select{padding:12px;border:1px solid #cbdad0;border-radius:9px}dl{display:grid;grid-template-columns:1fr 2fr;gap:10px}dt{font-weight:bold}dd{margin:0;overflow-wrap:anywhere}#notice{position:sticky;top:0;z-index:4}h1{font-size:25px}#userInfo{font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #dfb83a}textarea{width:100%;font:inherit;min-height:85px;padding:12px;border:1px solid #cbdad0;border-radius:9px}.pending{background:#fff4d6}.auditrow{padding:14px;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}@media(max-width:480px){dl{grid-template-columns:1fr}dd{margin-bottom:10px}}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.metric{border-radius:14px;padding:22px;border:1px solid #dce7e5;border-top:4px solid var(--accent);background:var(--tint)}.metric span{font-size:13px;color:#43576c}.metric strong{display:block;font-size:29px;margin-top:12px;color:#162d44}.green{--accent:#119557;--tint:#eef9f2}.amber{--accent:#d8940b;--tint:#fff9eb}.red{--accent:#d65666;--tint:#fff0f2}.blue{--accent:#367dd0;--tint:#eef5ff}.violet{--accent:#8766c3;--tint:#f5f0ff}.teal{--accent:#168d99;--tint:#edfafb}.report-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.eyebrow{font-size:11px;letter-spacing:2px;color:#168651}.report-heading h2{font-size:24px;margin:12px 0}.report-filters{background:#f5f8fb;padding:20px;border-radius:12px}.report-chart{padding:20px;border:1px solid var(--line);border-radius:14px;margin-bottom:22px}.chart-row{display:grid;grid-template-columns:160px minmax(0,1fr) 50px;align-items:center;gap:14px;padding:10px 0;font-size:13px}.chart-row svg{width:100%;height:24px;direction:ltr;background:#f3f6f8;border-radius:6px}.bar-green{fill:#119557}.bar-amber{fill:#e7ae38}.bar-red{fill:#d65666}.chart-legend{display:flex;gap:18px}.legend:before{content:'●';color:var(--accent);margin-left:6px}.notification{padding:18px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.notification.unread{border-right:4px solid #119557;background:#f1faf5}.notification-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}#notificationCount{border-radius:20px;background:#edf6ed;padding:2px 8px;color:#0c5130}@media(max-width:750px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-heading{align-items:flex-start;flex-direction:column}.chart-row{grid-template-columns:100px minmax(0,1fr) 30px}}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.metric strong{font-size:25px}.report-filters{padding:12px}}
.notification-popup{position:fixed;bottom:20px;left:20px;width:430px;max-width:calc(100vw - 32px);max-height:75vh;overflow:auto;z-index:30;background:white;border:1px solid #bad7c3;border-top:5px solid #119557;border-radius:16px;padding:20px;box-shadow:0 15px 60px #18332a40}.notification-popup h2{font-size:18px;margin:0 0 14px}.notification-popup article{padding:10px 0;border-bottom:1px solid #e2ece5}.notification-popup .actions{gap:6px}.notification-popup button{font-size:12px;padding:9px 12px}.notification-popup p{font-size:13px;margin:5px 0}.notification-popup .note{font-size:11px}@media(max-width:480px){.notification-popup{left:16px;bottom:16px;padding:15px}}