*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172b3f;font-family:Tahoma,Arial,sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.screen{min-height:100vh}.login-card{width:min(440px,92%);margin:7vh auto;background:#fff;border-radius:26px;padding:32px;box-shadow:0 16px 50px #102b4517;text-align:right}.seal{width:78px;height:78px;border:2px solid #cfae58;border-radius:50%;display:grid;place-items:center;color:#173452;font-size:22px;font-weight:800;margin-bottom:18px}.eyebrow{font-size:12px;color:#9a7b2c;font-weight:700}.login-card h1{margin:7px 0;font-size:29px}.login-card p{color:#71808d;margin:0 0 25px}.login-card label{display:block;font-weight:700;margin:15px 0 7px}.login-card input{width:100%;border:1px solid #dce2e8;border-radius:13px;padding:13px;outline:none}.primary{width:100%;border:0;border-radius:13px;padding:14px;background:#173452;color:#fff;font-weight:800;margin-top:20px;cursor:pointer}.msg{min-height:28px;margin-top:12px;color:#b23a3a;font-size:13px}.topbar{background:#173452;color:#fff;padding:17px max(18px,calc((100% - 980px)/2));display:flex;justify-content:space-between;align-items:center}.topbar small,.topbar strong{display:block}.topbar small{opacity:.7;font-size:11px}.topbar strong{font-size:18px;margin-top:3px}.ghost{background:transparent;color:#fff;border:1px solid #ffffff55;border-radius:10px;padding:8px 13px}.content{max-width:980px;margin:auto;padding:22px 16px 100px}.welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.welcome h2{margin:5px 0 0;font-size:24px}.today{font-size:12px;color:#73808b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats>div{background:#fff;border:1px solid #e4e8ec;border-radius:17px;padding:16px}.stats span{display:block;color:#73808b;font-size:12px}.stats b{display:block;font-size:27px;margin-top:7px}.section{margin-top:25px}.section-head{display:flex;justify-content:space-between;align-items:center}.section h3{margin:0 0 12px}.textbtn{border:0;background:none;color:#173452;font-weight:700}.request-list{display:grid;gap:10px}.request{background:#fff;border:1px solid #e1e6eb;border-radius:16px;padding:15px;display:flex;justify-content:space-between;gap:15px;align-items:center}.request strong{display:block}.request small{color:#7b8792;display:block;margin-top:6px}.status{padding:6px 10px;border-radius:99px;background:#f5edda;color:#725b20;font-size:11px;white-space:nowrap}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick button{border:1px solid #e0e5ea;background:#fff;border-radius:16px;padding:18px 8px;cursor:pointer;color:#173452}.quick button span{display:block;font-size:12px;margin-top:8px}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e6ea;display:flex;justify-content:center;gap:20px;padding:9px}.bottom button{width:90px;border:0;background:none;color:#788692;cursor:pointer}.bottom button.active{color:#173452}.bottom small{display:block;margin-top:3px}.detail{background:#fff;border-radius:18px;border:1px solid #e2e6eb;padding:18px}.detail-row{display:flex;justify-content:space-between;border-bottom:1px solid #eef1f3;padding:11px 0}.detail-row:last-child{border:0}@media(max-width:650px){.stats{grid-template-columns:repeat(2,1fr)}.quick{grid-template-columns:repeat(2,1fr)}.welcome{align-items:start;flex-direction:column;gap:7px}.request{align-items:start;flex-direction:column}.login-card{margin-top:4vh}}