:root{--green:#009d61;--green-dark:#007f4e;--tint:#f4fffb;--tint-strong:#eafbf3;--text:#333;--muted:#6b6b76;--line:#eee;--line-strong:#ddd;--shadow:#63636333 0 2px 8px 0}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:#fff;flex-direction:column;margin:0;font-family:CircularStd,Circular Std,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;display:flex}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:1px}.topbar{z-index:20;box-shadow:var(--shadow);background:#fff;align-items:center;gap:32px;padding:0 32px;display:flex;position:sticky;top:0}.logo{height:32px;display:block}.tabs{gap:8px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:20px 12px 17px;font-weight:600}.tab:hover{color:var(--green)}.tab.active{color:var(--green);border-bottom-color:var(--green)}.account{align-items:center;gap:16px;margin-left:auto;display:flex}.link{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link:hover:not(:disabled){text-decoration:underline}.link:disabled{color:var(--muted);cursor:not-allowed}.auth-page{background:var(--tint);flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-consent{font-size:12px;line-height:1.5}.auth-consent a,.legal-page a{color:var(--green-dark)}.auth-card{flex-direction:column;gap:16px;width:100%;max-width:420px;padding:32px;display:flex}.auth-card .logo{align-self:flex-start}.auth-card h1,.auth-card .alert{margin:0}.auth-links{justify-content:space-between;gap:16px;display:flex}.otp-input{border:1px solid var(--line-strong);letter-spacing:8px;text-align:center;border-radius:8px;padding:12px;font-size:24px}.btn.small{border-radius:8px;padding:6px 12px}.decision{gap:8px;display:flex}.pill{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:600}.pill.pending{color:#8a5a00;background:#fff7e6}.pill.approved{background:var(--tint-strong);color:var(--green-dark)}.pill.rejected{color:#a12626;background:#fff4f4}.pill.admin{background:var(--green);color:#fff}.page{flex:1;padding:24px 32px 40px}.legal-page{flex:1;width:100%;max-width:860px;margin:0 auto;padding:32px 24px 48px;line-height:1.6}.legal-page .logo{margin-bottom:24px}.legal-page h2{color:#111;margin:28px 0 8px;font-size:17px}.legal-page p{margin:0 0 10px}.legal-page ul{margin:0 0 10px;padding-left:22px}.legal-page li{margin-bottom:6px}.legal-contact{background:var(--tint);border-radius:8px;margin-top:12px;padding:14px 16px;font-style:normal}.table-scroll{margin-bottom:10px;overflow-x:auto}.legal-footer{border-top:1px solid var(--line);color:var(--muted);background:#fff;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:14px 32px;font-size:12px;display:flex}.legal-footer nav{flex-wrap:wrap;gap:8px 16px;display:flex}.legal-footer a{color:var(--muted);text-decoration:none}.legal-footer a:hover{color:var(--green);text-decoration:underline}.heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}h1{color:#111;margin:0 0 4px;font-size:24px}.muted{color:var(--muted);margin:0}.note{margin-top:12px}.btn{border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;white-space:nowrap;border-radius:10px;padding:10px 20px;font-weight:600}.btn:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.btn.secondary{color:var(--green);background:#fff}.btn.secondary:hover:not(:disabled){background:var(--tint-strong);border-color:var(--green)}.btn:disabled{opacity:.5;cursor:not-allowed}.chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:20px;padding:7px 14px}.chip b{margin-left:4px}.chip:hover{border-color:var(--green)}.chip.active{background:var(--tint-strong);border-color:var(--green);color:var(--green-dark)}.filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filters input,.filters select,.report-card input{border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:9px 12px}.filters input{flex:320px;max-width:460px}.search-form{flex:320px;gap:8px;max-width:560px;display:flex}.search-form input{min-width:0}.search-form .btn{padding:9px 16px}.alert{color:#a12626;background:#fff4f4;border:1px solid #f3c1c1;border-radius:8px;margin:0 0 16px;padding:10px 14px}.report-card+.alert{margin-top:16px}.card{box-shadow:var(--shadow);background:#fff;border-radius:10px}.table-wrap{min-height:240px;max-height:calc(100vh - 300px);overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:10px 12px}th{z-index:1;background:var(--tint-strong);color:#111;white-space:nowrap;font-size:13px;font-weight:600;position:sticky;top:0}tbody tr:hover{background:var(--tint)}.nowrap{white-space:nowrap}.id{white-space:nowrap;font-weight:600}.empty{text-align:center;color:var(--muted);padding:48px 12px}.note-cell{overflow-wrap:anywhere;min-width:180px;max-width:280px}.status{border:1px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:8px;padding:6px 8px;font-weight:600}.status.raised{color:#a12626;background:#fff4f4;border-color:#f3c1c1}.status.getright{color:#8a5a00;background:#fff7e6;border-color:#f0d9a8}.status.resolved{background:var(--tint-strong);border-color:var(--green);color:var(--green-dark)}.dialog-backdrop{z-index:10;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:480px;box-shadow:var(--shadow);background:#fff;border-radius:10px;flex-direction:column;gap:12px;padding:24px;display:flex}.dialog h2{color:#111;margin:0;font-size:20px}.dialog p{margin:0}.dialog label{flex-direction:column;gap:6px;font-weight:600;display:flex}.dialog textarea{border:1px solid var(--line-strong);font:inherit;resize:vertical;border-radius:8px;padding:9px 12px;font-weight:400}.dialog-remark{background:var(--tint);overflow-wrap:anywhere;border-radius:8px;padding:10px 12px}.dialog-buttons{justify-content:flex-end;gap:8px;display:flex}.required{color:#a12626}.pager{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.report-card{flex-wrap:wrap;align-items:flex-end;gap:16px;max-width:640px;padding:24px;display:flex}.report-card label{flex-direction:column;gap:6px;font-weight:600;display:flex}.report-card input{font-weight:400}.report-card{max-width:800px}.result-count{margin:16px 0 8px}
