450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
*{box-sizing:border-box}body{margin:0;color:#24233e;background:#f7f8fc;font:14px 'DM Sans',Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{transition:background .18s,transform .18s}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e2e2ef;border-radius:7px;background:white;padding:10px 14px;font-weight:550;color:#4c4b68;cursor:pointer;white-space:nowrap}button:hover{background:#f1f0fa;border-color:#cac7e5}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #a8a0ec66;outline-offset:2px}.primary{background:#5446bf;color:white;border-color:#5446bf;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;padding:11px 17px;font-weight:600}.primary:hover{background:#4335aa;border-color:#4335aa}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif}h1{font-size:29px;letter-spacing:-1px;line-height:1.4;font-weight:800}h2{font-size:22px;letter-spacing:-.5px}h3{font-size:14px;font-weight:750}small{display:block;font-size:11px;color:#8b8b9e;margin-top:5px;line-height:1.5}strong{font-weight:550}p{color:#858498;font-size:13px;line-height:1.7}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:247px;background:#25204f;color:#c5c0df;display:flex;flex-direction:column;z-index:30}.brand{height:90px;border-bottom:1px solid #ffffff10;display:flex;align-items:center;gap:12px;padding:20px 26px;color:white;font:800 28px Manrope,sans-serif;letter-spacing:1px}.brandIcon{background:#6355cc;border-radius:10px;width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.brand div>span{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:3px;color:#bab3df}.workspace{display:flex;align-items:center;gap:10px;padding:16px 12px;margin:22px 17px 21px;border:1px solid #ffffff15;border-radius:8px;font-size:11px;color:#eeecfa}.workspaceicon{background:#ffffff0d;border:1px solid #ffffff12;padding:7px;border-radius:6px}.workspace small{font-size:10px;color:#a8a1c6;margin-top:4px}.workspace>svg{margin-left:auto;color:#a39bd1}.navlabel{font-size:9px;letter-spacing:1.5px;color:#8981b0;padding:0 27px 11px}nav{padding:0 13px}nav button{width:100%;background:none;border:0;color:#bcb6d6;justify-content:flex-start;padding:13px 15px;margin:3px 0;font-size:12px;font-weight:500;gap:13px}nav button span{flex:1;text-align:left}nav button:hover{background:#ffffff0c}nav button.active{background:white;color:#403681;box-shadow:0 4px 14px #17133433}nav button b{font-size:10px;background:#6b61af44;border-radius:4px;padding:3px 6px}.sidebarBottom{margin-top:auto;padding:30px 20px 20px}.secure{display:flex;gap:9px;padding:16px 4px 23px;font-size:11px;color:#c1badc}.secure small{font-size:9px;color:#8880aa}.profile{border-top:1px solid #ffffff10;padding-top:21px;display:flex;gap:10px;align-items:center}.profile b{font-size:11px;color:#f0edff}.profile small{font-size:9px;color:#aaa3cb}.avatar{height:35px;width:35px;border-radius:50%;background:#51459a;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:white;font-weight:650;flex-shrink:0}.signout{font-size:10px;text-decoration:none;color:#aaa3cb;display:flex;gap:7px;align-items:center;margin:17px 0 0 46px}.body{margin-left:247px;width:calc(100% - 247px)}header{height:70px;background:#fff;border-bottom:1px solid #ebeaf4;padding:0 35px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#a19eb2}.breadcrumb b{color:#514d6a;font-weight:550}.topright{display:flex;align-items:center;gap:18px}.role{display:flex;gap:7px;align-items:center;font-size:10px;color:#6759b1;background:#f3f0fd;padding:7px 10px;border:1px solid #eae4fa;border-radius:5px}.topavatar{height:31px;width:31px;border-radius:50%;background:#ede9fc;color:#5445ac;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}main{max-width:1720px;padding:34px 35px 0;margin:auto}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.65px;font-weight:700;color:#9a96ae;margin-bottom:8px}.heading p{margin-top:6px;font-size:12px}.actions{display:flex;gap:10px}.actions button{font-size:11px;height:39px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{display:block;text-align:left;padding:19px 19px 16px;border:1px solid #e6e5f0;border-radius:9px;box-shadow:0 2px 3px #28205202;min-width:0}.stat:hover{transform:translateY(-2px);background:white}.statlabel{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7c7894;font-weight:650}.statIcon{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.purple{background:#f0edfc;color:#6857c6}.amber{background:#fff5df;color:#d29a2f}.green{background:#eaf6ee;color:#3c9a6b}.blue{background:#ebf1fd;color:#6388cf}.stat>strong{font:800 31px Manrope,sans-serif;color:#302a50;display:block;letter-spacing:-.8px;margin:1px 0 17px}.statfoot{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:400;color:#9691a8;letter-spacing:0}.statfoot>svg{margin-left:auto;color:#b5b1c6}.statfoot i{width:5px;height:5px;border-radius:50%;background:currentColor}.workflow{padding:21px 23px;display:flex;gap:15px;align-items:center;border:1px solid #e6e1f6;border-radius:9px;background:linear-gradient(105deg,#f0ecfc,#f8f6ff);margin-bottom:28px}.workflowIcon{display:flex;align-items:center;justify-content:center;min-width:41px;height:41px;background:#e7e0fb;color:#6c58c8;border-radius:9px}.workflow h3{font-size:12px;color:#51437b}.workflow p{font-size:10px;margin-top:5px;color:#9890ae}.steps{margin-left:auto;display:flex;align-items:center;gap:12px;color:#b5accd;flex-shrink:0}.steps span{font-size:9px;display:flex;gap:7px;align-items:center;color:#8d80ab}.steps b{height:20px;width:20px;border:1px solid #ddd5ef;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;color:#8b7cb3}.panel{background:white;border:1px solid #e6e6f0;border-radius:9px;overflow:hidden;box-shadow:0 2px 4px #29205002}.tableHead{display:flex;align-items:center;justify-content:space-between;padding:21px 22px 19px;border-bottom:1px solid #f0eff6;gap:15px}.tableHead h3{display:flex;align-items:center;gap:9px}.tableHead p{font-size:10px;margin-top:6px;color:#9893a9}.count{font:500 10px 'DM Sans';color:#756aa2;background:#f2eefb;border:1px solid #e9e4f6;padding:2px 7px;border-radius:5px}.textbutton{padding:0;background:none;border:0;font-size:10px;color:#6555b7}.textbutton:hover{background:none;color:#44348e}.filters{padding:15px 22px;display:flex;justify-content:space-between;gap:14px}.search{display:flex;gap:9px;align-items:center;border:1px solid #e9e7f0;border-radius:6px;padding:0 11px;color:#aaa4bd;max-width:340px;width:45%;height:35px}.search input{border:0;outline:none!important;padding:0;width:100%;font-size:10px;color:#534f69;background:transparent}.search input::placeholder{color:#aaa5b8}.filterRight{display:flex;gap:9px}.filterRight select{font-size:10px;width:auto;max-width:180px;padding:7px 29px 7px 11px;border-color:#e9e7f0;height:35px}.filterRight button{padding:8px;color:#928aa9}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;font-size:11px}.tableScroll{overflow-x:auto}th{background:#fafafd;color:#9a94ad;font-size:8px;letter-spacing:.8px;font-weight:600;padding:13px 16px;border-top:1px solid #f2f0f7;border-bottom:1px solid #f2f0f7}td{padding:17px 16px;border-bottom:1px solid #f1f0f6}th:first-child,td:first-child{padding-left:22px}td:last-child{padding-right:15px}td strong{font-size:11px;color:#514c68}td small{font-size:9px;margin-top:4px;color:#a19aad}.staff{display:flex;align-items:center;gap:9px}.small.avatar{width:30px;height:30px;border-radius:9px;background:#f0ecfb;color:#8d7eb8;font-size:9px}.namebutton{background:none;border:0;padding:0;font-size:11px;color:#47405e;font-weight:600}.namebutton:hover{background:none;color:#6250b5}.plate{display:inline-flex;gap:8px;align-items:center;background:#fcfcfe;border:1px solid #e1dfeb;border-radius:4px;padding:4px 8px;color:#4c475d;font-size:10px;box-shadow:0 1px 1px #00000004}.plate span{border-right:1px solid #e1dfeb;padding-right:7px;font-weight:500;color:#93899f;font-size:9px}.plate b{font-weight:650;letter-spacing:1px}.depttag{font-size:9px;background:#f7f6fb;padding:4px 7px;border:1px solid #efedf5;border-radius:4px;color:#888096}.badge{display:inline-flex;gap:5px;align-items:center;padding:5px 7px;border-radius:4px;font-size:8px;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.pending{background:#fff8e7;color:#c1993d;border-color:#f5e9c7}.approved{background:#edf7f0;color:#5b9979;border-color:#dfeee5}.rejected{background:#fff0f0;color:#c37b7b;border-color:#f5dddd}.muted{color:#9a93a8;font-size:10px}.iconbutton{border:0;padding:5px;color:#aaa2ba;background:none}.pagination{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;color:#aaa1b4;font-size:9px}.pagination>div{display:flex;align-items:center;gap:12px}.pagination button{padding:5px;border-color:#eae6f0}.pagination span{font-size:9px}.bottomgrid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin-top:24px}.bottomgrid .tableHead{padding:19px 22px}.bottomgrid .tableHead>svg{color:#b0a5c6}.bottomgrid h3{font-size:12px}.getting{padding:25px;min-height:140px}.getting p{font-size:12px;margin-bottom:14px}.deptrow{padding:16px 22px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #f3f1f7}.depticon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #eee9f6;border-radius:7px;color:#a193b9;background:#faf8fe}.deptrow b{font-size:11px;font-weight:550}.deptrow small{font-size:9px}.deptrow>.muted{margin-left:auto;font-size:9px}.activity{padding:15px 22px;display:flex;gap:12px}.activitydot{height:7px;width:7px;flex-shrink:0;border-radius:50%;background:#b8a7d9;margin-top:5px;box-shadow:0 0 0 4px #f6f2fc}.activity b{font-weight:550;font-size:10px}.activity p{font-size:10px;margin-top:4px}.activity small{font-size:9px;color:#b2a8bb}footer{display:flex;justify-content:space-between;padding:27px 0 21px;color:#b5adbe;font-size:9px}footer span{display:flex;align-items:center;gap:6px}footer i{height:3px;width:3px;border-radius:50%;background:#c6bdce}.empty{padding:55px 20px;text-align:center;white-space:normal}.empty h3{margin:14px 0 7px;font-size:16px}.empty p{font-size:12px;margin:0 auto 20px;max-width:360px}.empty button{font-size:11px}.emptyIcon{width:58px;height:58px;background:#f2eefb;color:#9688bb;border:1px solid #eae3f7;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:auto}.departmentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.deptcard{padding:24px}.deptcard h3{margin-top:15px;font-size:16px}.deptcard p{margin-top:5px;font-size:11px}.deptnums{display:flex;justify-content:space-between;margin:25px 0;color:#a39aaf;font-size:9px}.deptnums b{display:block;font-size:22px;color:#5c4f76;margin-bottom:7px}.deptcard button{width:100%;font-size:10px;justify-content:space-between}.notice{display:flex;align-items:flex-start;gap:9px;background:#f6f3fd;border:1px solid #e9e2f6;color:#8a7caa;padding:13px 16px;font-size:11px;line-height:1.7;border-radius:6px}.notice svg{flex-shrink:0;margin-top:2px}.notice p{font-size:11px;color:#8a7caa}.panel>.notice{margin:20px}.overlay{position:fixed;inset:0;background:#1f18346b;backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:white;width:580px;max-width:100%;max-height:92vh;border-radius:13px;box-shadow:0 30px 100px #1e16384d;display:flex;flex-direction:column;overflow:hidden}.modal.wide{width:740px}.modal.compact{width:480px}.modalhead{padding:24px 28px;border-bottom:1px solid #eeeaf4;display:flex;align-items:center;justify-content:space-between;gap:12px}.modalhead button{border:0;padding:5px;color:#a49aaf;background:transparent}.modalhead .eyebrow{font-size:8px;margin-bottom:7px}.modalhead h2{font-size:21px}.modal form{overflow:hidden;display:flex;flex-direction:column;min-height:0}.modalbody{padding:24px 28px;overflow-y:auto}.modalbody>p{margin-bottom:18px}.modalfoot{display:flex;justify-content:flex-end;gap:10px;padding:17px 28px;border-top:1px solid #eeeaf4;background:#fcfbfe;flex-shrink:0}.modalfoot button{font-size:11px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#726780;font-weight:550}input,select,textarea{width:100%;border:1px solid #e5dfed;border-radius:6px;padding:11px 12px;color:#554962;background:#fff;font-size:12px;font-weight:400}input::placeholder,textarea::placeholder{color:#b7adbf}select{appearance:auto}textarea{min-height:80px;resize:vertical}input[type=checkbox]{width:13px;height:13px;padding:0;accent-color:#6953b9}.sectiontitle{display:flex;align-items:center;gap:9px;margin:4px 0 19px}.sectiontitle:not(:first-child){margin-top:28px}.sectiontitle>span{font-size:9px;background:#f3effa;color:#9a88b5;border:1px solid #e8e0f2;padding:4px 5px;border-radius:4px}.sectiontitle h3{font-size:12px;color:#655575}.plateinputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.platepreview{display:flex;align-items:center;gap:17px;padding:17px;background:#faf8fd;border:1px dashed #e6dfef;border-radius:7px}.large.plate{font-size:23px;padding:9px 14px;background:white}.large.plate span{font-size:16px}.platepreview b{font-size:11px;color:#8b7a9e}.platepreview small{font-size:9px;max-width:340px}.modalbody>.notice{margin-top:21px}.detailstatus{display:flex;justify-content:space-between;align-items:center}.vehiclehero{text-align:center;padding:25px 0;color:#a390bb}.vehiclehero h2{margin-top:11px;font-size:22px;color:#61506e}.vehiclehero p{margin:6px 0 16px}.vehiclehero .plate{color:#5e4c6b}.vehiclehero>small{margin-top:8px}.detailgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #eee8f4;padding-top:20px}.detailgrid small{font-size:9px;margin:0 0 5px}.detailgrid b{font-size:11px;font-weight:500;overflow-wrap:anywhere}.danger{color:#bb6572;border-color:#efd4db;background:#fff7f8}.danger:hover{background:#fbe8ed}.toast{position:fixed;bottom:24px;left:calc(50% + 120px);transform:translateX(-50%);z-index:100;background:#30284a;color:white;box-shadow:0 8px 30px #241b3a35;border:1px solid #ffffff20;padding:15px 19px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px;max-width:90vw}.toast button{background:none;border:0;color:#d1c7df;padding:0;margin-left:12px}.bulk{display:flex;align-items:center;gap:12px;padding:12px 22px;background:#f4effc;color:#827099;font-size:11px}.bulk button{font-size:10px;padding:6px 9px}.mobilemenu{display:none}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;max-width:650px;text-align:center}.loading p{overflow-wrap:anywhere}.loading h1{font-size:27px}
@media(min-width:1500px){main{padding:40px 44px 0}header{padding:0 44px}.stat{padding:22px}.stat>strong{font-size:35px}.workflow{padding:24px}.heading{margin-bottom:34px}td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1200px){.sidebar{width:215px}.body{margin-left:215px;width:calc(100% - 215px)}main{padding:26px 24px 0}header{padding:0 24px}.heading{align-items:flex-start}.heading h1{font-size:24px}.workflow .steps{display:none}.stat{padding:14px}.statlabel{font-size:8px;letter-spacing:.6px}.statIcon{width:29px;height:29px}.statfoot{font-size:8px}.statfoot>svg{display:none}.brand{padding-left:22px}.departmentgrid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 100px)}}
@media(max-width:900px){.sidebar{width:190px}.body{margin-left:190px;width:calc(100% - 190px)}.brand{padding:18px;font-size:24px}.brandIcon{width:34px;height:34px}.brand div>span{font-size:6px}.workspace{margin:18px 12px;padding:12px 8px}.workspace>svg{display:none}nav{padding:0 9px}nav button{font-size:10px;gap:10px}.sidebarBottom{padding:20px 14px}.stats{grid-template-columns:repeat(2,1fr)}.statfoot{font-size:10px}.heading{flex-direction:column;gap:17px}.bottomgrid{grid-template-columns:1fr}.role{font-size:8px}.departmentgrid{grid-template-columns:1fr}.filters{flex-wrap:wrap}.search{width:100%;max-width:none}.filterRight{width:100%}.filterRight select{flex:1;max-width:none}.topright{gap:10px}.secure{font-size:9px}.profile b{font-size:10px}.profile small{font-size:8px}.toast{left:50%}}
@media(max-width:640px){.sidebar{transform:translateX(-100%);width:247px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vw #1f16344d}.body{width:100%;margin:0}header{height:61px;padding:0 17px}.mobilemenu{display:flex;padding:3px;background:none;border:0}.breadcrumb{gap:8px;font-size:10px}.role{font-size:8px;padding:6px}.topavatar{display:none}main{padding:24px 17px 0}.heading h1{font-size:24px}.heading p{font-size:11px}.stats{gap:12px}.statlabel{font-size:8px}.stat>strong{font-size:28px;margin-top:6px}.statfoot{font-size:8px}.workflow{padding:17px;gap:12px}.workflow h3{font-size:11px}.workflow p{font-size:9px}.tableHead{padding:17px}.tableHead .textbutton{font-size:9px}.tableHead p{max-width:230px}.filters{padding:14px 17px}.pagination{padding:13px 17px}.bottomgrid{margin-top:18px;gap:18px}footer{font-size:8px}footer>span:last-child{display:none}.overlay{padding:10px}.modal{max-height:96vh}.modalhead,.modalbody{padding:20px}.modalhead h2{font-size:18px}.modalfoot{padding:15px 20px;gap:7px;flex-wrap:wrap}.modalfoot button{padding:9px 12px;font-size:10px}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.platepreview{flex-wrap:wrap}.detailgrid{gap:17px}.toast{font-size:11px;width:calc(100vw - 30px)}}

.loginpage{display:grid;grid-template-columns:1fr 1fr;max-width:none;min-height:100vh;padding:0}.gradientpanel{position:relative;background:#131c42 url('/login-gradient.png') center/cover no-repeat;padding:0;min-height:100vh;display:flex;align-items:flex-end;justify-content:center}.guidebutton{display:flex;align-items:center;gap:9px;margin:0 28px 44px;padding:13px 20px;border:1px solid #ffffff55;border-radius:8px;background:#ffffff18;backdrop-filter:blur(15px);color:white;text-decoration:none;font-size:12px;font-weight:600}.guidebutton:hover{background:#ffffff30}.logincard{max-width:490px;width:100%;align-self:center;justify-self:center;padding:45px}.logincard h2{font-size:28px;margin-bottom:10px}.logincard>p{margin-bottom:30px}.logincard form{display:flex;flex-direction:column;gap:20px}.logincard>small{margin-top:25px;text-align:center}.logincard>.primary{width:100%;margin-top:18px}.signedin{border:1px solid #e6e1ef;background:white;border-radius:8px;padding:17px;margin-top:25px}.signedin b{font-size:14px}.switchaccount{display:block;text-align:center;margin-top:17px;color:#74668b;font-size:11px}.loginerror{padding:12px;margin:15px 0;border:1px solid #edd3d9;background:#fff1f3;color:#a54e64;border-radius:6px;font-size:12px}.brand{gap:0}.logincard .eyebrow{color:#7663a5}@media(max-width:720px){.loginpage{grid-template-columns:1fr}.gradientpanel{min-height:260px;height:32vh}.guidebutton{margin-bottom:25px}.logincard{padding:35px 25px}}

.gradientpanel{background:#061b2c;background-image:none;overflow:hidden;align-items:center;justify-content:center}.loginart{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;image-rendering:auto}.gradientpanel .guidebutton{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);margin:0;z-index:1;white-space:nowrap;background:#092439b8;border-color:#6b9eb680}.rowactions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.rowactions .inlineapprove,.rowactions .inlinereject{font-size:10px;padding:7px 9px;border-radius:5px}.inlineapprove{color:#307b57;background:#edf8f1;border-color:#d8ebdf}.inlineapprove:hover{background:#dcefe4;border-color:#bddac8}.inlinereject{color:#aa5364;background:#fff3f5;border-color:#eed8de}.inlinereject:hover{background:#f9e4e9;border-color:#dfb8c3}@media(max-width:720px){.gradientpanel .guidebutton{bottom:15px;font-size:10px;padding:10px 13px}.rowactions{gap:5px}}

/* Full-screen artwork with a tactile frosted-glass login island. */
.loginpage{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:none;min-height:100vh;min-height:100svh;margin:0;padding:52px 24px;overflow:hidden;background:#081e36}.loginpage>.loginbrand.gradientpanel{position:absolute;inset:0;z-index:0;width:100%;height:100%;min-height:0;margin:0;padding:0;display:block;background:#081e36}.loginpage .loginart{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;display:block}.loginpage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#03132a06,#03132a24),radial-gradient(ellipse at center,transparent 25%,#02132724 100%)}.loginpage>.logincard{position:relative;isolation:isolate;z-index:2;align-self:auto;justify-self:auto;flex:0 0 auto;width:min(100%,440px);max-width:440px;margin:0;padding:42px 38px 28px;border-radius:28px;border:1px solid #ffffffb8;background:linear-gradient(135deg,#ffffffe0 0%,#ffffffb8 45%,#ffffffcc 100%);-webkit-backdrop-filter:blur(30px) saturate(155%) brightness(1.05);backdrop-filter:blur(30px) saturate(155%) brightness(1.05);box-shadow:0 28px 80px #00132f52,0 8px 24px #001b3524,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #ffffff70;overflow:hidden;color:#142e46}.loginpage>.logincard:before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;background:url('/glass-grain.svg') repeat;opacity:.13;mix-blend-mode:multiply;pointer-events:none}.loginpage>.logincard:after{content:'';position:absolute;inset:1px;z-index:0;pointer-events:none;border-radius:26px;border:1px solid #ffffff42;box-shadow:inset 0 0 22px #ffffff1a;background:radial-gradient(ellipse at 0 0,#ffffff55,transparent 58%)}.loginpage .logincard>*{position:relative;z-index:1}.loginpage .logincard .eyebrow{color:#39566f;font-size:9px;letter-spacing:1.9px;line-height:1.6;margin-bottom:14px}.loginpage .logincard h2{font-size:31px;line-height:1.2;font-weight:800;letter-spacing:-1px;color:#132e47;margin-bottom:12px}.loginpage .logincard>p{font-size:13px;line-height:1.7;color:#40596d;margin-bottom:26px}.loginpage .logincard .signedin{background:#ffffff55;border:1px solid #ffffff99;border-radius:12px;padding:16px 17px;margin-top:22px;box-shadow:inset 0 1px 0 #ffffff90}.loginpage .signedin b{font-weight:650;color:#18364e;font-size:14px}.loginpage .logincard small{color:#50677a;font-size:10px;line-height:1.6}.loginpage .signedin small{font-size:11px}.loginpage .logincard>.primary,.loginpage .logincard form>.primary{width:100%;min-height:47px;padding:13px 18px;border-radius:11px;background:linear-gradient(135deg,#3f5b88,#26436f);border-color:#2f4c76;color:#fff;box-shadow:0 5px 14px #173c6c29,inset 0 1px 0 #ffffff24;font-size:12px;letter-spacing:.1px}.loginpage .logincard>.primary:hover,.loginpage .logincard form>.primary:hover{background:linear-gradient(135deg,#34527f,#1e385f);box-shadow:0 7px 18px #173c6c38}.loginpage .switchaccount{color:#345776;font-size:11px;font-weight:550;text-underline-offset:3px;margin-top:17px}.loginpage .logincard>small{display:block;margin-top:22px;text-align:center;font-size:10px}.loginpage .glassguide{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;padding:18px 2px 0;border-top:1px solid #ffffff80;color:#264c6b;text-decoration:none;font-size:11px;font-weight:600}.loginpage .glassguide:hover{color:#102e48}.loginpage .glassguide>svg:last-child{opacity:.65;margin-left:2px}.loginpage .logincard form{gap:17px}.loginpage .logincard label{color:#294960;font-weight:600;font-size:11px}.loginpage .logincard input{min-height:44px;background:#ffffff8a;border:1px solid #ffffffd4;border-radius:10px;color:#15354d;box-shadow:inset 0 1px 3px #153c5310}.loginpage .logincard input:focus{outline:3px solid #3b7da32b;border-color:#5a9fbd;background:#ffffffc9}.loginpage .loginerror{background:#fff4f5d9;color:#90374b;border-color:#d9a7b4}.loginpage .logincard>button:not(.primary){margin-top:12px;background:#ffffff80;color:#294960}.loginpage .logincard>p:last-of-type{color:#40596d}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.loginpage>.logincard{background:#f3f7faf2}}@media(max-width:720px){.loginpage{padding:32px 20px;justify-content:center}.loginpage>.loginbrand.gradientpanel{height:100%;min-height:0}.loginpage>.logincard{width:min(100%,420px);padding:34px 26px 24px;border-radius:24px}.loginpage>.logincard:after{border-radius:22px}.loginpage .logincard h2{font-size:28px}.loginpage .loginart{object-position:center}.loginpage .glassguide{margin-top:20px;padding-top:16px}}

.vapptype{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:5px 8px;font-size:9px;line-height:1.4;font-weight:600;white-space:nowrap}.vapptype svg{flex-shrink:0}.vapp-hq{color:#6650a9;background:#f1eafb;border-color:#e4d9f5}.vapp-staff{color:#315f99;background:#eaf2ff;border-color:#d4e3fa}.vapp-shuttle{color:#a46c13;background:#fff5dd;border-color:#f2e3b6}.vapp-operations{color:#278266;background:#e6f6ee;border-color:#cae9db}.vapp-service{color:#b45b4a;background:#fff0e9;border-color:#f2d9d0}.vapp-unset{color:#81758c;background:#f3f0f6;border-color:#e6e0ec}.memberactions{display:flex;align-items:center;gap:7px}.memberactions button{font-size:10px;padding:7px 10px}.invitestatus{max-width:230px;white-space:normal}.mailgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:22px}.mailbody{padding:24px}.mailfields{border:0;padding:0;margin:0;min-width:0}.mailfields:disabled{opacity:.65}.mailbody .notice{margin-bottom:21px}.mailbuttons{display:flex;gap:10px;margin-top:23px}.mailbuttons button{font-size:11px}.testemail{display:flex;gap:10px;align-items:flex-end;margin-top:24px;padding-top:23px;border-top:1px solid #eee9f4}.testemail label{flex:1}.testemail button{font-size:11px;min-height:39px}.portallink{position:relative;border:1px solid #e9e3f0;background:#fcfbfe;border-radius:8px;padding:15px;margin-bottom:13px}.portallink b{font-size:11px;display:block;margin-bottom:9px}.portallink a{font-size:10px;color:#72609b;overflow-wrap:anywhere;display:block;margin-bottom:12px}.portallink button{font-size:10px;padding:6px 9px}.invitehelp{padding-top:7px}.invitehelp ol{padding-left:18px;color:#8a7e99;font-size:11px;line-height:1.9}.invitehelp h3{font-size:12px}.checklabel{display:flex;flex-direction:row;align-items:center;gap:9px;line-height:1.7}.checklabel input{flex-shrink:0}.loginportals{display:flex;flex-direction:column;gap:8px;margin-top:22px}.loginportals>span{font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#49677e;margin-bottom:2px}.loginportals a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#244a69;text-decoration:none;padding:9px 11px;background:#ffffff40;border:1px solid #ffffff80;border-radius:7px}.loginportals a:hover{background:#ffffff80}@media(max-width:1000px){.mailgrid{grid-template-columns:1fr}}@media(max-width:640px){.mailbody{padding:18px}.testemail{flex-direction:column;align-items:stretch}.mailbuttons{flex-wrap:wrap}}

/* Refined translucent glass over original 5K artwork. */
.logincard{background:linear-gradient(135deg,#ffffffb8 0%,#ffffff91 45%,#ffffffa6 100%);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.guidechoices{display:grid;gap:8px}.guidechoices .glassguide{margin-top:12px}