.lf17Login{display:grid!important;grid-template-columns:minmax(360px,530px) minmax(320px,570px);align-items:center;gap:70px;min-height:100dvh;padding:40px!important;background:radial-gradient(ellipse at 80% 20%,#dce8ff,transparent 55%),#f4f7fc}.lf17Login .loginBox{width:100%;max-width:530px;box-sizing:border-box;padding:36px;border:1px solid #e1e7f0;border-radius:28px;background:#fff;box-shadow:0 20px 60px #152c5b0d}.lf17Login .logo{font-size:23px}.lf17Login header select{width:auto;max-width:150px;font-size:13px}.lf17Login h1{font-size:30px;line-height:1.2;margin-top:30px}.lf17Login aside{color:#183155}.lf17Login aside h2{font-size:44px;line-height:1.18;letter-spacing:-1.7px}.lf17Login aside p{font-size:18px;line-height:1.7;max-width:430px;color:#526783}.lf17Login aside>div{margin-top:24px;padding:14px 0;border-bottom:1px solid #cfdcf0}.lf17Eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;color:#425bea}.lf17Tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#f1f4fa;border-radius:14px;padding:5px;margin:24px 0}.lf17Tabs button{border:0;padding:12px 6px;border-radius:10px;background:transparent;color:#53627a;font-size:13px;font-weight:600;cursor:pointer}.lf17Tabs button.active{background:#fff;color:#304cdf;box-shadow:0 2px 8px #142a5a12}.lf17Links{display:flex;justify-content:space-between;gap:8px;margin:10px 0}.lf17Links button{font-size:12px}.lf17Legal{margin-top:24px;border-top:1px solid #e1e7f0;padding-top:18px;font-size:12px;line-height:1.6;color:#5a6b82}.lf17Login form>.btn{margin-top:20px}.lf17Login input{margin-bottom:12px}.lf17Metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.lf17Metrics .card b{display:block;font-size:32px}.lf17Metrics span{display:block;color:#66748b}.lf17Login button:focus-visible,.lf17Login select:focus-visible{outline:3px solid #8eb1ff;outline-offset:3px}@media(max-width:850px){.lf17Login{grid-template-columns:minmax(0,530px);justify-content:center;padding:20px!important;gap:0}.lf17Login aside{display:none}.lf17Login .loginBox{padding:24px}.lf17Metrics{grid-template-columns:repeat(2,1fr)}}

/* V17.2 login: clear role entry, luminous service network, compact mobile form. */
.lf17Login{position:relative;overflow:hidden;background:radial-gradient(ellipse at 13% 12%,#4037a96b,transparent 48%),radial-gradient(ellipse at 90% 75%,#066e8a65,transparent 50%),#0b132d!important;gap:86px;padding:44px!important;justify-content:center;color:#172641}
.lf17Login:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#b9c7ff22 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(#000,transparent)}
.lf17Login .loginBox{position:relative;z-index:1;border:1px solid #ffffff55;background:#fff;box-shadow:0 28px 90px #0005;padding:30px;border-radius:30px;overflow:hidden}
.lf17Login .loginBox header{gap:14px;position:relative;z-index:2}.lf17Login .logo{font-size:23px;letter-spacing:-.7px;gap:10px;white-space:nowrap}.lf17Login .logo .mark{background:linear-gradient(140deg,#7165ff,#3257e8)!important;box-shadow:0 6px 15px #5b56e636;width:38px;height:38px;border-radius:12px;font-size:27px}
.lf17Login header select{max-width:132px;min-height:39px;margin:0;padding:8px 10px;border-radius:12px;background:#f6f8fd;border:1px solid #e5eaf5;color:#52617b;font-size:12px}
.lf17Welcome{position:relative;margin:24px -30px 20px;padding:27px 30px 25px;background:radial-gradient(circle at 100% 15%,#16a8be55,transparent 48%),linear-gradient(115deg,#212e6e,#34318c);overflow:hidden;color:white}
.lf17Welcome:after{content:"";position:absolute;width:190px;height:190px;right:-70px;top:-85px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 25px #ffffff05,0 0 0 50px #ffffff04;pointer-events:none}
.lf17WelcomeTag{font-size:9px;letter-spacing:1.8px;font-weight:750;display:flex;align-items:center;gap:7px;color:#c9d4ff}.lf17WelcomeTag i{width:6px;height:6px;border-radius:50%;background:#70e3c5;box-shadow:0 0 12px #70e3c5}
.lf17Login .lf17Welcome h1{position:relative;max-width:340px;color:#fff;font-size:32px;letter-spacing:-1.15px;line-height:1.12;margin:17px 0 12px;font-weight:800;z-index:1}.lf17Login .lf17Welcome p{color:#d5dafa;font-size:13px;line-height:1.55;margin:0;max-width:330px}
.lf17ServicePills{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px;max-width:340px}.lf17ServicePills span{font-size:9px;padding:6px 9px;border:1px solid #ffffff25;background:#ffffff0d;border-radius:50px;color:#e4eaff}.lf17HeroSpark{position:absolute;right:23px;top:45px;font-size:50px;color:#8ee7ef;opacity:.65;animation:lf17Float 7s ease-in-out infinite}
.lf17Choose{font-size:12px;font-weight:750;color:#63718a;margin:0 0 10px}.lf17Tabs{gap:8px;margin:0 0 18px;padding:0;background:transparent}.lf17Tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:80px;border:1px solid #e4e9f4;border-radius:15px;font-size:11px;line-height:1.2;color:#66758c;background:#f8faff;transition:background .2s,transform .2s,border-color .2s}.lf17Tabs button:hover{transform:translateY(-2px);border-color:#a7a1ff}.lf17Tabs button.active{color:#5149d5;background:#eeedff;border-color:#8b83f0;box-shadow:0 4px 12px #625be515}.lf17RoleIcon{display:flex;align-items:center;justify-content:center;font-size:21px;width:28px;height:28px;color:#7b85a1}.active .lf17RoleIcon{color:#5a50de}
.lf17Login .lf14GoogleLogin{display:flex!important;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;margin:14px 0 10px;border:1px solid #dfe5ef;border-radius:13px;background:#fff;color:#22314a;font-size:13px;font-family:inherit;font-weight:650;cursor:pointer}.lf17Login .lf14GoogleMark{font-size:23px;font-weight:800;color:#4285f4;line-height:1}.lf17Login .lf14LoginDivider{font-size:11px;margin:12px 0;color:#97a1b6}.lf17Login form label{font-size:11px;font-weight:700;color:#53627b}.lf17Login form input{height:44px;border-radius:12px;border:1px solid #dfe6f1;background:#fbfcff;margin:5px 0 12px;padding:10px 12px;font-size:14px;box-sizing:border-box}.lf17Login input:focus{outline:3px solid #665bea20;border-color:#796cf2}.lf17Login form>.btn{margin-top:6px;min-height:46px;border-radius:13px!important;background:linear-gradient(105deg,#6053e5,#3e65e8)!important;box-shadow:0 6px 15px #5b56e630!important;font-size:14px;font-weight:750;border:0!important}.lf17Links{gap:10px;margin:12px 0 0}.lf17Links .btn{min-height:35px;font-size:10px;border:0!important;background:transparent!important;color:#66758a!important;box-shadow:none!important;padding:6px!important}.lf17Legal{margin-top:15px;padding-top:13px;font-size:10px}.lf17Legal summary{color:#74839b;cursor:pointer}
.lf17Login aside{position:relative;z-index:1;color:#f7f8ff;max-width:500px}.lf17Login aside h2{font-size:40px;line-height:1.16;letter-spacing:-1.4px;margin:16px 0}.lf17Login aside p{color:#aabbdc;font-size:16px;line-height:1.65}.lf17Login aside .lf17Eyebrow{color:#83d9e8;font-size:10px}.lf17Login aside>div:not(.lf17Orbit){border-color:#ffffff18;color:#bcc9e6;font-size:13px;margin-top:12px;padding:12px 0}
.lf17Orbit{position:relative;height:260px;width:100%;margin-bottom:30px!important;border:0!important;padding:0!important}.lf17Orbit:before,.lf17Orbit:after{content:"";position:absolute;left:50%;top:50%;border:1px solid #ffffff12;border-radius:50%;width:205px;height:205px;transform:translate(-50%,-50%)}.lf17Orbit:after{width:320px;height:250px;transform:translate(-50%,-50%) rotate(-20deg)}.lf17OrbitCore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:96px;height:96px;border-radius:29px;background:linear-gradient(140deg,#8a75ff,#3a56db);color:white;font-size:60px;font-weight:800;box-shadow:0 0 80px #7a6fff55,inset 0 1px #ffffff55}.lf17OrbitCard{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid #ffffff28;border-radius:15px;background:#ffffff0d;backdrop-filter:blur(15px);color:#a3e8f5;font-size:23px;box-shadow:0 16px 30px #0002;animation:lf17Float 7s ease-in-out infinite}.lf17OrbitCard b{font-size:12px;color:#e9eeff;font-weight:650}.orbitA{left:5%;top:15px}.orbitB{right:0;top:65px;animation-delay:-2s}.orbitC{left:0;bottom:35px;animation-delay:-4s}.orbitD{right:0;bottom:0;animation-delay:-1s}
@keyframes lf17Float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@media(max-width:850px){.lf17Login{padding:20px 15px!important;align-items:center;min-height:100dvh}.lf17Login .loginBox{padding:22px;border-radius:25px;max-width:440px}.lf17Welcome{margin:20px -22px 18px;padding:24px 22px 22px}.lf17Login .lf17Welcome h1{font-size:30px;max-width:290px}.lf17Login .lf17Welcome p{max-width:280px;font-size:12px}.lf17HeroSpark{right:16px;top:49px;font-size:37px;opacity:.4}.lf17ServicePills{gap:5px;margin-top:16px}.lf17ServicePills span{font-size:8px;padding:5px 7px}.lf17Login .logo{font-size:22px}.lf17Tabs button{min-height:73px;font-size:10px}.lf17WelcomeTag{font-size:8px}.lf17Login header select{max-width:119px;font-size:11px}.lf17Legal{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.lf17Login *{animation:none!important;transition:none!important}}
#app:has(.lf17Login){max-width:none!important;width:100%;margin:0;box-shadow:none;background:#0b132d}.lf17Login{width:100%;max-width:none;box-sizing:border-box}
/* Shared workspace */
.hubMenu{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0}.hubMenu .btn{flex:1;min-width:135px;font-size:12px}.hubMetrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.hubMetrics>div{background:#f1f4ff;border:1px solid #e3e8f7;border-radius:15px;padding:13px 9px}.hubMetrics strong{display:block;font-size:23px;color:#334ad4;overflow-wrap:anywhere}.hubMetrics span{display:block;font-size:10px;color:#67768f;margin-top:6px}.hubRecord h3{font-size:18px;margin:13px 0}.hubPre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.hubAI{background:linear-gradient(125deg,#eeedff,#eaf9fb);border:1px solid #dce4f5;border-radius:15px;padding:15px;margin:12px 0;color:#344367;font-size:13px}.hubAI p{line-height:1.6}.hubAI small{font-size:10px;color:#73849c}.hubRecord details{margin-top:15px}.hubSupport{background:#fff3d7;border:1px solid #ebd49c;color:#7b591c;padding:12px;border-radius:14px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:14px;font-size:12px}.hubAccount{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #e6eaf4}.hubAccount div{min-width:0}.hubAccount small{display:block;font-size:10px;color:#74819b;overflow-wrap:anywhere}.hubAccount b{font-size:13px}.hubStages{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.hubStages span{font-size:10px;border-radius:30px;background:#f0f3f9;color:#73839a;padding:6px 8px}.hubStages .active{background:#e2e6ff;color:#3c4dc4;font-weight:750}.hubComment{padding:12px 0;border-bottom:1px solid #e5eaf4}.hubComment small{font-size:10px;color:#7a88a0}.hubExtraFields{border:1px solid #dce4f5;border-radius:14px;padding:15px;margin:15px 0}.hubExtraFields legend{font-size:12px;color:#4059b8;font-weight:750}.hubMenu button:focus-visible{outline:3px solid #8eb1ff;outline-offset:3px}@media(max-width:420px){.hubMetrics strong{font-size:19px}.hubMetrics>div{padding:11px 7px}}
.hubSettings{background:linear-gradient(130deg,#f0edff,#e9f7fc);border:1px solid #dce3f5;border-radius:20px;padding:20px;margin-bottom:20px}.hubSettings h2{font-size:20px;color:#2f3b76}.hubSettings .btn{background:white!important;border:1px solid #d9e0f2!important;color:#354878!important;box-shadow:0 3px 9px #4f55a408;min-height:48px}.lf10HeaderActions .viewModeBtn svg{fill:none;stroke:currentColor;stroke-width:2;width:19px;height:19px;display:block}@media(max-width:600px){.lf10HeaderActions{gap:5px!important}.lf10HeaderActions .viewModeBtn,.lf10HeaderActions .headerBell{width:33px!important;min-width:33px!important;height:34px!important;padding:6px!important}.lf10HeaderLine .logo{font-size:20px!important;gap:7px}.lf10HeaderLine .logo .mark{width:31px;height:31px;font-size:23px}.lf10HeaderActions button{font-size:10px}}
/* V17.4: focused business workspaces and separated navigation */
.bizTitle{padding:22px 4px 14px}.bizTitle h1{font-size:clamp(26px,5vw,38px);letter-spacing:-1px;margin:8px 0}.bizTitle p{color:#717b91;max-width:620px}.bizProfiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.bizProfile,.bizHero{position:relative;overflow:hidden;border-radius:26px;padding:26px;background:#fff;border:1px solid #e4e8f0;box-shadow:0 12px 28px #172b4a08}.bizProfile:before,.bizHero:before{content:'';position:absolute;right:-100px;bottom:-140px;width:330px;height:330px;border-radius:50%;background:var(--biz-color);opacity:.07;pointer-events:none}.bizA1{--biz-color:#df0521;border-top:5px solid #e80720;background:linear-gradient(135deg,#fff 30%,#fff0f1)}.bizPetrol{--biz-color:#ef1825;border-top:5px solid #ee1825;background:linear-gradient(135deg,#fff 30%,#edf3fb)}.bizProfile img{height:90px;width:140px;object-fit:contain;mix-blend-mode:multiply;object-position:left}.bizProfile .hubMenu{position:relative;display:grid}.bizProfile h2{font-size:28px;margin:24px 0 8px}.bizHero{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0}.bizHero h1{font-size:clamp(26px,5vw,42px);letter-spacing:-1.4px;margin:14px 0}.bizHero img{width:140px;height:130px;object-fit:contain;mix-blend-mode:multiply}.bizHero .eyebrow{color:#d51f32}.bizMetrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.bizMetrics>div{border:1px solid #e2e7ef;border-radius:18px;padding:20px;background:#fff}.bizMetrics b{display:block;font-size:32px;line-height:1.2}.bizMetrics span{display:block;margin-top:8px;color:#69758b;font-size:12px}.bizActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.bizAction{position:relative;text-align:left;border:1px solid #e3e7ee;border-radius:20px;background:#fff;padding:22px 30px 22px 18px;color:#1c2940;min-height:135px;cursor:pointer}.bizAction:hover{border-color:#e3263e;box-shadow:0 5px 18px #b21b2410}.bizAction b{display:block;font-size:16px;margin-bottom:10px}.bizAction span{font-size:12px;line-height:1.6;color:#6f7c91;display:block}.bizAction i{position:absolute;right:14px;top:20px;color:#df2439}.bizWorkspace{padding:10px 0 26px}.bizModeBar,.bizSwitch{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #e3e7ef;border-radius:16px;padding:12px;margin:8px 0 18px}.bizModeBar b,.bizSwitch b{flex:1;font-size:13px}.bizSettings{border-top:1px solid #dae0eb;padding-top:24px;margin-top:30px}.bizCheckGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.bizHamburger{flex-shrink:0;margin-right:8px;font-size:22px!important}.bizDrawerBackdrop{position:fixed;inset:0;background:#0e172b66;z-index:1100}.bizDrawer{position:fixed;z-index:1101;left:0;top:0;bottom:0;width:min(340px,90vw);padding:30px 22px;background:#f9fbff;box-shadow:15px 0 50px #0e172b30;overflow-y:auto}.bizDrawer>.btn{display:block;width:100%;margin:10px 0;text-align:left}.bizDrawer h3{margin-top:30px;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#6e7e96}body[data-business="a1"]{background:linear-gradient(145deg,#faf4f5,#f6f8fc 55%)}body[data-business="petrol"]{background:linear-gradient(145deg,#f2f6fb,#fff6f6 70%)}@media(max-width:480px){.bizHero{padding:22px 18px}.bizHero img{width:84px;height:90px}.bizHero p:not(.eyebrow){font-size:12px}.bizAction{padding:18px 24px 18px 14px;min-height:145px}.bizHamburger{width:30px!important;min-width:30px!important;margin-right:4px}.bizHero .eyebrow{font-size:9px}.bizModeBar .btn{padding:7px}.bizProfile img{height:75px}.lf10Header{gap:4px}}
.hubSettings>button.card{display:grid;width:100%;text-align:left;grid-template-columns:1fr auto;gap:7px 12px;margin:12px 0;padding:20px}.hubSettings>button.card>b{grid-column:1;font-size:16px}.hubSettings>button.card>span{grid-column:1;font-size:13px;color:#718098;line-height:1.5}.hubSettings>button.card>strong{grid-column:2;grid-row:1/3;align-self:center;color:#7483a0}.bizSettings details>button.card{display:block;width:100%;text-align:left}.bizSettings details>button.card>b,.bizSettings details>button.card>span{display:block;margin:5px 0}
.bizHero>div{min-width:0}.bizHero h1{overflow-wrap:anywhere}.bizHero img{flex-shrink:0}@media(max-width:420px){.lf10HeaderActions{gap:4px!important}.lf10HeaderActions .lf13Logout{font-size:0!important;min-width:30px!important;width:30px;padding:7px!important}.lf10HeaderActions .lf13Logout:after{content:'↗';font-size:18px}.logo{font-size:19px!important;gap:6px!important}.bizHero img{width:65px;height:80px}.bizHero{gap:8px}}