@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#17251b;background:#f4f7f4;font-synthesis:none;--green:#19a900;--green2:#39c900;--dark:#075b20;--deep:#034719;--line:#e4ebe5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.loading{height:100vh;display:grid;place-items:center;color:var(--green);font-weight:700}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand img{display:block;width:100%;max-width:180px;height:64px;object-fit:contain;object-position:left center}.brand span{font-size:12px;font-weight:800;color:#fff;white-space:nowrap}.sidebar .brand{padding:0 7px 17px;border-bottom:1px solid #ffffff28;display:block}.sidebar .brand img{max-width:190px;height:55px;filter:brightness(0) invert(1)}.sidebar .brand span{display:block;margin:2px 0 0 5px;font-size:11px;color:#eaffdf}.login-page{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;background:#fff}.login-art{padding:44px 7%;background:linear-gradient(135deg,#034719,#087b25 58%,#38c900);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:480px;height:480px;border:48px solid #b4f50033;border-radius:50%;right:-180px;bottom:-220px}.login-art .brand img{filter:brightness(0) invert(1);max-width:260px;height:90px}.login-art .brand span{font-size:14px}.login-art h1{font-size:clamp(40px,5vw,66px);line-height:1.03;margin:22px 0}.login-art p{color:#e3f5e5;max-width:430px;font-size:16px}.login-card{width:min(430px,85%);margin:auto;display:flex;flex-direction:column;gap:15px;padding:35px;border:1px solid #e8eee8;border-radius:20px;box-shadow:0 18px 60px #0b4b1912}.login-card>.brand{justify-content:center}.login-card>.brand img{max-width:220px}.login-card>.brand span{color:var(--dark)}.login-card h2{font-size:30px;margin:0;color:#14231a}.login-card p{color:#78847b;margin:0}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:800;color:var(--green)}.login-card label,.form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#48554b}.login-card input,.form input,.form select{border:1px solid #dce5dc;border-radius:9px;padding:12px;background:#fbfdfb;outline:none}.login-card input:focus,.form input:focus,.form select:focus{border-color:var(--green2);box-shadow:0 0 0 3px #39c90018}.primary{border:0;background:linear-gradient(90deg,#159b00,#39c900);color:#fff;border-radius:8px;padding:11px 16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 3px 8px #159b0024}.primary:hover{filter:brightness(.96)}.primary:disabled{opacity:.6}.full{width:100%}.login-card>small{color:#9aa49b;text-align:center}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:linear-gradient(180deg,#075b20,#034719);padding:17px 12px;display:flex;flex-direction:column;z-index:5;box-shadow:4px 0 18px #052e1114}.nav-caption{font-size:9px;letter-spacing:1.2px;color:#b4d7b8;font-weight:800;padding:18px 10px 10px}.sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav{display:flex;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:7px;background:transparent;color:#e4f1e5;text-align:left;font-size:12px;font-weight:600;transition:.15s}.nav svg{width:16px;height:16px}.nav:hover{background:#ffffff18;color:#fff}.nav.active{background:linear-gradient(90deg,#20ad00,#42d000);color:#fff;box-shadow:0 3px 9px #001d0b3d}.logout{margin-top:auto;padding:13px 10px;border:0;background:#ffffff10;color:#eaf6eb;display:flex;gap:9px;border-radius:8px}.main{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.main header{height:58px;background:linear-gradient(90deg,#075b20,#087c25);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px;position:sticky;top:0;z-index:3;font-size:12px;font-weight:700;box-shadow:0 2px 8px #063e1b22}.top-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.top-brand img{width:90px;height:35px;object-fit:contain;filter:brightness(0) invert(1)}.top-brand span{border-left:1px solid #ffffff55;padding-left:10px;font-weight:700}.user{font-size:10px;color:#e5f3e7;display:flex;gap:9px;align-items:center}.user i{width:7px;height:7px;border-radius:50%;background:#75ef34}.user b{color:#fff;margin-left:8px}.content{padding:25px 27px;max-width:1700px;width:100%;margin:auto;flex:1}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:19px;gap:15px}.heading small{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#159d00}.heading h1{font-size:26px;margin:4px 0;color:#17251b}.heading p{font-size:12px;color:#7c897f;margin:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:17px}.stat,.panel{background:#fff;border:1px solid #e4ebe5;border-radius:10px;box-shadow:0 3px 12px #1d4b1908}.stat{padding:16px 17px;position:relative;overflow:hidden}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--green2)}.stat small{display:block;color:#758278;font-size:10px}.stat b{font-size:25px;display:block;margin-top:5px;color:#15251a}.panel{padding:17px;margin-bottom:16px}.panel h3{font-size:13px;margin:0 0 14px;color:#1b2a20}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e2e9e2;border-radius:8px;padding:9px 11px;width:min(520px,75%);color:#8a978b}.search input{border:0;outline:0;width:100%;font-size:11px}.secondary{border:1px solid #dce7dc;background:#fff;color:#276b30;border-radius:8px;padding:9px 12px;display:inline-flex;gap:7px;align-items:center;font-size:11px}.table-wrap{overflow:auto;border:1px solid #edf1ed;border-radius:7px}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;font-size:9px;letter-spacing:.5px;color:#617267;background:#f4f8f4;padding:12px;border-bottom:1px solid #e5ece5}td{font-size:11px;color:#526157;padding:12px;border-bottom:1px solid #f0f3f0}tbody tr:hover{background:#f8fcf7}tbody tr:last-child td{border-bottom:0}.empty{text-align:center;padding:32px;color:#9ba59c}.success,.error,.note{padding:11px 13px;border-radius:8px;font-size:11px;margin-bottom:12px}.success{background:#eff9e9;color:#188b25;cursor:pointer}.error{background:#fff0ee;color:#b33425}.note{background:#f4f8f2;color:#647166}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14211780;display:grid;place-items:center;z-index:20;padding:18px}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;padding:22px;box-shadow:0 20px 80px #0003}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{font-size:19px;margin:0}.modal-head button{border:0;background:none;color:#78847b}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form label{font-size:11px}.form input,.form select{width:100%;font-size:12px}.form .full,.form .note{grid-column:span 2}footer{padding:14px 27px;border-top:1px solid #e5ece5;color:#89968b;font-size:10px}.setup{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f4f8f3}.setup-card{max-width:600px;background:#fff;padding:35px;border:1px solid #e4ece3;border-radius:18px}.setup-card h1{margin:25px 0 10px}.setup-card p,.setup-card li{font-size:13px;color:#647166;line-height:1.7}.menu,.scrim{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px}.main{margin-left:220px}}@media(max-width:680px){.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{width:calc(100% - 32px);padding:25px;margin:25px auto}.sidebar{transform:translate(-100%);transition:.2s;width:270px}.sidebar.open{transform:translate(0)}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:4}.main{margin-left:0}.main header{height:56px;padding:0 13px}.menu{display:block;border:0;background:none;color:#fff;margin-right:10px}.top-brand img{width:74px}.user b{display:none}.content{padding:18px 13px}.heading{align-items:flex-start;flex-direction:column}.heading h1{font-size:23px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat{padding:12px}.stat b{font-size:21px}.panel{padding:13px}.form{grid-template-columns:1fr}.form .full,.form .note{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.search{width:100%}}.sidebar .brand img,.login-art .brand img{content:url(/wba-logo-white.png);filter:none}.sidebar .brand img,.login-art .brand img{content:url(/wba-logo-white.png);filter:none}.manifest-manager .toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.manifest-manager .toolbar h3{margin:0 0 5px}.manifest-manager .toolbar p{margin:0;color:#68756d;font-size:13px}.manifest-manager .pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#e8f6ec;color:#176b36;font-size:12px;font-weight:700}.manifest-modal{width:min(980px,96vw);max-height:92vh;overflow:auto}.manifest-modal .modal-head small{color:#68756d}.manifest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.manifest-grid label,.inline-form{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#334238}.manifest-grid input,.manifest-grid select,.inline-form input,.inline-form select{width:100%;padding:10px;border:1px solid #dce5de;border-radius:8px;background:#fff;color:#1e2c22}.manifest-section{border-top:1px solid #e7ece8;padding-top:14px;margin-top:18px}.manifest-section h3{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:#174d2b}.inline-form{display:flex;flex-direction:row;align-items:center;margin-bottom:12px}.inline-form select{flex:1}.inline-form input{width:110px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#eef5ef;border-radius:20px;padding:6px 10px;font-size:13px}.chips button{border:0;background:transparent;margin-left:8px;cursor:pointer}.manifest-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid #e7ece8;padding-top:16px;margin-top:18px}@media(max-width:650px){.manifest-grid{grid-template-columns:1fr}.inline-form{flex-wrap:wrap}.inline-form select{min-width:100%}.manifest-actions>*{width:100%}.manifest-manager .toolbar{align-items:stretch}}.qr-panel{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;padding:14px;margin:12px 0;border:1px solid #d5e5d9;border-radius:12px;background:#f7fbf8}.qr-panel img{width:180px;height:180px;object-fit:contain;background:#fff;padding:6px;border:1px solid #e1e8e3;border-radius:8px}.qr-panel>div{display:grid;gap:8px;min-width:220px;flex:1}.qr-panel code{display:block;overflow-wrap:anywhere;padding:8px;background:#fff;border-radius:6px;font-size:12px}.signature-area{display:grid;gap:9px;margin-top:14px}.signature-area canvas{max-width:100%;display:block;background:#fff}.manifest-section p,.signature-area small,.qr-panel small{color:#5b6b60;font-size:13px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.92fr);position:relative;isolation:isolate;overflow:hidden;background:#052b15 url(/wba-login-background.png) center/cover no-repeat}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#00230fc7,#002d12a3 43%,#00190c6b)}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 0 82%,rgba(112,255,0,.82) 82.1%,rgba(25,169,0,.8) 86%,transparent 86.2%)}.login-art{min-height:100vh;padding:clamp(30px,5vw,76px) clamp(28px,5vw,78px);background:linear-gradient(115deg,#00371894,#00461c45);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:520px;height:520px;border:42px solid rgba(104,255,0,.25);border-radius:50%;right:-290px;bottom:-330px;pointer-events:none}.login-brand img{display:block;width:min(370px,76%);height:auto;max-height:145px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 12px #001b0c70)}.login-intro{position:relative;z-index:1;margin-top:auto;margin-bottom:auto;padding:55px 0 36px}.login-kicker{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#eaffdf}.login-kicker span{width:8px;height:8px;border-radius:50%;background:#72ed00;box-shadow:0 0 12px #72ed00}.login-intro h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-2px;margin:22px 0 15px;color:#fff;text-shadow:0 4px 20px #001b0b70}.login-intro p{font-size:clamp(16px,1.35vw,20px);line-height:1.55;color:#f0f8f0;margin:0;max-width:490px;text-shadow:0 2px 12px #001b0b}.login-features{display:flex;gap:13px;margin-top:48px;flex-wrap:wrap}.login-feature{width:126px;min-height:112px;padding:15px 10px 12px;border:1px solid rgba(255,255,255,.38);border-radius:15px;background:#ffffff1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 24px #001a0b35;color:#fff}.login-feature svg{width:27px;height:27px;stroke:#fff;stroke-width:1.8}.login-feature span{text-align:center;font-size:11px;font-weight:700;line-height:1.3}.login-art-footer{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:#f0f7ef;position:relative;z-index:1}.login-art-footer .footer-shield{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff65;border-radius:50%}.login-art-footer i{height:16px;width:1px;background:#ffffff70;margin:0 3px}.login-panel{min-height:100vh;padding:48px clamp(24px,5vw,82px);display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#ffffff0d,#ffffff21)}.login-card{position:relative;width:min(100%,590px);margin:auto;padding:45px 48px 34px;display:flex;flex-direction:column;gap:0;background:linear-gradient(145deg,#fffffffc,#fafdfafa);border:1px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 28px 90px #00140861,0 0 0 1px #55dc1933;overflow:visible}.restricted-tag{position:absolute;right:0;top:-23px;padding:12px 22px;min-width:205px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid #8ef32a;border-radius:14px 14px 4px;background:linear-gradient(110deg,#087c20,#064719);color:#fff;font-size:12px;font-weight:800;box-shadow:0 7px 20px #003b1750}.login-logo{display:flex;justify-content:center;align-items:center;margin:0 auto 8px;width:100%}.login-logo img{display:block;width:min(330px,84%);height:104px;object-fit:contain}.login-system-title{display:flex;align-items:center;justify-content:center;gap:17px;color:#075b20;font-size:clamp(25px,2.1vw,34px);font-weight:800;letter-spacing:-.7px;margin:2px 0 22px}.login-system-title span{width:54px;height:2px;background:linear-gradient(90deg,#b3e987,#24b600)}.login-card-heading{text-align:center;margin-bottom:25px}.login-card-heading h2{font-size:25px;letter-spacing:-.5px;color:#111d15;margin:0 0 6px}.login-card-heading p{font-size:14px;color:#6b776e;margin:0}.login-form{display:flex;flex-direction:column;gap:13px}.login-input-wrap{height:58px;display:flex;align-items:center;gap:14px;padding:0 17px;border:1px solid #cfd9d0;border-radius:12px;background:#fff;color:#13251a;box-shadow:0 3px 7px #102f1710;transition:.18s}.login-input-wrap:focus-within{border-color:#28bd00;box-shadow:0 0 0 4px #39c9001b}.login-input-wrap>svg{flex:none;color:#18271d}.login-input-wrap input{width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;color:#17251b;font-size:15px;font-weight:500}.login-input-wrap input::placeholder{color:#657168;opacity:1}.password-toggle{border:0;background:transparent;color:#28392e;padding:5px;display:grid;place-items:center}.login-options{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:2px 1px 5px}.remember-option{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#26362b;cursor:pointer}.remember-option input{width:19px;height:19px;accent-color:#19a900;margin:0}.forgot-link{border:0;background:none;color:#087b20;text-decoration:underline;text-underline-offset:3px;font-size:13px;font-weight:800;padding:5px 0}.forgot-link:disabled{opacity:.5}.login-submit{width:100%;height:59px;border:1px solid #5cf000;border-radius:12px;background:linear-gradient(105deg,#07841c,#16bb00 55%,#078a19);color:#fff;display:flex;align-items:center;justify-content:center;gap:15px;font-size:17px;font-weight:800;box-shadow:0 8px 17px #087b2635,inset 0 1px #ffffff45;transition:transform .15s,filter .15s;margin-top:3px}.login-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.login-submit:disabled{opacity:.65;cursor:wait;transform:none}.login-secure{display:flex;align-items:center;justify-content:center;gap:12px;color:#344239;font-size:12px;font-weight:600;margin-top:29px;white-space:nowrap}.login-secure span{height:1px;width:42px;background:#cbd5cc}.login-secure b{color:#26b900;letter-spacing:-3px;font-size:17px;margin-left:2px}.login-card .error,.login-card .success{margin:0;font-size:12px}@media(max-width:1100px){.login-page{grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr)}.login-art{padding:35px}.login-panel{padding:42px 30px}.login-card{padding:42px 34px 30px}.login-feature{width:112px}}@media(max-width:760px){.login-page{display:flex;flex-direction:column;min-height:100svh;background-position:center}.login-page:before{background:#00230ea8}.login-art{min-height:auto;padding:22px 22px 14px;background:linear-gradient(110deg,#003718b8,#00501959)}.login-brand img{width:190px;max-height:75px}.login-intro{padding:20px 0 12px}.login-kicker{font-size:8px}.login-intro h1{font-size:35px;margin:10px 0 7px}.login-intro p{font-size:13px;line-height:1.4}.desktop-break,.login-features,.login-art-footer{display:none}.login-panel{min-height:auto;flex:1;padding:38px 16px 28px;background:#00190a33}.login-card{width:min(100%,480px);padding:34px 23px 25px;border-radius:22px}.restricted-tag{top:-17px;min-width:155px;padding:9px 14px;font-size:10px}.login-logo img{height:75px;width:min(270px,85%)}.login-system-title{font-size:25px;margin-bottom:17px}.login-card-heading{margin-bottom:20px}.login-card-heading h2{font-size:22px}.login-card-heading p{font-size:12px}.login-input-wrap{height:53px}.login-submit{height:54px;font-size:15px}.login-secure{font-size:10px;margin-top:22px;gap:8px}.login-secure span{width:22px}}
