:root{font-family:Inter,Arial,sans-serif;color:#17324d;background:#f2f6f7}*{box-sizing:border-box}body{margin:0}header{height:74px;padding:0 max(20px,calc((100% - 1000px)/2));display:flex;justify-content:space-between;align-items:center;background:#092f4c;color:#fff}.brand{display:flex;align-items:center;gap:11px}.brand>span{width:40px;height:45px;display:grid;place-items:center;border:2px solid #d8a61b;border-radius:45%;color:#d8a61b;font-size:24px}.brand b,.brand small{display:block}.brand small{color:#b9cedb}header button{background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:8px;padding:8px 14px}.login{max-width:560px;margin:60px auto;padding:0 20px}.eyebrow{color:#087f6b;font-size:11px;letter-spacing:.14em;font-weight:800}.login h1{font-size:38px;margin:10px 0}.login>p{color:#61788b;line-height:1.6}.login form,.request{display:grid;gap:15px;background:#fff;border:1px solid #dbe4e9;border-radius:14px;padding:22px;margin:25px 0}.login label,.request label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;min-height:47px;border:1px solid #c7d3db;border-radius:9px;padding:10px 13px;font:inherit}textarea{min-height:110px}input:focus,select:focus,textarea:focus{outline:0;border-color:#087f6b;box-shadow:0 0 0 3px #087f6b20}button,.pass-card a{min-height:43px;border:0;border-radius:9px;padding:10px 18px;background:#087f6b;color:#fff;font-weight:800;text-decoration:none;display:inline-grid;place-items:center}.secondary{background:#e9eff2;color:#17324d}.login aside,.notice{padding:18px;background:#fff8e7;border:1px solid #ead69b;border-radius:12px}.login aside p{margin-bottom:0}.error{padding:13px;background:#fff0ee;color:#a43a31;border-radius:9px}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.shell nav{position:sticky;top:0;height:100vh;background:#092f4c;color:#fff;padding:25px 17px;display:flex;flex-direction:column;gap:8px}.shell nav .brand{margin-bottom:28px}.shell nav button{justify-content:start;background:transparent;color:#c5d6e0}.shell nav button.active{background:#ffffff16;color:#fff;border-left:3px solid #d8a61b}.workspace{padding:38px;max-width:1050px;width:100%}.welcome,.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.welcome h1{margin:3px 0}.pass-card,.empty{background:#fff;border:1px solid #dbe5e8;border-radius:17px;padding:25px}.pass-card{border-top:5px solid #087f6b}.pass-status{display:flex;align-items:center;gap:12px}.pass-status>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#e8f6f1;color:#087f6b;font-size:24px}.pass-status h2{margin:3px 0}.reference{display:block;font-size:23px;margin:24px 0}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}dl div{padding:13px;background:#f5f8f8;border-radius:8px}dt{font-size:11px;color:#728795;text-transform:uppercase}dd{margin:5px 0 0;font-weight:700}.list{display:grid;gap:10px}.list article{display:flex;justify-content:space-between;gap:15px;padding:16px;background:#fff;border:1px solid #dfe7ea;border-radius:10px}.list small{display:block;color:#6a8090;margin-top:5px}.request>div{display:flex;justify-content:flex-end;gap:10px}@media(max-width:720px){.shell{grid-template-columns:1fr}.shell nav{position:fixed;z-index:5;bottom:0;top:auto;width:100%;height:auto;display:grid;grid-template-columns:repeat(4,1fr);padding:8px}.shell nav .brand{display:none}.shell nav button{font-size:11px;justify-content:center;padding:8px 3px}.workspace{padding:25px 16px 90px}dl{grid-template-columns:1fr}.list article{display:grid}.login h1{font-size:31px}}