
:root{--m-navy:#061426;--m-navy2:#0a2747;--m-cyan:#00d8ff;--m-blue:#168cff;--m-red:#ef3340;--m-ice:#eefaff;--m-line:#d7e4ee}
*{box-sizing:border-box}
.mobile-admin-body{margin:0;background:linear-gradient(180deg,#f5fbff 0,#fff 55%);color:#071426;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;padding-bottom:80px}
.mobile-topbar{height:72px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid var(--m-line);display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,env(safe-area-inset-left));position:sticky;top:0;z-index:50}
.mobile-brand{display:flex;align-items:center;gap:10px}.mobile-brand>div{display:flex;flex-direction:column;line-height:1}.mobile-brand strong{font-size:1rem}.mobile-brand span:last-child{font-size:.7rem;color:#65809a;font-weight:800;margin-top:4px;letter-spacing:.05em}
.mobile-logo{width:41px;height:41px;border-radius:50%;background:linear-gradient(var(--m-red) 0 43%,var(--m-navy) 43% 57%,#fff 57%);border:3px solid var(--m-navy);position:relative}.mobile-logo:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--m-cyan);border:4px solid var(--m-navy);left:50%;top:50%;transform:translate(-50%,-50%)}.mobile-logo i{position:absolute;width:6px;height:9px;background:var(--m-navy);left:50%;top:3px;transform:translateX(-50%)}
.mobile-store-link{border:1px solid #bad0df;border-radius:999px;padding:8px 11px;font-size:.76rem;font-weight:900;color:#174f9b;text-decoration:none;background:#fff}
.mobile-shell{width:min(1120px,calc(100% - 28px));margin:auto}
.mobile-hero{background:radial-gradient(circle at 82% 10%,rgba(0,216,255,.25),transparent 25%),linear-gradient(135deg,var(--m-navy),var(--m-navy2));color:#fff;border-radius:0 0 28px 28px;margin:0 -14px 20px;padding:34px 28px 26px;box-shadow:0 12px 34px rgba(7,20,38,.16)}
.mobile-hero .eyebrow{color:var(--m-cyan);font-size:.68rem;letter-spacing:.16em;font-weight:950}.mobile-hero h1{font-size:clamp(2.45rem,11vw,4rem);line-height:.91;letter-spacing:-.06em;margin:12px 0 15px}.mobile-hero>div:first-child>p:last-child{color:#c3dce9;font-size:.95rem;max-width:620px}
.auth-card{margin-top:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:15px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.auth-dot{width:12px;height:12px;border-radius:50%;background:#ffd64d;box-shadow:0 0 12px rgba(255,214,77,.6)}.auth-card.good .auth-dot{background:#49e6a8;box-shadow:0 0 12px rgba(73,230,168,.5)}.auth-card.bad .auth-dot{background:#ff7180}.auth-card strong,.auth-card span{display:block}.auth-card strong{font-size:.82rem}.auth-card span{font-size:.72rem;color:#bad0df;margin-top:2px}.auth-card a{background:var(--m-cyan);color:var(--m-navy);border-radius:10px;padding:8px 11px;font-size:.75rem;font-weight:950;text-decoration:none}
.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0 30px}.quick-strip a{background:#fff;border:1px solid var(--m-line);border-radius:15px;padding:12px 8px;text-align:center;text-decoration:none;color:#071426;box-shadow:0 5px 14px rgba(20,60,90,.05)}.quick-strip span{display:grid;place-items:center;width:31px;height:31px;margin:0 auto 6px;border-radius:10px;background:var(--m-ice);color:#07519e;font-weight:1000}.quick-strip b{font-size:.69rem}
.mobile-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:15px}.mobile-section-heading .eyebrow{font-size:.65rem;color:#168cff;letter-spacing:.15em}.mobile-section-heading h2{font-size:2rem;letter-spacing:-.04em;margin:5px 0}.mobile-section-heading>p{font-size:.82rem;color:#65788b;max-width:380px}
.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.module-card{background:#fff;border:1px solid var(--m-line);border-radius:20px;padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;box-shadow:0 8px 24px rgba(14,48,75,.055);position:relative;overflow:hidden}.module-card:after{content:"";position:absolute;width:84px;height:84px;border-radius:50%;right:-34px;top:-35px;background:#eafaff}.module-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--m-navy);color:var(--m-cyan);font-weight:1000;font-size:.75rem;position:relative;z-index:1}.module-title-row{display:flex;align-items:center;gap:6px}.module-card h3{margin:0;font-size:1.08rem}.module-card p{font-size:.82rem;color:#65788b;margin:5px 0 12px}.module-links{display:flex;gap:7px;flex-wrap:wrap}.module-links a{font-size:.7rem;font-weight:900;text-decoration:none;border:1px solid #c9d8e4;border-radius:9px;padding:7px 9px;color:#174f9b;background:#fff}.module-links a.module-primary{background:#071426;color:#fff;border-color:#071426}.module-cards .module-icon{background:#ef3340;color:#fff}.module-orders .module-icon{background:#168cff;color:#fff}.module-sales .module-icon{background:#0a865f;color:#fff}.module-market .module-icon{background:#7b4bd0;color:#fff}.module-business .module-icon{background:#b96b11;color:#fff}
.help-dot{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#eaf7ff;color:#07509c;font-size:11px;font-weight:950}
.mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;background:#071426;padding:7px max(7px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));z-index:90;box-shadow:0 -5px 20px rgba(7,20,38,.18)}.mobile-bottom a{display:grid;gap:2px;color:#9eb9cc;text-decoration:none;text-align:center;font-size:.64rem;font-weight:850;padding:5px}.mobile-bottom a span{font-size:1rem}.mobile-bottom a.active{color:var(--m-cyan)}
@media(max-width:650px){.module-grid{grid-template-columns:1fr}.mobile-section-heading{display:block}.mobile-section-heading>p{margin-top:0}.module-card{padding:16px}.quick-strip{gap:6px}.quick-strip a{padding:10px 5px}.quick-strip b{font-size:.62rem}}
@media(min-width:900px){.mobile-bottom{display:none}.mobile-admin-body{padding-bottom:30px}.mobile-hero{margin-left:0;margin-right:0;border-radius:28px;margin-top:20px}}
