@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#172b28;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;background:#f3f6f4;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#145b4d;border:0;border-radius:10px;padding:12px 18px;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}button:hover:not(:disabled){filter:brightness(.94)}.secondary{color:#1b4d41;background:#e8efeb}.outline{color:#245a4c;background:#fff;border:1px solid #cbd8d1}.small{padding:9px 13px;font-size:13px}.login-shell{background:radial-gradient(circle at 15% 10%,#dcece3,#0000 40%),#f3f6f4;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e2eae5;border-radius:22px;width:min(100%,440px);padding:34px;box-shadow:0 18px 55px #173c2d12}.brand-mark,.brand-small{color:#fff;background:#145b4d;place-items:center;font-family:Manrope,sans-serif;font-weight:800;display:grid}.brand-mark{border-radius:16px;width:52px;height:52px;margin-bottom:22px;font-size:24px}.eyebrow{letter-spacing:1.5px;color:#528273;margin:0 0 8px;font-size:10px;font-weight:800}.login-card h1,.welcome h1{margin:0 0 8px;font:800 27px Manrope,sans-serif}.muted{color:#73817b;font-size:14px;line-height:1.55}.stack{gap:17px;margin-top:28px;display:grid}label{color:#31453e;gap:8px;font-size:13px;font-weight:700;display:grid}input{color:#18332a;background:#fff;border:1px solid #d8e2dc;border-radius:9px;outline:none;width:100%;padding:12px 13px}input:focus{border-color:#398b72;box-shadow:0 0 0 3px #398b721c}.alert{border-radius:10px;padding:12px 14px;font-size:13px}.error{color:#a43a32;background:#fff0ef}.warning{color:#85601c;background:#fff8e7}.success{color:#286c48;background:#eaf7ef}.app-shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5ece7;justify-content:space-between;align-items:center;height:66px;padding:0 max(22px,50% - 550px);display:flex}.topbar>div{align-items:center;gap:11px;font-family:Manrope,sans-serif;display:flex}.brand-small{border-radius:10px;width:34px;height:34px}.content{gap:20px;max-width:1000px;margin:36px auto;padding:0 22px 60px;display:grid}.welcome,.panel-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel{background:#fff;border:1px solid #e3ebe5;border-radius:16px;padding:23px;box-shadow:0 5px 20px #183a2a08}.panel h2{margin:0 0 5px;font:700 18px Manrope,sans-serif}.panel-heading .muted{margin:0}.count{color:#27644f;background:#e8f2ed;border-radius:30px;padding:7px 12px;font-weight:800}.empty{text-align:center;color:#7c8982;padding:28px 10px;font-size:14px}.request-list{display:grid}.request{border-top:1px solid #edf1ee;justify-content:space-between;align-items:center;gap:18px;padding:17px 0;display:flex}.request p{color:#77847d;margin:5px 0;font-size:13px}.request small{color:#43806b}.request-actions{flex-wrap:wrap;gap:8px;display:flex}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.entry-grid button{align-self:end}.hint{color:#829087;font-size:12px;line-height:1.5}.notification{background:#f5f8f6;border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.icon-button{color:#35564a;background:#edf2ef;padding:5px 12px;font-size:23px}@media (width<=650px){.content{margin:22px auto}.panel{padding:18px}.welcome{align-items:flex-start}.welcome h1{font-size:22px}.request{flex-direction:column;align-items:flex-start}.request-actions{width:100%}.entry-grid{grid-template-columns:1fr}.login-card{padding:25px}.topbar{padding:0 18px}}.brand-mark-image{object-fit:contain;width:74px;height:74px;margin:0 0 22px;display:block}.brand-small-image{object-fit:contain;width:34px;height:34px;display:block}.auth-page{color:#1f1f33;background:#f6f4fc;grid-template-columns:minmax(430px,39.6%) 1fr;min-height:100vh;font-family:Inter,DM Sans,sans-serif;display:grid}.auth-brand-panel{color:#fff;background:linear-gradient(115deg,#211a52 0%,#4f33ab 100%);flex-direction:column;min-height:100vh;padding:76px;display:flex;position:relative;overflow:hidden}.auth-brand-panel:before,.auth-brand-panel:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.auth-brand-panel:before{background:radial-gradient(circle at 35% 45%,#a58bea66 0%,#7458c933 44%,#0000 72%);border:1px solid #ffffff12;width:430px;height:430px;top:-115px;right:-215px}.auth-brand-panel:after{background:radial-gradient(circle,#9876e966 0%,#7458c922 52%,#0000 72%);width:390px;height:390px;bottom:-210px;left:-250px}.auth-brand{z-index:1;align-items:center;gap:13px;display:flex;position:relative}.auth-brand img{object-fit:contain;background:#fff;border-radius:17px;width:57px;height:57px;padding:10px}.auth-brand strong{letter-spacing:.3px;font-size:25px;font-weight:800;display:block}.auth-brand span{color:#d1c7f5;letter-spacing:1.4px;margin-top:4px;font-size:10px;font-weight:700;display:block}.auth-welcome{z-index:1;margin:auto 0;position:relative}.auth-kicker{color:#c7bfe5;letter-spacing:1.6px;margin:0 0 22px;font-size:10px;font-weight:800}.auth-welcome h1{letter-spacing:-1.4px;margin:0 0 22px;font-size:42px;font-weight:800;line-height:1.18}.auth-welcome>p:not(.auth-kicker){color:#dbd6f0;font-size:17px;line-height:1.65}.auth-welcome i{background:#f5b84d;border-radius:4px;width:52px;height:4px;margin-top:40px;display:block}.auth-brand-footer{z-index:1;color:#c7bfe5;letter-spacing:1.5px;font-size:10px;font-weight:700;position:relative}.auth-main{place-items:center;min-height:100vh;padding:36px;display:grid}.auth-card{background:#fff;border-radius:28px;flex-direction:column;align-items:stretch;width:min(100%,510px);min-height:690px;padding:48px 80px 32px;display:flex;box-shadow:0 14px 32px #291f521a}.auth-card-logo{background:#4f33ab;border-radius:15px;align-self:center;place-items:center;width:50px;height:50px;margin:0 auto 27px;padding:9px;display:grid}.auth-card-logo img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.auth-card h2{color:#1f1f33;margin:0 0 8px;font-size:27px;font-weight:800;line-height:1.25}.auth-subtitle{color:#7a7a91;margin:0 0 48px;font-size:13px}.auth-form{gap:0;display:grid}.auth-form label{letter-spacing:1px;color:#1f1f33;margin-bottom:13px;font-size:11px;font-weight:800}.auth-pin-input{text-align:center;letter-spacing:20px;color:#4f33ab;background:#fff;border:1.5px solid #d9d3e9;border-radius:13px;height:70px;padding:12px 18px 12px 36px;font-size:24px;box-shadow:inset 0 0 0 1px #f6f4fa}.auth-pin-input:focus{border-color:#6b50bd;outline:none;box-shadow:0 0 0 4px #4f33ab16}.auth-pin-input::placeholder{letter-spacing:8px;color:#c9c3d8;opacity:1;font-size:17px}.auth-help{color:#7a7a91;margin:10px 0 28px;font-size:11px}.auth-submit{background:#4f33ab;border-radius:14px;height:58px;font-size:16px;font-weight:700;box-shadow:0 8px 18px #4f33ab25}.auth-submit:disabled{opacity:.55}.auth-forgot{color:#7a7a91;margin:25px 0 0;font-size:11px}.auth-divider{background:#e3def0;height:1px;margin:30px 0 22px}.auth-secure{color:#4f33ab;letter-spacing:.7px;margin:0;font-size:10px;font-weight:800}.auth-copyright{color:#7a7a91;margin:auto 0 0;padding-top:30px;font-size:10px}.mobile-keypad,.mobile-copyright{display:none}@media (width<=900px){.auth-page{grid-template-columns:34% 1fr}.auth-brand-panel{padding:42px 32px}.auth-card{padding-left:48px;padding-right:48px}}@media (width<=680px){.auth-page{background:#f6f4fc;min-height:100vh;display:block}.auth-brand-panel{text-align:center;background:#211a52;align-items:center;height:260px;min-height:260px;padding:55px 24px 0}.auth-brand-panel:before{width:230px;height:230px;top:-110px;right:-95px}.auth-brand-panel:after{width:180px;height:180px;bottom:-85px;left:-95px}.auth-brand{flex-direction:column;gap:12px;display:flex}.auth-brand img{width:57px;height:57px}.auth-brand strong{font-size:23px}.auth-brand span{font-size:10px}.auth-welcome,.auth-brand-footer{display:none}.auth-main{min-height:calc(100vh - 260px);padding:0 24px 22px;display:block;position:relative}.auth-card{border-radius:24px;width:100%;min-height:590px;margin:-35px auto 0;padding:32px 28px 24px;position:relative;box-shadow:0 10px 26px #241a471f}.auth-card-logo{display:none}.auth-card h2{margin:0 0 7px;font-size:25px}.auth-subtitle{margin:0 0 36px;font-size:13px}.auth-form label{margin-bottom:10px;font-size:10px}.auth-pin-input{letter-spacing:18px;height:64px;padding-left:28px;font-size:22px}.auth-help{margin:8px 0 14px;font-size:10px}.mobile-keypad{grid-template-columns:repeat(3,52px);grid-auto-rows:52px;justify-content:center;gap:14px;margin:0 auto 16px;display:grid}.mobile-keypad button{color:#1f1f33;background:#fff;border:1px solid #e3def0;border-radius:50%;width:52px;height:52px;padding:0;font-size:22px;font-weight:500}.mobile-keypad button:active{background:#ede8fc}.mobile-keypad .key-delete{background:#ede8fc;font-size:20px}.auth-submit{border-radius:12px;height:48px;font-size:14px}.auth-forgot,.auth-divider,.auth-secure,.auth-copyright{display:none}.mobile-copyright{text-align:center;color:#7a7a91;margin:22px 0 0;font-size:10px;display:block}}