:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:#182d45;background:#f3f7fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:14px max(4%,24px);background:#fff;border-bottom:1px solid #dce6f0;box-shadow:0 1px 12px #102f5610}button{font:inherit;cursor:pointer;border:0}button:disabled{opacity:.55;cursor:not-allowed}.branding{display:flex;align-items:center;gap:13px}.branding strong{font-size:21px;letter-spacing:-.6px;color:#0c2a50}.branding strong em{font-style:normal;color:#0b91a7}.branding small{display:block;font-size:9px;letter-spacing:1.9px;color:#7892aa;font-weight:800;margin-top:3px}.logo{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#135de1,#09a0ae);color:white;font-weight:900;font-size:21px;box-shadow:0 7px 18px #1660c434}.header-right{display:flex;align-items:center;gap:16px;color:#627991;font-size:13px}.chip{padding:8px 13px;border-radius:30px;background:#e6f8f3;color:#158566;font-weight:750}.small,.outline{border:1px solid #cee0ef;border-radius:11px;background:white;color:#28629d;padding:10px 14px;font-weight:750}.hidden{display:none!important}main{max-width:1320px;margin:auto;padding:40px 26px 70px;min-height:calc(100vh - 158px)}.auth-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;min-height:550px}.intro{padding:28px 10px 28px 15px}.eyebrow{letter-spacing:2.5px;color:#128fa4;font-weight:800;font-size:11px;text-transform:uppercase}.intro h1{font-size:clamp(36px,5vw,67px);letter-spacing:-2.9px;line-height:1.12;color:#0c294f;margin:18px 0 25px}.intro h1 span{color:#087da3}.intro>p{font-size:17px;line-height:1.8;color:#627a91;max-width:600px}.benefits{margin-top:40px;display:flex;flex-wrap:wrap;gap:13px}.benefits>div{border:1px solid #dbe9f4;border-radius:14px;padding:15px 18px;background:white;min-width:145px}.benefits b{display:block;font-size:13px;color:#11365e}.benefits small{display:block;font-size:11px;color:#7892aa;margin-top:5px}.login-card,.pane,.subcard{background:white;border:1px solid #dbe7f0;border-radius:23px;box-shadow:0 14px 42px #31517110}.login-card{padding:32px 34px;max-width:470px;width:100%;justify-self:end}.login-card h2{font-size:30px;letter-spacing:-.7px;margin:7px 0}.login-card>p:not(.eyebrow):not(.notice){font-size:13px;line-height:1.6;color:#7790a5;margin:0 0 22px}form{display:grid;gap:14px}label{display:block;font-size:12px;font-weight:750;color:#506782}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ccdced;border-radius:11px;background:#f9fcff;color:#193754;font:inherit;outline:none;min-height:47px;transition:border-color .2s,box-shadow .2s}input:focus{border-color:#1489b0;box-shadow:0 0 0 3px #1489b01b}.primary{background:linear-gradient(105deg,#1668dd,#0996a7);border-radius:11px;color:white;padding:15px;font-weight:800;box-shadow:0 8px 20px #186cd824}.textbtn{margin-top:15px;background:transparent;padding:8px 0;color:#137ca4;font-weight:750;font-size:12px}.notice{font-size:12px;line-height:1.6;color:#a14b3d;min-height:5px;margin:9px 0}.page-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.page-heading h1{font-size:32px;letter-spacing:-1px;margin:6px 0}.page-heading p:not(.eyebrow){color:#748da5;margin:4px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.stat-grid article{padding:20px 23px;border-radius:17px;background:white;border:1px solid #dbe7f1;box-shadow:0 6px 19px #1937540a}.stat-grid span{font-size:12px;color:#738aa1;font-weight:700}.stat-grid strong{display:block;color:#114170;font-size:35px;letter-spacing:-1px;margin-top:10px}.tabs{display:flex;gap:9px;margin-bottom:17px;flex-wrap:wrap}.tabs button{border:1px solid #d9e6f0;border-radius:12px;padding:12px 21px;background:#fff;color:#526e89;font-weight:750}.tabs button.selected{background:#154b85;color:#fff;border-color:#154b85}.pane{padding:25px 26px;min-height:290px}.pane-head{margin-bottom:22px;border-bottom:1px solid #e9eff6;padding-bottom:14px}.pane-head h2{margin:0 0 6px;color:#0d3158;font-size:21px}.pane-head p{font-size:13px;color:#7890a5;line-height:1.6;margin:0}.cards{display:grid;gap:12px}.rowcard{border:1px solid #e3edf5;background:#f9fcff;border-radius:14px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.rowcard strong{color:#183a62;font-size:15px}.rowcard p{font-size:12px;color:#728aa0;margin:5px 0 0}.actions{display:flex;gap:8px;align-items:center}.action{border:1px solid #c8deec;border-radius:9px;padding:9px 12px;color:#155c99;font-size:12px;background:#fff;font-weight:800}.action.danger{color:#b43446;border-color:#f0cad1}.badge{font-size:10px;letter-spacing:.5px;border-radius:20px;padding:7px 10px;font-weight:800;background:#e9f1f9;color:#47718b}.badge.Approved{color:#14805c;background:#dff8ee}.badge.Pending{color:#bd7a11;background:#fff2d3}.badge.Revoked{color:#b7424f;background:#fde8ec}.cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:20px;align-items:start}.subcard{padding:22px;background:#f9fcff;box-shadow:none;border-radius:16px}.subcard h3{color:#0d3158;font-size:16px;margin:0 0 14px}.subcard p{color:#61788f;font-size:13px;line-height:1.8}.warn{color:#a16d16!important;background:#fff6df;padding:12px;border-radius:9px}code{font-family:Consolas,monospace;font-size:12px;color:#17619d;word-break:break-all}footer{border-top:1px solid #e0eaf4;background:white;display:flex;justify-content:space-between;gap:15px;padding:22px max(4%,24px);font-size:12px;color:#8296ac}@media(max-width:880px){.auth-layout{grid-template-columns:1fr;gap:15px}.intro{padding:10px}.login-card{justify-self:start;max-width:100%}.cols{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-right{gap:7px}.chip{display:none}}@media(max-width:480px){main{padding:25px 15px 50px}.intro h1{letter-spacing:-1.7px}.login-card{padding:24px 20px}.stat-grid{gap:10px}.stat-grid article{padding:14px}.stat-grid strong{font-size:28px}.rowcard{align-items:flex-start;flex-direction:column}.pane{padding:16px}.branding strong{font-size:16px}.branding small{font-size:8px}.logo{height:40px;width:40px}footer span{display:none}}