.selfservice-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.selfservice-card{width:min(100%,470px);padding:24px}
.selfservice-brand{margin-bottom:18px;font-weight:900;letter-spacing:-.02em;font-size:20px}
.selfservice-brand span{font-weight:900}
.selfservice-brand-green{color:#20c98b!important}
.selfservice-brand-navy{color:#102a53!important}
.selfservice-card form{display:grid;gap:12px}
.selfservice-card label{display:grid;gap:5px}
.selfservice-card input{width:100%;border:1px solid #cbd5e1;border-radius:9px;padding:11px}
.selfservice-card button.primary,.selfservice-button{display:inline-block;border:0;border-radius:9px;padding:11px 14px;background:#20c98b;color:#083b2c;text-decoration:none;font-weight:800;cursor:pointer}
.selfservice-card button.danger{background:#dc2626}
.selfservice-notice{margin:12px 0;padding:11px 12px;border-radius:9px}
.selfservice-notice.success{background:#f0fdf4;color:#166534}
.selfservice-notice.error{background:#fef2f2;color:#991b1b}
.selfservice-back{display:inline-block;margin-top:16px}
.drive-confirm-vehicle{display:grid;gap:3px;margin:12px 0;padding:12px;border-radius:10px;background:#f8fafc}
.login-forgot{display:inline-block;margin-top:10px;font-size:12px}
.active-drive-selfservice{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;padding:14px 16px;border-left:4px solid #16a34a}
.active-drive-selfservice>div{display:grid;gap:3px}
.active-drive-kicker{color:#15803d;font-size:9px;font-weight:900;letter-spacing:.05em}
.active-drive-selfservice small{color:#64748b}
.active-drive-selfservice form{margin:0}
.active-drive-selfservice button{border:0;border-radius:8px;padding:9px 12px;background:#dc2626;color:#fff;font-weight:800;cursor:pointer}
.active-drive-ended{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:#f0fdf4;color:#166534}
@media(max-width:600px){.active-drive-selfservice{display:grid}.active-drive-selfservice button{width:100%}}

:root{
    --fp-brand-navy:#102a53;
    --fp-brand-green:#20c98b;
    --fp-brand-green-dark:#159b6a;
    --fp-brand-green-soft:#e9faf4;
}

.fp-login-page{
    min-height:100vh;
    background:radial-gradient(circle at 18% 12%,rgba(32,201,139,.08),transparent 30%),linear-gradient(180deg,#f8fbff 0%,#f3f7fb 100%);
}

.fp-login-page .fp-login-topbar{
    min-height:96px!important;
    height:96px!important;
    padding:0 34px!important;
    display:flex!important;
    align-items:center!important;
    background:#fff!important;
    border-bottom:1px solid #e5ecf3!important;
    box-shadow:0 10px 30px rgba(16,42,83,.06)!important;
}

.fp-login-page .fp-login-brand{
    display:inline-flex!important;
    align-items:center!important;
    gap:14px!important;
    text-decoration:none!important;
}
.fp-login-page .fp-login-brand img{
    height:72px!important;
    width:auto!important;
    display:block!important;
}
.fp-login-brand-copy{
    display:flex;
    flex-direction:column;
    gap:5px;
    line-height:1;
}
.fp-login-brand-copy strong{
    font-size:25px!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
}
.fp-login-page .fp-login-brand .fp-login-brand-green{color:#20c98b!important}
.fp-login-page .fp-login-brand .fp-login-brand-navy{color:#102a53!important}
.fp-login-brand-copy small{font-size:12px;color:#708198;font-weight:700}

.fp-login-page main{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 96px);padding:54px 24px 40px!important}
.fp-login-page .login-card{width:min(100%,460px)!important;max-width:460px!important;margin:0!important;padding:34px 34px 28px!important;border:1px solid #e1e9f1!important;border-radius:24px!important;background:#fff!important;box-shadow:0 24px 60px rgba(16,42,83,.10)!important}
.fp-login-page .login-brand-card{width:82px;height:96px;margin:0 auto 18px;display:grid;place-items:center;overflow:visible}
.fp-login-page .login-brand-card img{height:92px!important;width:auto!important;display:block!important}
.fp-login-page .login-card h1{margin:0 0 8px!important;color:var(--fp-brand-navy)!important;font-size:34px!important;line-height:1.08!important;letter-spacing:-.035em!important}
.fp-login-page .login-card > .muted:first-of-type{margin:0 0 22px!important;color:#718096!important;font-size:14px!important}
.fp-login-page .login-card .muted{color:#718096!important}
.fp-login-page .login-card label{margin:17px 0 7px!important;color:var(--fp-brand-navy)!important;font-size:12px!important;font-weight:800!important}
.fp-login-page .login-card input{min-height:50px!important;padding:12px 14px!important;border:1px solid #d7e0e9!important;border-radius:13px!important;background:#fff!important;color:#15263e!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important}
.fp-login-page .login-card input:focus{border-color:#7cd5b4!important;box-shadow:0 0 0 4px rgba(32,201,139,.11)!important}
.fp-login-page .login-card .primary{width:100%!important;min-height:50px!important;margin-top:20px!important;padding:12px 16px!important;border:0!important;border-radius:13px!important;background:linear-gradient(135deg,#24cb90 0%,#159b6a 100%)!important;color:#fff!important;font-weight:850!important;box-shadow:0 10px 24px rgba(32,201,139,.22)!important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease!important}
.fp-login-page .login-card .primary:hover{transform:translateY(-1px)!important;filter:saturate(1.05)!important;box-shadow:0 14px 28px rgba(32,201,139,.28)!important}
.fp-login-page .login-forgot{margin-top:12px!important;color:var(--fp-brand-navy)!important;font-size:12px!important;font-weight:750!important;text-decoration:none!important}
.fp-login-page .login-forgot:hover{color:var(--fp-brand-green-dark)!important;text-decoration:underline!important}
.fp-login-page .security{margin-top:22px!important;padding-top:17px!important;border-top:1px solid #e7edf3!important;color:#718096!important}
.fp-login-page .security strong{color:var(--fp-brand-navy)!important}

.fp-appbar.topbar .fp-brand .fp-brand-word{color:#20c98b!important;text-transform:none!important}
.fp-appbar.topbar .fp-brand .fp-brand-word>span:first-child{color:#20c98b!important}
.fp-appbar.topbar .fp-brand .fp-brand-accent{color:#102a53!important}
.fp-appbar.topbar .fp-brand-mark img{height:72px!important;width:auto!important;max-width:none!important;object-fit:contain!important}

@media(max-width:700px){
    .fp-login-page .fp-login-topbar{min-height:78px!important;height:78px!important;padding:0 16px!important}
    .fp-login-page .fp-login-brand img{height:54px!important}
    .fp-login-brand-copy strong{font-size:21px!important}
    .fp-login-brand-copy small{font-size:10px}
    .fp-login-page main{min-height:calc(100vh - 78px);padding:28px 14px!important}
    .fp-login-page .login-card{padding:26px 22px 24px!important;border-radius:20px!important}
    .fp-login-page .login-card h1{font-size:29px!important}
    .fp-login-page .login-brand-card{width:68px;height:78px;margin-bottom:14px}
    .fp-login-page .login-brand-card img{height:76px!important}
}