:root{--red:#CC1F25;--red-dark:#a5171c;--red-soft:#fdeef0;--red-line:#f3c9cc;--ink:#141519;--ink-2:#3f4552;--muted:#6b7280;--faint:#9aa1ac;--line:#e7e9ee;--line-2:#eef0f4;--bg:#f4f5f8;--card:#ffffff;--green:#0f9d58;--green-soft:#e4f5ea;--amber:#b7791f;--amber-soft:#fdf3d7;--blue:#2563eb;--blue-soft:#e6efff;--shadow-sm:0 1px 2px rgba(17,20,28,.05);--shadow:0 1px 3px rgba(17,20,28,.06),0 10px 30px -12px rgba(17,20,28,.14);--shadow-lg:0 20px 55px -20px rgba(17,20,28,.28);--radius:16px;--radius-sm:10px;--font:"Inter","Segoe UI",system-ui,-apple-system,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--red);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;letter-spacing:-.01em}h2{font-size:22px;font-weight:700}h3{font-size:15px;font-weight:700;margin-bottom:14px}.muted,.meta{color:var(--muted)}.meta{font-size:13px}.wrap{max-width:1080px;margin:0 auto;padding:28px 22px 60px}.nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:0 26px;height:64px;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{height:34px;width:auto;display:block}.brand .txt b{color:var(--red);font-size:15px;font-weight:800;line-height:1.05;display:block;letter-spacing:-.02em}.brand .txt span{color:var(--faint);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}.nav .right{display:flex;align-items:center;gap:16px}.nav .right a{color:var(--ink-2);font-weight:600;font-size:14px}.nav .right a:hover{color:var(--red);text-decoration:none}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:18px 0;box-shadow:var(--shadow)}.card.tight{padding:8px}.card h3:first-child{margin-top:0}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--red);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;box-shadow:0 1px 2px #cc1f2547;transition:.15s}.btn:hover{background:var(--red-dark);box-shadow:0 4px 14px -3px #cc1f2580}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.ghost{background:#fff;color:var(--red);border:1.5px solid var(--red-line);box-shadow:none}.btn.ghost:hover{background:var(--red-soft);border-color:var(--red)}.btn.gray{background:#f1f3f7;color:var(--ink-2);box-shadow:none}.btn.gray:hover{background:#e7eaf0}.btn.sm{padding:8px 13px;font-size:13px;border-radius:9px}.btn.full{width:100%;justify-content:center}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:10px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;color:var(--muted);border:1px solid transparent;transition:.15s}.tab:hover{background:#f1f3f7;color:var(--ink)}.tab.active{background:var(--red);color:#fff;box-shadow:0 2px 8px -2px #cc1f2580}label{display:block;font-weight:600;font-size:13px;color:var(--ink-2);margin-bottom:5px}input,select,textarea{width:100%;padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;font-size:14.5px;font-family:inherit;background:#fff;color:var(--ink);transition:.15s;margin-bottom:16px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft)}textarea{min-height:74px;resize:vertical}input[type=file]{padding:9px;background:#fafbfc}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}@media (max-width:640px){.grid2{grid-template-columns:1fr}}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 11px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.pending,.badge.submitted{background:var(--amber-soft);color:var(--amber)}.badge.dist_approved,.badge.review{background:var(--blue-soft);color:var(--blue)}.badge.approved,.badge.resolved{background:var(--green-soft);color:var(--green)}.badge.rejected{background:var(--red-soft);color:var(--red)}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--line-2)}.row:last-child{border-bottom:0}.row:first-of-type{padding-top:4px}.empty{color:var(--faint);text-align:center;padding:36px 0;font-size:14px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat .k{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.stat .v{font-size:34px;font-weight:800;margin-top:8px;letter-spacing:-.03em;color:var(--ink)}.stat .ic{position:absolute;top:18px;right:18px;font-size:22px;opacity:.9}.stat.g .v{color:var(--green)}.stat.a .v{color:var(--amber)}.stat.b .v{color:var(--blue)}.stat.r .v{color:var(--red)}table.t{width:100%;border-collapse:collapse;font-size:13.5px}table.t th{text-align:left;padding:11px 12px;color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);background:#fafbfc}table.t td{padding:13px 12px;border-bottom:1px solid var(--line-2);vertical-align:middle}table.t tr:hover td{background:#fafbfc}.thumb{height:44px;width:44px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.auth-shell{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:30px 18px}.auth{width:100%;max-width:430px}.auth .logo{text-align:center;margin-bottom:22px}.auth .logo img{height:50px}.auth .logo .sub{color:var(--faint);font-size:11px;margin-top:8px;text-transform:uppercase;letter-spacing:.16em;font-weight:600}.auth .card{box-shadow:var(--shadow-lg)}.err{color:var(--red);font-size:13px;margin:0 0 12px;background:var(--red-soft);padding:9px 12px;border-radius:9px}.ok{color:var(--green);font-size:13px;margin:0 0 12px;background:var(--green-soft);padding:9px 12px;border-radius:9px}.sec{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--red);border-left:3px solid var(--red);padding-left:9px;margin:22px 0 12px}.sub-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px;background:#fcfcfd}.chip{display:inline-flex;align-items:center;gap:6px;background:#f1f3f7;border-radius:8px;padding:6px 10px;font-size:13px;margin:4px 6px 4px 0}.chip b{font-weight:600}.banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;font-size:13.5px}.banner.warn{background:var(--amber-soft);color:var(--amber)}.banner.info{background:var(--blue-soft);color:var(--blue)}