@font-face{font-family:Manrope;src:url('fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--primary:#6236cc;--primary-dark:#4e28aa;--primary-light:#eee8fa;--focus:#6236cc;--bg:#faf9fd;--heading:#34215d;--nav:#34215d;--mint:#c7f35b;--border:#e5def1}
:root[data-theme=dark]{--primary:#c4a8ff;--primary-dark:#dbcaff;--primary-light:#302046;--focus:#c7f35b;--bg:#171222;--surface:#231b32;--heading:#faf9fd;--ink:#f1ecf8;--muted:#bfb2d0;--border:#443653;--subtle:#1d1729;--secondary:#332840;--hover:#443653}
body{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.shopzap-logo{display:block;width:200px;max-width:100%;height:auto;background:#fff;border-radius:12px;object-fit:contain}
.sidebar{background:linear-gradient(160deg,#34215d,#1b132b)}
.sidebar .brand{display:block}.sidebar .shopzap-logo{width:218px}
.sidebar nav a[aria-current=page]{background:#6236cc;box-shadow:0 8px 24px #0002}
.button{background:#6236cc;color:#fff}.button:hover{background:#4e28aa;box-shadow:0 8px 20px -8px #6236cc80}
input[type=checkbox]{accent-color:#6236cc}.plan-card{border-top-color:#6236cc}.metrics article:first-child:before{background:#6236cc}
.login-story{background:radial-gradient(ellipse at 10% 90%,#6236cc60,transparent 60%),linear-gradient(160deg,#34215d,#1b132b)}
.story-content h1 span,.story-content .eyebrow,.story-grid b{color:#c7f35b}
.marketing-brand .shopzap-logo{width:210px}.marketing-hero-card{box-shadow:0 28px 70px -35px #6236cc60}
.marketing-contact{background:linear-gradient(150deg,#34215d,#1b132b)}.marketing-contact .marketing-eyebrow{color:#c7f35b}
@media(max-width:600px){.header-left:after{content:'Shopzap'}.marketing-brand .shopzap-logo{width:160px}.login-story .shopzap-logo{width:190px}}

.shopzap-demo{padding:28px}.shopzap-demo h2{font-size:25px}.shopzap-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}.shopzap-demo-grid article{padding:18px;background:var(--primary-light);border-radius:16px}.shopzap-demo-grid strong{display:block;font-size:32px;color:var(--primary)}.shopzap-demo-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--border)}.shopzap-demo-row b{color:var(--primary);font-size:12px}

.shopzap-logo{background:transparent;border-radius:0}.shopzap-signature{display:block}.sidebar .shopzap-signature{background:transparent;padding:0}.button.secondary{background:var(--surface);color:var(--heading);border:1px solid var(--border)}.button.secondary:hover{background:var(--primary-light)}

.shopzap-platform-login .login-story{background:linear-gradient(145deg,#6236cc,#34215d);color:#fff}.shopzap-platform-login .shopzap-logo{width:260px;background:transparent}.shopzap-platform-login .story-content h1,.shopzap-platform-login .story-content p,.shopzap-platform-login .story-grid span,.shopzap-platform-login .login-story>small{color:#fff}.shopzap-platform-login .story-content h1 span,.shopzap-platform-login .story-content .eyebrow,.shopzap-platform-login .story-grid b{color:#c7f35b}.shopzap-platform-login .login-panel{background:#faf9fd;color:#34215d;--heading:#34215d;--muted:#6d657e;--ink:#34215d;--surface:#fff;--border:#ded6ed;--primary:#6236cc;--focus:#6236cc}.shopzap-platform-login input{background:#fff;color:#34215d;border-color:#ded6ed}.shopzap-platform-login .button.full{background:#6236cc;color:#fff}.shopzap-platform-login .button.full:hover{background:#4e28aa}.shopzap-platform-login .login-note{color:#6d657e}@media(max-width:600px){.shopzap-platform-login .shopzap-logo{width:210px}}

.shopzap-platform-login .login-panel .eyebrow,.shopzap-platform-login .login-panel .install-button{color:#6236cc}

.preference-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.preference-actions .icon-button{width:44px;height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px;line-height:1;border-radius:12px}.preference-actions .icon-button[hidden]{display:none!important}.preference-actions .icon-button>span{line-height:0}.preference-actions .icon{width:22px;height:22px;display:block}.login-preferences{display:flex;align-items:center;justify-content:flex-end}.shopzap-platform-login .preference-actions .icon-button{color:#6236cc}.shopzap-platform-login .preference-actions .icon-button:hover{background:#eee8fa}:root[data-theme=dark] .shopzap-platform-login .login-panel{background:#171222;color:#f1ecf8;--heading:#faf9fd;--muted:#bfb2d0;--ink:#f1ecf8;--surface:#231b32;--border:#443653}:root[data-theme=dark] .shopzap-platform-login input{background:#231b32;color:#fff;border-color:#443653}:root[data-theme=dark] .shopzap-platform-login .login-note{color:#bfb2d0}:root[data-theme=dark] .shopzap-platform-login .login-panel .eyebrow,:root[data-theme=dark] .shopzap-platform-login .preference-actions .icon-button{color:#c4a8ff}:root[data-theme=dark] .shopzap-platform-login .preference-actions .icon-button:hover{background:#302046}

.remember-choice{display:flex;align-items:center;gap:10px;font-size:13px;margin:20px 0;color:var(--muted)}.remember-choice input{width:18px;height:18px;flex-shrink:0}.area-entry{max-width:540px;margin:40px auto 80px;padding:32px;background:#fff;border:1px solid #e5dfef;border-radius:24px}.area-entry h1{font-size:32px;color:#34215d}.area-entry p{line-height:1.7}.area-entry input[type=text]{width:100%;background:white;color:#34215d}.area-entry small{display:block;margin-top:20px;color:#6d657e}.area-entry .errorlist{color:#a32132}@media(max-width:600px){.area-entry{margin:24px 16px 48px;padding:24px}}

.company-header-identity{display:flex;align-items:center;gap:12px;min-width:0}.company-header-identity img{width:36px;height:36px;object-fit:contain;border-radius:8px}.company-header-identity strong{overflow-wrap:anywhere}

@media(max-width:600px){.header-left:has(.company-header-identity){flex:1;min-width:0}.header-left:has(.company-header-identity):after{content:none}.header-left:has(.company-header-identity) .header-context{display:block;min-width:0}.company-header-identity{gap:7px;font-size:13px}.company-header-identity img{width:28px;height:28px}.company-header-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}}

.sidebar-brand-divider{flex-shrink:0;height:1px;background:rgba(255,255,255,.16);margin:24px 12px}.sidebar .sidebar-brand-divider+nav{margin-top:0}

.sidebar-user{display:flex;gap:12px;align-items:center;margin-top:24px;padding:16px 10px;border-top:1px solid rgba(255,255,255,.18);color:#fff}.sidebar-user small{display:block;color:#c9bddf;font-size:11px;margin-bottom:4px}.sidebar-user strong{font-size:13px;overflow-wrap:anywhere}.sidebar-avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:50%}.sidebar-avatar .icon{width:20px;height:20px}.account-exit{border:1px solid var(--line,#e3dcef)!important;border-radius:10px!important}.account-exit .icon{fill:none;stroke:currentColor;stroke-width:1.8}