@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap);:root{--g1:#072e20;--g2:#0b5e45;--g3:#1a9e72;--g4:#2dd4a0;--gp:#e6f7f1;--gpp:#f0faf6;--blue:#1560bd;--bluep:#e8f0fd;--blued:#0a3a7a;--amb:#e8941a;--ambp:#fef3dc;--ambd:#7a4e00;--purp:#5b4fcc;--purpp:#eeedfe;--red:#d94040;--redp:#fdeaea;--ink:#111814;--ink2:#3a4a3e;--ink3:#7a8a7e;--bor:#d0e0d8;--bg:#f5faf7;--card:#fff;--sidebar:230px;--header:56px;--radius:14px;--radius-sm:10px;--radius-lg:20px;--shadow-sm:0 1px 3px #072e200f,0 1px 2px #072e200a;--shadow:0 4px 16px #072e2012,0 1px 4px #072e200a;--shadow-md:0 10px 30px #072e201a,0 2px 8px #072e200d;--shadow-lg:0 18px 50px #072e2024,0 4px 12px #072e200f;--grad-brand:linear-gradient(135deg,var(--g2),var(--g3) 60%,var(--g4));--grad-deep:linear-gradient(165deg,#072e20,#0b5e45 60%,#11704f)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:15px}body{-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 600px at 100% -10%,#2dd4a01a,#0000 60%),radial-gradient(900px 500px at -10% 110%,#1560bd0f,#0000 55%),#f5faf7;background:radial-gradient(1200px 600px at 100% -10%,#2dd4a01a,#0000 60%),radial-gradient(900px 500px at -10% 110%,#1560bd0f,#0000 55%),var(--bg);background-attachment:fixed;color:#111814;color:var(--ink);font-family:DM Sans,sans-serif;text-rendering:optimizeLegibility}h1{font-size:1.8rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}h2{font-size:1.3rem;line-height:1.3}h2,h3{font-weight:600}h3{font-size:1.1rem}p{color:#3a4a3e;color:var(--ink2);line-height:1.6}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0b5e45,#1a9e72 60%,#2dd4a0);background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:#0b5e45;color:var(--g2)}.card{background:#fff;background:var(--card);border:1px solid #d0e0d8;border:1px solid var(--bor);border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 16px #072e2012,0 1px 4px #072e200a;box-shadow:var(--shadow);padding:20px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:#bfe3d5;box-shadow:0 10px 30px #072e201a,0 2px 8px #072e200d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-title{color:#111814;color:var(--ink);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:14px}.btn,.card-title{align-items:center}.btn{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;gap:7px;justify-content:center;padding:10px 20px;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.99)}.btn-primary{background:linear-gradient(135deg,#0b5e45,#1a9e72 60%,#2dd4a0);background:var(--grad-brand);box-shadow:0 4px 14px #0b5e4547;color:#fff}.btn-primary:hover{box-shadow:0 7px 20px #0b5e4557;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--card);border:1.5px solid #d0e0d8;border:1.5px solid var(--bor);color:#3a4a3e;color:var(--ink2)}.btn-secondary:hover{background:#f0faf6;background:var(--gpp);border-color:#1a9e72;border-color:var(--g3);color:#0b5e45;color:var(--g2)}.btn-danger{background:#fdeaea;background:var(--redp);border:1.5px solid #f5b5b5;color:#d94040;color:var(--red)}.btn-danger:hover{background:#d94040;background:var(--red);color:#fff}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none!important}.btn-full{font-size:14px;justify-content:center;padding:13px;width:100%}.tag{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;line-height:1.5;padding:3px 10px}.tag-green{background:#e6f7f1;background:var(--gp);color:#0b5e45;color:var(--g2)}.tag-amber{background:#fef3dc;background:var(--ambp);color:#7a4e00;color:var(--ambd)}.tag-red{background:#fdeaea;background:var(--redp);color:#d94040;color:var(--red)}.tag-blue{background:#e8f0fd;background:var(--bluep);color:#0a3a7a;color:var(--blued)}.tag-purple{background:#eeedfe;background:var(--purpp);color:#5b4fcc;color:var(--purp)}.mono{font-family:DM Mono,monospace}.text-muted{color:#7a8a7e;color:var(--ink3)}.field{margin-bottom:16px}.field label{color:#3a4a3e;color:var(--ink2);display:block;font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:6px}.field label span.req{color:#d94040;color:var(--red);margin-left:2px}.field input,.field select,.field textarea{background:#fff;background:var(--card);border:1.5px solid #d0e0d8;border:1.5px solid var(--bor);border-radius:10px;border-radius:var(--radius-sm);color:#111814;color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.field input:focus,.field select:focus{border-color:#1a9e72;border-color:var(--g3);box-shadow:0 0 0 3px #2dd4a029}.field .hint{color:#7a8a7e;color:var(--ink3)}.field .err,.field .hint{font-size:11px;margin-top:4px}.field .err{color:#d94040;color:var(--red)}.app-shell{height:100vh}.app-shell,.page-body{display:flex;overflow:hidden}.page-body{flex:1 1;flex-direction:column;min-width:0}.page-content{flex:1 1;overflow-y:auto;padding:22px 24px}.sidebar{background:linear-gradient(165deg,#072e20,#0b5e45 60%,#11704f);background:var(--grad-deep);box-shadow:4px 0 24px #072e201f;display:flex;flex-direction:column;flex-shrink:0;position:relative;width:230px;width:var(--sidebar);z-index:200}.sb-logo{border-bottom:1px solid #ffffff14;padding:18px 16px}.sb-mark{gap:10px}.sb-icon,.sb-mark{align-items:center;display:flex}.sb-icon{background:linear-gradient(135deg,#2dd4a0,#1a9e72);border-radius:11px;box-shadow:0 6px 16px #2dd4a073;color:#06281b;flex-shrink:0;font-size:17px;font-weight:800;height:36px;justify-content:center;width:36px}.sb-name{color:#fff;font-size:15px;font-weight:700}.sb-sub{color:#fff6;letter-spacing:.1em}.sb-sec,.sb-sub{font-size:9px;text-transform:uppercase}.sb-sec{color:#ffffff4d;font-weight:600;letter-spacing:.12em;padding:16px 14px 4px}.sb-nav{flex:1 1;overflow-y:auto;padding:0 8px}.sb-link{align-items:center;border-radius:9px;color:#fff9;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:9px;margin-bottom:2px;padding:10px 12px;position:relative;text-decoration:none;transition:all .15s}.sb-link:hover{background:#ffffff14;color:#fff;transform:translateX(2px)}.sb-link.active{background:#2dd4a029;color:#2dd4a0;color:var(--g4);font-weight:600}.sb-link.active:before{background:#2dd4a0;background:var(--g4);border-radius:0 3px 3px 0;bottom:18%;content:"";left:0;position:absolute;top:18%;width:3px}.sb-badge{background:#d94040;background:var(--red);border-radius:8px;color:#fff;font-size:9px;font-weight:700;margin-left:auto;padding:2px 6px}.sb-user{background:#ffffff0f;border-radius:10px;border-radius:var(--radius-sm);gap:9px;margin:8px;padding:12px}.sb-ava,.sb-user{align-items:center;display:flex}.sb-ava{background:#1a9e72;background:var(--g3);border-radius:8px;color:#fff;flex-shrink:0;font-size:11px;font-weight:700;height:32px;justify-content:center;width:32px}.sb-uname{color:#fff;font-size:12px;font-weight:600}.sb-urole{color:#fff6;font-size:10px}.mobile-topbar{display:none}.hamburger{background:#fff;background:var(--card);border:1px solid #d0e0d8;border:1px solid var(--bor);border-radius:10px;cursor:pointer;display:inline-flex;flex-direction:column;flex-shrink:0;gap:4px;height:38px;justify-content:center;padding:0 9px;width:38px}.hamburger span{background:#3a4a3e;background:var(--ink2);border-radius:2px;display:block;height:2px;transition:all .2s}.sb-overlay{display:none}.topbar{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffffd9;border-bottom:1px solid #d0e0d8;border-bottom:1px solid var(--bor);display:flex;flex-shrink:0;flex-wrap:wrap;gap:14px;min-height:56px;min-height:var(--header);padding:0 24px}.topbar-title{color:#111814;color:var(--ink);flex:1 1;font-size:16px;font-weight:700;min-width:0}.live-pill{align-items:center;background:#f0faf6;background:var(--gpp);border:1px solid #2dd4a0;border:1px solid var(--g4);border-radius:16px;display:flex;gap:5px;padding:4px 10px}.live-dot{animation:livePulse 2s infinite;background:#2dd4a0;background:var(--g4);border-radius:50%;height:6px;width:6px}@keyframes livePulse{0%,to{box-shadow:0 0 0 0 #2dd4a080}50%{box-shadow:0 0 0 5px #2dd4a000}}.live-pill span{color:#0b5e45;color:var(--g2);font-size:10px;font-weight:700;letter-spacing:.06em}.tbl-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.tbl{border-collapse:collapse;font-size:13px;width:100%}.tbl th{background:#f5faf7;background:var(--bg);border-bottom:1px solid #d0e0d8;border-bottom:1px solid var(--bor);color:#7a8a7e;color:var(--ink3);font-size:10px;font-weight:700;letter-spacing:.07em;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.tbl td,.tbl th{white-space:nowrap}.tbl td{border-bottom:1px solid #f0faf6;border-bottom:1px solid var(--gpp);padding:11px 12px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s}.tbl tr:hover td{background:#f0faf6;background:var(--gpp)}.alert{border:1px solid;border-radius:10px;border-radius:var(--radius-sm);font-size:13px;line-height:1.6;margin-bottom:14px;padding:12px 16px}.alert-info{background:#e8f0fd;background:var(--bluep);border-color:#b3d0ff;color:#0a3a7a;color:var(--blued)}.alert-success{background:#e6f7f1;background:var(--gp);border-color:#2dd4a0;border-color:var(--g4);color:#0b5e45;color:var(--g2)}.alert-warn{background:#fef3dc;background:var(--ambp);border-color:#f0c674;color:#7a4e00;color:var(--ambd)}.alert-danger{background:#fdeaea;background:var(--redp);border-color:#ffbaba;color:#d94040;color:var(--red)}.grid-2{grid-gap:14px;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:14px;gap:14px;grid-template-columns:repeat(4,1fr)}.grid-4,.split-main{display:grid}@media (max-width:820px){.r-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:680px){.r-grid-3{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.r-grid-2,.r-grid-3,.r-grid-4{grid-template-columns:1fr!important}}.tab-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.tab-scroll::-webkit-scrollbar{height:0}.loading-screen{align-items:center;color:#1a9e72;color:var(--g3);display:flex;font-size:30px;height:100vh;justify-content:center}.qr-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.qr-card{background:#fff;border:1px solid #d0e0d8;border:1px solid var(--bor);border-radius:10px;padding:12px 8px;text-align:center}.qr-img{aspect-ratio:1;display:block;height:auto;image-rendering:pixelated;margin:0 auto;max-width:150px;width:100%}.qr-id{color:#111814;color:var(--ink);font-family:DM Mono,monospace;font-size:10px;font-weight:600;margin-top:7px;word-break:break-all}.qr-meta{font-size:10px;margin-top:2px}.qr-gov,.qr-meta{color:#7a8a7e;color:var(--ink3)}.qr-gov{font-size:8px;letter-spacing:.03em;margin-top:3px}@media (max-width:820px){.qr-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:520px){.qr-grid{grid-template-columns:repeat(2,1fr)}}@media print{.mobile-topbar,.no-print,.sb-overlay,.sidebar,.topbar{display:none!important}.app-shell,.page-body,.page-content{display:block!important;height:auto!important;overflow:visible!important;padding:0!important}body{background:#fff!important}.qr-grid{gap:8px;grid-template-columns:repeat(4,1fr)!important}.qr-card{border:1px solid #999;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.spin{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c2d6cc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#1a9e72;background:var(--g3)}@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:920px){.grid-3{grid-template-columns:repeat(2,1fr)}.split-main{grid-template-columns:1fr!important}.split-main>*{min-width:0}}@media (max-width:820px){.app-shell{position:relative}.sidebar{bottom:0;height:100%;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:250px}.sidebar.open{transform:translateX(0)}.sb-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#072e2073;display:block;inset:0;position:fixed;z-index:150}.page-body{width:100%}.mobile-topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-bottom:1px solid #d0e0d8;border-bottom:1px solid var(--bor);flex-shrink:0;gap:12px;height:54px;padding:0 14px}.mobile-brand,.mobile-topbar{align-items:center;display:flex}.mobile-brand{color:#0b5e45;color:var(--g2);font-size:15px;font-weight:700;gap:9px}.mobile-brand .mb-icon{align-items:center;background:linear-gradient(135deg,#0b5e45,#1a9e72 60%,#2dd4a0);background:var(--grad-brand);border-radius:7px;color:#fff;display:flex;font-size:14px;font-weight:800;height:28px;justify-content:center;width:28px}.page-content{padding:16px 14px}.topbar{padding:0 16px}}@media (max-width:560px){html{font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:16px}.topbar-title{font-size:15px}.btn{padding:10px 16px}}@media (max-width:900px){.login-page{flex-direction:column!important;min-height:auto!important}.login-left{padding:40px 24px!important}.login-right{padding:28px 20px!important;width:100%!important}.login-roles,.login-stats{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.login-left{padding:28px 18px!important}.login-right{padding:22px 16px!important}}
/*# sourceMappingURL=main.da59b022.css.map*/