@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{color:#173e43;font-synthesis:none;background:#f2f8f7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55}:root{--p:#187b82;--d:#173e43;--m:#789095;--l:#d6e3e3;--r:#d94e58;--g:#2f9f6d}.login{background:#fff;grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-brand{color:#fff;background:linear-gradient(140deg,#0e646c,#21989c);flex-direction:column;justify-content:center;padding:9vw;display:flex}.login-brand img{object-fit:contain;background:#fff;border-radius:30px;width:120px;height:120px;padding:8px}.login-brand span,.eyebrow{letter-spacing:1.5px;font-size:11px;font-weight:800}.login-brand h1{margin:15px 0 4px;font-size:52px}.login-brand p{color:#d1eeeb}.login-card{width:min(420px,100% - 40px);margin:auto}.login-card>svg,.center>svg{width:54px;height:54px;color:var(--p)}.login-card h2{margin-bottom:5px;font-size:30px}.login-card p,.login-card small{color:var(--m)}.login-card button,.center button{background:var(--p);color:#fff;border:0;border-radius:13px;width:100%;margin:24px 0 12px;padding:15px;font-weight:800}.login-card small{text-align:center;display:block}.error{color:var(--r);background:#fdebed;border-radius:12px;margin:16px 0;padding:12px 15px}.center,.loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:30px;display:flex}.loading span{border:3px solid #c9e2df;border-top-color:var(--p);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell>aside{border-right:1px solid var(--l);background:#fff;flex-direction:column;width:245px;padding:26px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;display:flex}.brand img{width:48px;height:48px}.brand div,.identity span,.list article>div{flex-direction:column;display:flex}.brand b{font-size:23px}.brand span,.identity small,.list small{color:var(--m);font-size:12px}.shell nav{margin-top:36px}.shell nav a{color:var(--p);background:#e8f5f3;border-radius:12px;align-items:center;gap:10px;padding:13px;font-weight:800;display:flex}.shell nav svg{width:20px}.logout{color:var(--r);background:#fff;border:1px solid #f0c8cc;border-radius:11px;justify-content:center;gap:8px;margin-top:auto;padding:11px;font-weight:800;display:flex}.shell>main{max-width:1600px;margin-left:245px;padding:42px clamp(22px,4vw,65px)}.shell main>header{justify-content:space-between;align-items:center;display:flex}.shell h1{margin:5px 0;font-size:40px}.shell header p{color:var(--m);margin:0}.refresh{border:1px solid var(--l);color:var(--p);background:#fff;border-radius:11px;gap:8px;padding:11px 16px;font-weight:800;display:flex}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin:28px 0;display:grid}.stats article{border:1px solid var(--l);background:#fff;border-radius:16px;align-items:center;gap:13px;padding:18px;display:flex}.stats article>svg{width:42px;height:42px;color:var(--p);background:#e8f5f3;border-radius:12px;padding:10px}.stats span{flex-direction:column;display:flex}.stats small{color:var(--m)}.stats b{font-size:28px}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:17px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--l);height:46px;color:var(--d);background:#fff;border-radius:11px;padding:0 12px}.search{border:1px solid var(--l);background:#fff;border-radius:11px;flex:1;align-items:center;gap:8px;min-width:280px;height:46px;padding:0 12px;display:flex}.search svg{width:18px;color:var(--m)}.search input{border:0;outline:0;width:100%;padding:0}.period{background:#dfeceb;border-radius:11px;padding:4px;display:flex}.period button{color:var(--p);background:0 0;border:0;border-radius:8px;padding:8px 13px;font-weight:800}.period button.active{background:#fff}.list{border:1px solid var(--l);background:#fff;border-radius:18px;overflow:hidden}.head,.list article{grid-template-columns:minmax(210px,2fr) .7fr 1fr .85fr .7fr 1fr;align-items:center;gap:16px;padding:14px 18px;display:grid}.head{color:var(--m);text-transform:uppercase;background:#edf6f5;font-size:11px;font-weight:800}.list article{cursor:pointer;border-top:1px solid #edf2f2}.list article:hover{background:#f7fbfa}.identity{align-items:center;gap:11px;min-width:0;flex-direction:row!important;display:flex!important}.identity img{object-fit:contain;background:#eef6f5;border-radius:13px;width:45px;height:45px;padding:3px}.identity span{min-width:0}.identity small{text-overflow:ellipsis;overflow:hidden}.dot{background:#b8c4c5;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block}.dot.on{background:var(--g)}.list em{color:#247a59;background:#e3f5ed;border-radius:9px;padding:6px 8px;font-size:11px;font-style:normal}.expiry-cell strong{color:var(--p);font-size:17px}.expiry-cell.expired strong{color:var(--r);font-size:12px}.empty{text-align:center;color:var(--m);padding:35px}.modal-bg{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102c307c;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail{background:#f4f9f8;width:min(610px,100%);height:100%;overflow:auto;box-shadow:-20px 0 60px #102c3030}.detail>header{border-bottom:1px solid var(--l);z-index:2;background:#fff;justify-content:space-between;padding:18px 22px;display:flex;position:sticky;top:0}.detail>header button{color:var(--p);background:#edf6f5;border:0;border-radius:11px;width:42px;height:42px}.body{padding:22px}.info{grid-template-columns:1fr 1fr;gap:10px;display:grid}.info>div{border:1px solid var(--l);background:#fff;border-radius:13px;flex-direction:column;padding:14px;display:flex}.info small,.beta p,.history small{color:var(--m)}.beta{background:#e8f5f3;border:1px solid #bcded9;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:18px 0;padding:16px;display:grid}.beta>svg{color:var(--p)}.beta h3,.beta p{margin:0}.beta p{font-size:12px}.beta label{font-size:11px;font-weight:800}.beta input{border:1px solid var(--l);border-radius:9px;width:75px;padding:8px;display:block}.beta button{background:var(--p);color:#fff;border:0;border-radius:10px;grid-column:2/4;padding:11px;font-weight:800}.beta button.danger{background:var(--r)}.history{border:1px solid var(--l);background:#fff;border-radius:15px;margin-bottom:22px;overflow:hidden}.history>div{border-bottom:1px solid #edf2f2;align-items:center;gap:11px;padding:13px;display:flex}.history svg{width:20px;color:var(--p)}.history span{flex-direction:column;flex:1;display:flex}.history p{color:var(--m);padding:15px}@media (width<=900px){.shell>aside{flex-direction:row;align-items:center;width:auto;padding:14px;position:static}.shell aside nav{display:none}.shell .logout{margin:0 0 0 auto}.shell>main{margin:0;padding:25px 15px}.stats{grid-template-columns:1fr 1fr}.head{display:none}.list article{grid-template-columns:1fr 1fr}.identity{grid-column:1/-1}.login{grid-template-columns:1fr}.login-brand{padding:45px 25px}.login-brand h1{font-size:38px}.login-card{padding:35px 0}.info{grid-template-columns:1fr}}@media (width<=520px){.stats{grid-template-columns:1fr}.shell h1{font-size:30px}.refresh{font-size:0}.toolbar>*{width:100%}.search{min-width:0}.list article{grid-template-columns:1fr}.beta{flex-direction:column;align-items:stretch;display:flex}.body{padding:14px}}.login-brand{position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";background:#ffffff0c;border-radius:50%;position:absolute}.login-brand:before{width:420px;height:420px;top:-150px;right:-170px}.login-brand:after{width:300px;height:300px;bottom:-120px;left:-130px}.brand-content{z-index:1;max-width:620px;position:relative}.login-benefits{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.login-benefits span{letter-spacing:0;background:#ffffff12;border:1px solid #ffffff2e;border-radius:11px;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.login-benefits svg{width:17px}.login-side{background:radial-gradient(circle at 50% 25%,#edf8f7 0,#fff 46%);justify-content:center;align-items:center;padding:30px;display:flex}.login-card{text-align:center;background:#ffffffeb;border:1px solid #dbe8e7;border-radius:24px;width:min(450px,100%);padding:42px;box-shadow:0 24px 70px #173e4318}.login-icon{width:68px;height:68px;color:var(--p);background:#e6f5f3;border-radius:20px;place-items:center;margin:0 auto 18px;display:grid}.login-icon svg{width:34px;height:34px}.login-card>svg{display:none}.welcome{color:var(--p);letter-spacing:1.4px;font-size:11px;font-weight:800}.login-card h2{margin:8px 0 9px}.login-card p{max-width:330px;margin:0 auto}.google-login{justify-content:center;align-items:center;gap:12px;display:flex}.google-login b{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:27px;height:27px;font-size:17px;display:grid}.secure-note{color:var(--m);justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex}.secure-note svg{width:15px;color:var(--p)}@media (width<=900px){.login-side{padding:28px 18px 45px}.login-card{padding:30px 22px}.login-benefits{margin-top:24px}}