:root{--platform:#e86f00;--platform-dark:#9f4800;--ink:#172033;--muted:#67728a;--line:#e7eaf0;--soft:#f6f7fa;--success:#0f9f6e;--danger:#d33b45;--white:#fff}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}.platform-wordmark{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.platform-wordmark i{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#fb8b24,var(--platform));color:#fff}.platform-wordmark b{font-size:18px}.platform-eyebrow{display:inline-block;color:var(--platform);font-size:12px;font-weight:800;letter-spacing:.16em}.platform-primary,.landing-primary{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;background:linear-gradient(135deg,#f47d12,var(--platform));padding:0 22px;color:#fff;font:700 14px Inter,sans-serif;text-decoration:none;cursor:pointer;box-shadow:0 12px 28px rgba(232,111,0,.2)}.platform-primary:hover,.landing-primary:hover{filter:brightness(.97);transform:translateY(-1px)}.platform-alert{margin:14px 0;border:1px solid;padding:12px 14px;border-radius:11px;font-size:13px;line-height:1.55}.platform-alert.error{border-color:#ffd4d8;background:#fff4f5;color:#a9212b}.platform-alert.success{border-color:#bcead9;background:#edfff8;color:#087a54}.platform-alert.warning{border-color:#ffe0aa;background:#fff9ed;color:#875108}

/* Landing */
.landing-body{background:#fff}.landing-nav{position:sticky;z-index:20;top:0;display:flex;max-width:1240px;height:76px;margin:auto;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}.landing-nav nav{display:flex;align-items:center;gap:8px}.landing-nav nav a{padding:11px 14px;color:#3b465c;font-size:14px;font-weight:600;text-decoration:none}.landing-nav .nav-register{border-radius:10px;background:#172033;color:#fff}.landing-hero{display:grid;max-width:1240px;min-height:690px;margin:auto;grid-template-columns:1.03fr .97fr;align-items:center;gap:55px;padding:75px 26px 95px}.hero-copy h1{max-width:680px;margin:16px 0 22px;font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.045em}.hero-copy>p{max-width:610px;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:30px 0}.landing-secondary{display:inline-flex;min-height:48px;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:0 20px;color:var(--ink);font-weight:700;text-decoration:none}.hero-trust{display:flex;flex-wrap:wrap;gap:16px;color:#536078;font-size:13px}.hero-trust span{display:flex;align-items:center;gap:7px}.hero-trust i{color:var(--success)}.hero-dashboard{position:relative}.hero-window{overflow:hidden;border:1px solid #e6e8ee;border-radius:24px;background:#fff;padding:18px;box-shadow:0 35px 80px rgba(27,40,67,.16);transform:rotate(1deg)}.hero-window-head{display:flex;height:40px;align-items:center;gap:7px}.hero-window-head i{width:9px;height:9px;border-radius:50%;background:#d8dce5}.hero-window-head i:first-child{background:#ff795f}.hero-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-kpis div{border-radius:14px;background:#f7f8fb;padding:16px}.hero-kpis small{display:block;color:#8b94a7;font-size:10px}.hero-kpis strong{display:block;margin-top:8px;font-size:18px}.hero-chart{position:relative;height:240px;margin-top:12px;border-radius:16px;background:linear-gradient(180deg,#fff8f1,#fff),repeating-linear-gradient(0deg,transparent,transparent 47px,#edf0f5 48px)}.hero-chart:after{position:absolute;inset:30px 24px 32px;content:"";background:linear-gradient(145deg,transparent 0 20%,rgba(232,111,0,.12) 21% 28%,transparent 29% 38%,rgba(232,111,0,.18) 39% 50%,transparent 51% 60%,rgba(232,111,0,.26) 61% 72%,transparent 73%);clip-path:polygon(0 80%,16% 62%,31% 69%,47% 37%,63% 48%,80% 14%,100% 25%,100% 100%,0 100%)}.hero-floating{position:absolute;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 15px;box-shadow:0 18px 35px rgba(24,32,51,.16);font-size:12px;font-weight:700}.hero-floating i{color:var(--platform)}.hero-floating.sale{right:-22px;bottom:52px}.hero-floating.shift{top:52px;left:-28px}.landing-logo-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;padding:20px 25px 70px;color:#69758c;font-size:13px;font-weight:700}.landing-section,.landing-pricing{padding:90px max(24px,calc((100vw - 1188px)/2))}.landing-section{background:#f7f8fb}.section-heading{max-width:680px;margin:0 auto 50px;text-align:center}.section-heading h2{margin:12px 0;font-size:clamp(30px,4vw,45px);letter-spacing:-.035em}.section-heading p{color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.feature-grid article{border:1px solid #e9ebf0;border-radius:20px;background:#fff;padding:28px}.feature-grid article>i{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#fff2e5;color:var(--platform);font-size:20px}.feature-grid h3{margin:19px 0 8px}.feature-grid p{color:var(--muted);font-size:14px;line-height:1.65}.feature-main{grid-row:span 2}.mini-pos{margin-top:28px;border-radius:16px;background:#1d2639;padding:18px;color:#fff;min-height:150px}.mini-pos span{display:block;width:70%;height:11px;margin:8px 0;border-radius:8px;background:#3c485e}.mini-pos span:nth-child(2){width:90%}.mini-pos span:nth-child(3){width:55%;background:var(--platform)}.landing-workflow{padding:95px max(24px,calc((100vw - 1188px)/2))}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.workflow-grid article{position:relative;text-align:center}.workflow-grid article>i{display:grid;width:72px;height:72px;margin:auto;place-items:center;border-radius:22px;background:#fff1e5;color:var(--platform);font-size:27px}.workflow-grid article>span{position:absolute;top:0;right:calc(50% - 48px);display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#172033;color:#fff;font-size:11px}.workflow-grid p{color:var(--muted);font-size:14px;line-height:1.6}.pricing-grid{display:grid;max-width:860px;margin:auto;grid-template-columns:repeat(2,1fr);gap:20px}.pricing-grid article{position:relative;border:1px solid var(--line);border-radius:22px;padding:34px}.pricing-grid article.recommended{border:2px solid var(--platform);box-shadow:0 22px 50px rgba(232,111,0,.12)}.pricing-grid h3{margin:12px 0}.pricing-grid strong{font-size:36px}.pricing-grid ul{padding:10px 0 0;list-style:none}.pricing-grid li{margin:13px 0;color:#515d73}.pricing-grid li i{margin-right:9px;color:var(--success)}.pricing-grid a{width:100%;margin-top:12px}.landing-cta{margin:80px max(24px,calc((100vw - 1188px)/2));border-radius:28px;background:#172033;padding:65px 32px;text-align:center;color:#fff}.landing-cta h2{margin:14px auto 10px;font-size:clamp(30px,4vw,48px)}.landing-cta p{margin-bottom:28px;color:#b9c1d1}.landing-footer{display:flex;max-width:1190px;margin:auto;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:32px 0;color:#747f93;font-size:13px}

/* Shared authentication and forms */
.platform-auth-body,.super-login-body,.verify-body{min-height:100vh;background:radial-gradient(circle at 10% 0,#fff0e1 0,transparent 32%),#f5f7fa}.platform-auth-shell{display:grid;max-width:1120px;min-height:100vh;margin:auto;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding:55px 25px}.platform-auth-intro h1{margin:20px 0 14px;font-size:clamp(36px,4vw,55px);letter-spacing:-.04em}.platform-auth-intro>p{color:var(--muted);line-height:1.7}.auth-feature{display:flex;align-items:flex-start;gap:13px;margin-top:22px}.auth-feature i{display:grid;min-width:38px;height:38px;place-items:center;border-radius:11px;background:#fff;color:var(--platform);box-shadow:0 8px 20px rgba(30,42,66,.08)}.auth-feature strong,.auth-feature small{display:block}.auth-feature small{margin-top:4px;color:var(--muted);line-height:1.45}.platform-auth-card,.super-login-card,.verify-card{border:1px solid rgba(224,228,236,.9);border-radius:22px;background:#fff;padding:35px;box-shadow:0 25px 65px rgba(26,37,60,.12)}.auth-card-head{margin-bottom:22px}.auth-card-head>i{display:grid;width:44px;height:44px;margin-bottom:15px;place-items:center;border-radius:13px;background:#fff0e2;color:var(--platform)}.auth-card-head h2{margin:0 0 7px}.auth-card-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.platform-form{display:grid;gap:16px}.platform-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.platform-form label,.super-settings-form label,.super-plan-grid label{display:grid;gap:7px;color:#3e485b;font-size:12px;font-weight:700}.platform-form input,.platform-form select,.super-settings-form input,.super-plan-grid input,.inline-super-form select{width:100%;height:46px;border:1px solid #dbe0e8;border-radius:10px;background:#fff;padding:0 13px;color:var(--ink);font:500 14px Inter,sans-serif;outline:0}.platform-form input:focus,.platform-form select:focus,.super-settings-form input:focus{border-color:#f19a4d;box-shadow:0 0 0 3px #fff0e3}.platform-form input[type=file]{height:auto;padding:12px}.platform-check{display:flex!important;grid-column:1/-1;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important;line-height:1.5}.platform-check input{width:17px!important;height:17px!important;margin-top:2px}.platform-form .platform-primary{width:100%}.auth-card-links{display:flex;justify-content:space-between;gap:12px;margin-top:21px}.auth-card-links a{color:#59667d;font-size:12px;font-weight:600;text-decoration:none}.platform-form-note{margin:20px 0 0;color:var(--muted);font-size:12px;line-height:1.55}.registration-success{text-align:center}.registration-success>i{color:var(--success);font-size:57px}.registration-success code{display:inline-block;margin:10px 0;border-radius:9px;background:#f1f3f7;padding:9px 13px;font-size:16px}.verify-body{display:grid;place-items:center;padding:25px}.verify-card{max-width:480px;text-align:center}.verify-card>i{font-size:60px}.verify-card.success>i{color:var(--success)}.verify-card.error>i{color:var(--danger)}.verify-card p{color:var(--muted);line-height:1.65}.super-login-body{display:grid;place-items:center;padding:25px}.super-login-card{width:min(450px,100%)}.super-login-card>.platform-wordmark{width:100%;justify-content:center}.super-mark{display:grid;width:70px;height:70px;margin:28px auto 16px;place-items:center;border-radius:22px;background:#172033;color:#fff;font-size:28px}.super-login-card h1,.super-login-card>p{text-align:center}.super-login-card>p{color:var(--muted);line-height:1.55}.super-back{display:block;margin-top:20px;color:#69748a;text-align:center;text-decoration:none;font-size:12px}

/* Management login additions */
.platform-login-page{background:#f6f7fa}.platform-login-page .login-layout{min-height:100vh}.platform-login-page .login-left{background:#fff}.login-brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.login-brand .logo-mark{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:var(--platform);color:#fff}.login-brand strong,.login-brand small{display:block}.login-brand small{margin-top:3px;color:var(--muted)}.platform-login-card{max-width:530px!important}.role-switch{display:flex;gap:8px;margin-bottom:18px}.role-button{flex:1;border:1px solid var(--line);border-radius:10px;background:#fff;padding:11px;color:#566177;text-align:center;text-decoration:none;font:700 12px Inter}.role-button.active{border-color:#ffc78e;background:#fff7ee;color:var(--platform)}.form-field small{font-weight:400;color:#929bad}.login-secondary-links{display:flex;justify-content:space-between;margin-top:18px}.login-secondary-links a{color:#68748a;font-size:12px;text-decoration:none}.platform-login-preview{background:linear-gradient(145deg,#172033,#2b3850)!important}.platform-login-visual{display:grid;place-items:center;color:#fff;text-align:center}.platform-login-visual>span{display:grid;width:120px;height:120px;margin-bottom:28px;place-items:center;border-radius:35px;background:rgba(255,255,255,.1);font-size:48px}.platform-login-visual small{letter-spacing:.15em}.platform-login-visual h2{max-width:500px;font-size:34px}.platform-login-visual p{max-width:500px;color:#c2cad9;line-height:1.7}

/* Purchase */
.purchase-body{min-height:100vh;background:#f5f7fa}.purchase-nav{display:flex;height:74px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;padding:0 max(24px,calc((100vw - 1120px)/2))}.purchase-nav nav{display:flex;gap:9px}.purchase-nav a{color:#536078;text-decoration:none;font-size:13px;font-weight:600}.purchase-shell{max-width:1120px;margin:auto;padding:55px 24px}.purchase-heading h1{margin:10px 0 8px;font-size:38px}.purchase-heading p{color:var(--muted)}.purchase-grid{display:grid;grid-template-columns:1fr .95fr;gap:22px;margin-top:30px}.purchase-plans{display:grid;gap:12px}.purchase-plan{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px;text-decoration:none;color:inherit}.purchase-plan.active{border:2px solid var(--platform);background:#fffaf5}.purchase-plan>i{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#fff0e3;color:var(--platform)}.purchase-plan strong,.purchase-plan small{display:block}.purchase-plan small{margin-top:4px;color:var(--muted)}.purchase-plan>b{font-size:18px}.purchase-payment{border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px}.purchase-summary{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.purchase-summary strong{font-size:24px}.purchase-bank{display:grid;grid-template-columns:auto 1fr;gap:13px;margin:18px 0;border-radius:13px;background:#f6f7fa;padding:15px}.purchase-bank i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#fff;color:var(--platform)}.purchase-bank strong,.purchase-bank span,.purchase-bank small{display:block}.purchase-bank span{margin:4px 0;font-size:20px;letter-spacing:.12em}.purchase-history{margin-top:34px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:24px}.purchase-table{display:grid;gap:1px;border-radius:12px;background:var(--line);overflow:hidden}.purchase-row{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr;gap:12px;background:#fff;padding:14px;font-size:13px}.purchase-row.head{background:#f5f7fa;color:#7b8598;font-size:11px;font-weight:800;text-transform:uppercase}.purchase-status,.sales-status,.tenant-status{display:inline-flex;width:max-content;border-radius:99px;padding:6px 9px;background:#eef1f5;color:#667085;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.purchase-status.paid,.sales-status.paid,.tenant-status.active{background:#def8ee;color:#087b57}.purchase-status.waiting_verification,.sales-status.waiting_verification,.tenant-status.trial{background:#fff0da;color:#9d5900}.purchase-status.rejected,.sales-status.rejected,.tenant-status.suspended,.tenant-status.cancelled{background:#ffe5e8;color:#af2530}.purchase-empty{padding:30px;text-align:center;color:var(--muted)}

/* Super admin */
.super-body{min-height:100vh;background:#f4f6f9}.super-sidebar{position:fixed;z-index:40;inset:0 auto 0 0;display:flex;width:250px;flex-direction:column;background:#172033;padding:24px 18px;color:#fff}.super-sidebar>.platform-wordmark{margin-bottom:11px}.super-sidebar>.platform-wordmark i{background:var(--platform)}.super-sidebar>small{margin:0 10px 22px;color:#7f8ba2;font-size:9px;letter-spacing:.18em}.super-sidebar nav{display:grid;gap:5px}.super-sidebar nav button{display:flex;align-items:center;gap:12px;border:0;border-radius:10px;background:transparent;padding:12px 13px;color:#aeb7c8;text-align:left;font:600 13px Inter;cursor:pointer}.super-sidebar nav button.active,.super-sidebar nav button:hover{background:#2a354a;color:#fff}.super-sidebar nav i{width:17px}.super-sidebar>div{display:grid;margin-top:auto;border-top:1px solid #303b4f;padding:18px 10px 0}.super-sidebar>div small{margin:4px 0 11px;color:#8e98aa}.super-sidebar>div a{color:#ffb26e;font-size:12px;text-decoration:none}.super-main{margin-left:250px}.super-main>header{display:flex;height:74px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fff;padding:0 30px}.super-main header>div{display:flex;align-items:center;gap:10px}.super-main header button{display:none;border:0;background:transparent}.super-main h1{font-size:20px}.super-main header>span{color:var(--muted);font-size:12px}.super-content{padding:28px}.super-view{display:none}.super-view.active{display:block}.super-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.super-kpis article{display:grid;grid-template-columns:auto 1fr;border:1px solid var(--line);border-radius:15px;background:#fff;padding:18px}.super-kpis article>span{grid-row:span 4;display:grid;width:42px;height:42px;margin-right:13px;place-items:center;border-radius:12px;background:#fff0e3;color:var(--platform)}.super-kpis small,.super-kpis strong,.super-kpis em{display:block}.super-kpis small{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.super-kpis strong{margin:4px 0;font-size:26px}.super-kpis em{color:#97a0b0;font-size:10px;font-style:normal}.super-panels{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-top:17px}.super-panels>article,.super-table-wrap,.super-plan-grid>form,.super-settings-form{border:1px solid var(--line);border-radius:15px;background:#fff;padding:20px}.super-panel-head,.super-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.super-panel-head small,.super-section-head small{color:var(--platform);font-size:9px;font-weight:800;letter-spacing:.15em}.super-panel-head h2,.super-section-head h2{margin:5px 0 0;font-size:18px}.super-panel-head button{border:0;background:transparent;color:var(--platform);font-weight:700;cursor:pointer}.super-tenant-cards,.super-action-list{display:grid}.super-tenant-cards>div,.super-action-list>div{display:flex;align-items:center;gap:11px;border-top:1px solid #eef0f4;padding:13px 0}.super-tenant-cards>div>span,.super-action-list>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#f0f2f6;color:#59667b;font-weight:800}.super-tenant-cards p,.super-action-list p{flex:1;margin:0}.super-tenant-cards strong,.super-tenant-cards small,.super-action-list strong,.super-action-list small{display:block}.super-tenant-cards small,.super-action-list small{margin-top:3px;color:var(--muted);font-size:10px}.super-action-list em{color:#93550a;font-size:10px;font-style:normal}.super-search{width:min(320px,100%);height:42px;border:1px solid #dce1e8;border-radius:10px;padding:0 13px}.super-table-wrap{overflow:auto;padding:0}.super-table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.super-table-wrap th,.super-table-wrap td{border-bottom:1px solid #edf0f3;padding:13px 15px;text-align:left;font-size:12px}.super-table-wrap th{background:#f8f9fb;color:#7b8496;font-size:10px;text-transform:uppercase}.super-table-wrap td>small{display:block;margin-top:4px;color:#929aab}.inline-super-form,.sales-actions{display:flex;gap:7px}.inline-super-form select{width:110px;height:33px}.inline-super-form button,.sales-actions button,.super-plan-grid button{border:0;border-radius:8px;background:#172033;padding:8px 11px;color:#fff;font:700 10px Inter;cursor:pointer}.sales-actions .approve{background:#0c9669}.sales-actions .reject{background:#d33b45}.proof-link{color:var(--platform);font-weight:700;text-decoration:none}.super-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.super-plan-grid>form{display:grid;gap:13px}.super-plan-grid>form>span{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#fff0e3;color:var(--platform)}.super-plan-grid h3{margin:0}.super-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.super-check input{width:16px}.super-plan-grid button{padding:12px}.super-settings-form{display:grid;max-width:760px;gap:17px}.super-settings-form h3{margin:12px 0 0;font-size:14px}.super-settings-form .platform-primary{width:max-content}

@media(max-width:950px){.landing-hero,.platform-auth-shell,.purchase-grid{grid-template-columns:1fr}.hero-dashboard{max-width:650px;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-main{grid-row:auto;grid-column:span 2}.super-kpis{grid-template-columns:repeat(2,1fr)}.super-panels{grid-template-columns:1fr}.super-plan-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.landing-nav nav a:not(.nav-register){display:none}.landing-hero{padding-top:45px}.hero-actions{flex-direction:column}.hero-actions a{justify-content:center}.hero-floating{display:none}.feature-grid,.workflow-grid,.pricing-grid,.platform-form-grid{grid-template-columns:1fr}.feature-main{grid-column:auto}.landing-footer{margin:0 24px;flex-direction:column;gap:14px}.platform-auth-shell{padding-top:35px;gap:35px}.platform-auth-intro h1{font-size:36px}.purchase-row{grid-template-columns:1fr 1fr}.purchase-row.head span:nth-child(n+3),.purchase-row span:nth-child(n+3){display:none}.super-sidebar{transform:translateX(-100%);transition:.2s}.super-menu-open .super-sidebar{transform:none}.super-main{margin-left:0}.super-main header button{display:block}.super-content{padding:18px}.super-kpis,.super-plan-grid{grid-template-columns:1fr}.super-section-head{align-items:flex-start;flex-direction:column;gap:12px}.super-search{width:100%}.auth-card-links{flex-direction:column}.platform-auth-card,.super-login-card{padding:25px}}

/* Markup compatibility and small refinements */
.hero-window-head{justify-content:space-between}.hero-window-head>span{display:flex;gap:6px}.hero-window-head b{font-size:12px}.hero-window-head em{color:#8a94a6;font-size:10px;font-style:normal}.hero-kpis article{border-radius:14px;background:#f7f8fb;padding:16px}.hero-kpis article small,.hero-kpis article span{display:block;color:#8b94a7;font-size:10px}.hero-kpis article strong{display:block;margin:8px 0 5px;font-size:18px}.hero-chart>div{position:absolute;z-index:2;top:18px;left:20px}.hero-chart>div small,.hero-chart>div strong{display:block}.hero-chart>div small{color:#8a94a6;font-size:10px}.hero-chart svg{position:absolute;inset:50px 18px 18px;width:calc(100% - 36px);height:calc(100% - 68px)}.feature-grid article>span{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#fff2e5;color:var(--platform);font-size:20px}.feature-grid .mini-pos{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.feature-grid .mini-pos i{height:92px;border-radius:12px;background:linear-gradient(180deg,#354158,#252f43)}.workflow-grid article>b{position:absolute;top:0;right:calc(50% - 48px);display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#172033;color:#fff;font-size:11px}.workflow-grid article>span{position:static;display:grid;width:72px;height:72px;margin:auto;place-items:center;border-radius:22px;background:#fff1e5;color:var(--platform);font-size:27px}.pricing-grid article>em{position:absolute;top:16px;right:16px;border-radius:99px;background:#fff0e3;padding:6px 9px;color:#a74d00;font-size:9px;font-style:normal;font-weight:800}.pricing-grid h3{font-size:30px}.pricing-grid h3 span{color:var(--muted);font-size:12px;font-weight:500}.pricing-grid article>a,.landing-cta>a{display:inline-flex;min-height:45px;align-items:center;justify-content:center;border-radius:11px;background:#172033;padding:0 18px;color:#fff;font-weight:700;text-decoration:none}.landing-cta>a{margin-top:22px;background:var(--platform)}.landing-footer a{margin-right:14px;color:#667085;text-decoration:none}.purchase-nav>div{display:flex;align-items:center;gap:15px}.purchase-plan>span>i{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#fff0e3;color:var(--platform)}.purchase-bank>span>i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#fff;color:var(--platform)}.purchase-bank b{font-size:20px;letter-spacing:.12em}.purchase-history .purchase-row{grid-template-columns:1.2fr 1fr .8fr .9fr 1fr}.auth-card-head{display:flex;align-items:center;gap:12px}.auth-card-head>span>i{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:#fff0e2;color:var(--platform)}.registration-success>span>i,.verify-card>span>i{font-size:60px}.registration-success>span>i,.verify-card.success>span>i{color:var(--success)}.verify-card.error>span>i{color:var(--danger)}.registration-success>div:not(.platform-alert){margin:18px 0;border-radius:13px;background:#f4f6f9;padding:14px}.registration-success>div small,.registration-success>div strong{display:block}.registration-success>div strong{margin-top:7px;font-size:20px;letter-spacing:.08em}.platform-login-points{display:grid;gap:12px;margin-top:25px}.platform-login-points b{font-size:13px}.platform-login-points i{margin-right:8px;color:#ff9a42}
@media(max-width:720px){.purchase-history .purchase-row{grid-template-columns:1fr 1fr}.purchase-history .purchase-row>*:nth-child(n+3){display:none}.purchase-nav>div>span{display:none}.hero-kpis{grid-template-columns:1fr}.landing-nav{padding:0 18px}}

/* Landing page v9.0.1 */
.brand-image img{display:block;width:168px;height:auto}.landing-v2{--platform:#ff6b00;--platform-dark:#d95400;--navy:#0f2942;--teal:#08b8aa;color:var(--navy);overflow-x:hidden}.landing-v2 .landing-nav{max-width:none;height:82px;border-bottom:1px solid rgba(15,41,66,.07);padding:0 max(24px,calc((100vw - 1200px)/2));box-shadow:0 5px 25px rgba(15,41,66,.04)}.landing-v2 .landing-nav nav{gap:2px}.landing-v2 .landing-nav nav a{border-radius:10px;color:#435469}.landing-v2 .landing-nav nav a:hover{background:#f4f7f9;color:var(--navy)}.nav-actions{display:flex;align-items:center;gap:9px}.landing-v2 .nav-login{padding:11px 13px;color:var(--navy);font-size:13px;font-weight:700;text-decoration:none}.landing-v2 .nav-register{display:inline-flex;min-height:46px;align-items:center;gap:8px;border:2px solid #ffb37d;border-radius:12px;background:var(--platform);padding:0 17px;color:#fff;font-size:13px;font-weight:800;text-decoration:none;box-shadow:0 10px 25px rgba(255,107,0,.28);transition:.2s}.landing-v2 .nav-register:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(255,107,0,.35)}
.landing-v2 .landing-hero{position:relative;max-width:1200px;min-height:720px;gap:60px;padding:80px 24px 105px}.landing-v2 .landing-hero:before{position:absolute;z-index:-1;top:5%;left:-24%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(8,184,170,.09),transparent 68%);content:""}.landing-v2 .hero-copy h1{margin:17px 0 22px;font-size:clamp(44px,5.5vw,72px);letter-spacing:-.055em}.landing-v2 .hero-copy h1 em{color:var(--platform);font-style:normal}.landing-v2 .hero-copy>p{max-width:625px;color:#5a6b7e;font-size:18px;line-height:1.72}.landing-v2 .platform-eyebrow i{margin-right:6px;color:var(--teal)}.landing-v2 .hero-actions{align-items:stretch;margin:31px 0 23px}.trial-cta{min-width:276px;min-height:62px!important;justify-content:space-between!important;padding:8px 17px 8px 21px!important;border:2px solid #ffb37d!important;background:linear-gradient(135deg,#ff791a,var(--platform))!important;box-shadow:0 17px 35px rgba(255,107,0,.27)!important}.trial-cta span,.landing-v2 .landing-cta>a span{display:grid;gap:3px;text-align:left}.trial-cta b{font-size:14px}.trial-cta small,.landing-v2 .landing-cta>a small{font-size:10px;font-weight:500;opacity:.84}.trial-cta>i,.landing-v2 .landing-cta>a>i{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:rgba(255,255,255,.17)}.landing-v2 .landing-secondary{min-height:62px;border-color:#d9e0e6;background:#fff}.landing-v2 .landing-secondary i{color:var(--platform)}.landing-v2 .hero-trust{gap:14px 19px}.landing-v2 .hero-trust i{color:var(--teal)}
.landing-v2 .hero-window{border-color:#dfe6eb;border-radius:22px;padding:16px;box-shadow:0 35px 90px rgba(15,41,66,.18);transform:rotate(1.2deg)}.landing-v2 .hero-window-head em{display:flex;align-items:center;gap:5px;border-radius:7px;background:#f3f6f8;padding:6px 8px}.landing-v2 .hero-kpis{gap:9px}.landing-v2 .hero-kpis article{background:#f5f8fa;padding:14px}.landing-v2 .hero-kpis strong{font-size:16px}.landing-v2 .hero-kpis .up{color:#07947e}.landing-v2 .hero-chart{height:245px;background:linear-gradient(180deg,#fff8f2,#fff)}.landing-v2 .hero-chart:after{display:none}.landing-v2 .hero-floating{border-color:#e1e6eb}.landing-v2 .hero-floating i{color:var(--platform)}.landing-v2 .landing-logo-strip{gap:14px 27px;border-top:1px solid #f0f2f4;padding:25px 25px 65px;color:#526377}.landing-v2 .landing-logo-strip span{color:#929dac;font-weight:500}.landing-v2 .landing-logo-strip i{margin-right:6px;color:#9aa5b2}
.product-tour{background:#f5f8fa;padding:105px max(24px,calc((100vw - 1200px)/2))}.product-tour .section-heading{max-width:750px}.product-tour .section-heading p{font-size:17px}.tour-row{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:70px;margin:70px 0 115px}.tour-row.admin-tour{grid-template-columns:1.22fr .78fr}.admin-tour .tour-copy{order:2}.admin-tour .product-screen{order:1}.tour-number{color:var(--platform);font-size:11px;font-weight:800;letter-spacing:.14em}.tour-copy h3{margin:13px 0 14px;font-size:clamp(28px,3vw,40px);line-height:1.14;letter-spacing:-.035em}.tour-copy>p{color:#617185;line-height:1.72}.tour-copy ul{display:grid;gap:13px;margin:24px 0;padding:0;list-style:none}.tour-copy li{display:flex;gap:10px;color:#35485e;font-size:13px;line-height:1.45}.tour-copy li i{margin-top:2px;color:var(--teal)}.tour-result{display:flex;align-items:center;gap:12px;border-left:3px solid var(--teal);border-radius:0 12px 12px 0;background:#eafaf7;padding:13px 15px}.tour-result>i{color:#079b8d}.tour-result b,.tour-result small{display:block}.tour-result b{font-size:13px}.tour-result small{margin-top:3px;color:#597468;font-size:10px;line-height:1.45}.product-screen{overflow:hidden;border:1px solid #dce3e8;border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(15,41,66,.15)}
.screen-bar{display:flex;height:58px;align-items:center;justify-content:space-between;background:var(--navy);padding:0 19px;color:#fff}.screen-bar>div{display:flex;align-items:center;gap:8px}.screen-bar img{width:29px;height:29px;object-fit:contain}.screen-bar b{font-size:11px}.screen-bar>span{border-radius:7px;background:rgba(255,255,255,.1);padding:7px 9px;font-size:8px}.screen-bar>span i{margin-right:4px;color:#3ad3c4}.cashier-categories{display:flex;gap:7px;border-bottom:1px solid #edf0f2;padding:13px 17px;font-size:8px}.cashier-categories span,.cashier-categories b{border-radius:99px;background:#f1f4f6;padding:7px 12px}.cashier-categories b{background:#fff0e5;color:var(--platform)}.cashier-layout{display:grid;grid-template-columns:1.35fr .65fr;min-height:315px}.cashier-products{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:15px;background:#f6f8fa}.cashier-products article{display:grid;min-height:126px;align-content:end;border:1px solid #e5e9ed;border-radius:13px;background:#fff;padding:11px}.cashier-products article>i{display:grid;width:37px;height:37px;margin-bottom:auto;place-items:center;border-radius:10px;background:#fff1e7;color:var(--platform)}.cashier-products b{font-size:10px}.cashier-products small{margin-top:4px;color:#68788a;font-size:8px}.cashier-cart{padding:15px}.cashier-cart>div:first-child{display:flex;justify-content:space-between;border-bottom:1px solid #e9edf0;padding-bottom:12px}.cashier-cart>div:first-child b{font-size:10px}.cashier-cart>div:first-child small{border-radius:6px;background:#eef8f6;padding:4px 6px;color:#078b7d;font-size:7px}.cashier-cart ul{min-height:144px;margin:0;padding:0;list-style:none}.cashier-cart li{display:flex;justify-content:space-between;border-bottom:1px solid #eef1f3;padding:12px 0}.cashier-cart li b,.cashier-cart li small{display:block}.cashier-cart li b{font-size:9px}.cashier-cart li small{margin-top:3px;color:#8994a0;font-size:7px}.cashier-cart li strong{font-size:8px}.cashier-cart .cart-total{display:flex;align-items:center;justify-content:space-between;margin:11px 0}.cashier-cart .cart-total b{font-size:14px}.cashier-cart button{width:100%;border:0;border-radius:9px;background:var(--platform);padding:11px;color:#fff;font-size:8px;font-weight:800}
.admin-screen{display:grid;grid-template-columns:58px 1fr;background:#f6f8fa}.admin-screen>aside{display:flex;align-items:center;flex-direction:column;gap:8px;background:var(--navy);padding:13px 8px}.admin-screen>aside img{width:32px;height:32px;margin-bottom:15px;object-fit:contain}.admin-screen>aside i{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;color:#91a3b4;font-size:11px}.admin-screen>aside i.active{background:var(--platform);color:#fff}.admin-content{padding:20px}.admin-heading{display:flex;align-items:center;justify-content:space-between}.admin-heading span small,.admin-heading span b{display:block}.admin-heading small{color:#83909e;font-size:7px}.admin-heading b{margin-top:3px;font-size:13px}.admin-heading em{border:1px solid #dde3e7;border-radius:8px;background:#fff;padding:7px 9px;font-size:7px;font-style:normal}.admin-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.admin-kpis article{display:flex;align-items:center;gap:8px;border:1px solid #e5e9ec;border-radius:11px;background:#fff;padding:10px}.admin-kpis article>i{display:grid;width:31px;height:31px;place-items:center;border-radius:8px;background:#fff0e5;color:var(--platform);font-size:10px}.admin-kpis span small,.admin-kpis span b,.admin-kpis span em{display:block}.admin-kpis small{color:#7d8b99;font-size:6px}.admin-kpis b{margin:3px 0;font-size:11px}.admin-kpis em{color:#07947e;font-size:6px;font-style:normal}.admin-panels{display:grid;grid-template-columns:1.3fr .7fr;gap:9px}.admin-panels>article{border:1px solid #e5e9ec;border-radius:11px;background:#fff;padding:12px}.admin-panels>article>b{font-size:9px}.admin-graph .bars{display:flex;height:135px;align-items:flex-end;justify-content:space-around;gap:7px;border-bottom:1px solid #e5e9ec;padding:14px 5px 0}.admin-graph .bars i{width:14px;border-radius:5px 5px 0 0;background:linear-gradient(#ff9b52,var(--platform))}.admin-graph>small{display:block;margin-top:6px;color:#96a0aa;text-align:center;font-size:5px}.admin-alert{display:grid;align-content:start;gap:9px}.admin-alert>span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 7px;border-radius:8px;background:#f5f7f9;padding:8px}.admin-alert>span>i{grid-row:span 2;color:var(--platform);font-size:10px}.admin-alert small{color:#7b8996;font-size:6px}.admin-alert strong{font-size:8px}
.feature-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:-25px}.feature-benefits article{border:1px solid #e1e7eb;border-radius:17px;background:#fff;padding:21px}.feature-benefits article>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#fff0e5;color:var(--platform)}.feature-benefits h3{margin:16px 0 7px;font-size:15px}.feature-benefits p{margin:0;color:#69798b;font-size:12px;line-height:1.55}
.landing-v2 .landing-workflow{padding:110px max(24px,calc((100vw - 1120px)/2))}.landing-v2 .workflow-grid{gap:20px}.landing-v2 .workflow-grid article{border:1px solid #e2e7ea;border-radius:21px;background:#fff;padding:31px 24px 25px;box-shadow:0 13px 35px rgba(15,41,66,.06)}.landing-v2 .workflow-grid article>b{top:18px;right:20px;width:30px;height:30px;background:var(--navy)}.landing-v2 .workflow-grid article>span{margin:0 auto 20px;background:#fff0e5}.landing-v2 .workflow-grid h3{font-size:17px}.landing-v2 .workflow-grid p{min-height:68px}.landing-v2 .workflow-grid em{display:inline-block;border-radius:99px;background:#eafaf7;padding:6px 10px;color:#078b7d;font-size:9px;font-style:normal;font-weight:800}.workflow-payoff{display:flex;max-width:900px;margin:35px auto 0;align-items:center;gap:15px;border-radius:16px;background:var(--navy);padding:17px 20px;color:#fff}.workflow-payoff>i{display:grid;min-width:39px;height:39px;place-items:center;border-radius:11px;background:rgba(255,255,255,.1);color:#4be0d1}.workflow-payoff>span{flex:1}.workflow-payoff b,.workflow-payoff small{display:block}.workflow-payoff b{font-size:13px}.workflow-payoff small{margin-top:3px;color:#aebdca;font-size:10px}.workflow-payoff>a{border-radius:9px;background:var(--platform);padding:11px 14px;color:#fff;font-size:11px;font-weight:800;text-decoration:none}
.landing-v2 .landing-pricing{background:linear-gradient(180deg,#f5f8fa,#fff);padding:110px max(24px,calc((100vw - 1050px)/2))}.single-price-card{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border:2px solid #ffd1b0;border-radius:28px;background:#fff;padding:38px;box-shadow:0 30px 70px rgba(15,41,66,.12)}.price-main{padding-right:15px}.price-badge{display:inline-block;border-radius:99px;background:#fff0e5;padding:7px 11px;color:var(--platform-dark);font-size:9px;font-weight:800;letter-spacing:.1em}.price-main>small{display:block;margin:18px 0 4px;color:#788696;font-size:10px}.price-main h3{margin:0;color:var(--navy);font-size:50px;letter-spacing:-.045em}.price-main h3 sup{margin-right:3px;font-size:15px}.price-main strong{display:block;margin-top:8px;color:#078b7d;font-size:13px}.price-main strong i{margin-right:5px}.price-main p{margin:8px 0 0;color:#7c8996;font-size:11px}.price-plus i{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--navy);color:#fff}.server-price{display:flex;align-items:center;gap:15px;border-radius:18px;background:#f3f7f9;padding:22px}.server-price>span{display:grid;min-width:45px;height:45px;place-items:center;border-radius:12px;background:#e5f9f6;color:#078f81}.server-price small{color:#718191;font-size:9px;font-weight:800;letter-spacing:.1em}.server-price h4{margin:6px 0;color:var(--navy);font-size:25px}.server-price h4 em{color:#778594;font-size:11px;font-style:normal;font-weight:500}.server-price p{margin:0;color:#7a8998;font-size:10px;line-height:1.45}.price-features{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #e5e9ec;margin:4px 0 0;padding:25px 0 0;list-style:none}.price-features li{color:#475a6e;font-size:12px}.price-features i{margin-right:8px;color:var(--teal)}.price-action{display:grid;grid-column:1/-1;justify-items:center;gap:12px;margin-top:8px}.price-action>.trial-cta{min-width:340px}.price-action>small{color:#788696;font-size:10px}.price-action>small i{margin-right:5px;color:var(--teal)}.pricing-note{max-width:800px;margin:20px auto 0;color:#6d7c8c;text-align:center;font-size:11px;line-height:1.6}.pricing-note i{margin-right:5px;color:var(--platform)}
.landing-v2 .landing-cta{display:flex;align-items:center;justify-content:space-between;margin:90px max(24px,calc((100vw - 1188px)/2));padding:55px 60px;text-align:left}.landing-v2 .landing-cta>div{max-width:690px}.landing-v2 .landing-cta h2{margin:12px 0 8px}.landing-v2 .landing-cta p{margin:0}.landing-v2 .landing-cta>a{display:flex;min-width:255px;min-height:62px;align-items:center;justify-content:space-between;gap:18px;border:2px solid #ffac70;background:var(--platform);padding:8px 14px 8px 19px}.landing-v2 .landing-footer{max-width:1188px;padding:37px 0}.landing-v2 .landing-footer .brand-image img{width:140px}.mobile-trial-cta{display:none}
@media(max-width:1000px){.landing-v2 .landing-nav{padding:0 22px}.landing-v2 .landing-hero{grid-template-columns:1fr;min-height:auto;padding-top:70px}.landing-v2 .hero-copy{text-align:center}.landing-v2 .hero-copy>p{margin-right:auto;margin-left:auto}.landing-v2 .hero-actions,.landing-v2 .hero-trust{justify-content:center}.landing-v2 .hero-dashboard{width:min(680px,94%)}.tour-row,.tour-row.admin-tour{grid-template-columns:1fr;gap:35px}.admin-tour .tour-copy,.admin-tour .product-screen{order:initial}.tour-copy{max-width:700px}.feature-benefits{grid-template-columns:1fr 1fr}.landing-v2 .landing-cta{padding:45px 35px}.single-price-card{grid-template-columns:1fr auto 1fr}}
@media(max-width:720px){.brand-image img{width:142px}.landing-v2 .landing-nav{height:70px}.landing-v2 .landing-nav nav,.landing-v2 .nav-login{display:none}.landing-v2 .nav-register{min-height:42px;padding:0 12px;font-size:11px}.landing-v2 .landing-hero{padding:50px 19px 80px}.landing-v2 .hero-copy h1{font-size:42px}.landing-v2 .hero-copy>p{font-size:15px}.landing-v2 .hero-actions{flex-direction:column}.landing-v2 .hero-actions a{width:100%}.landing-v2 .hero-trust{display:grid;justify-content:start;text-align:left}.landing-v2 .hero-dashboard{width:100%}.landing-v2 .hero-window{padding:10px}.landing-v2 .hero-kpis{grid-template-columns:repeat(3,1fr)}.landing-v2 .hero-kpis article{padding:9px}.landing-v2 .hero-kpis strong{font-size:9px}.landing-v2 .hero-kpis article small,.landing-v2 .hero-kpis article span{font-size:6px}.landing-v2 .hero-chart{height:155px}.landing-v2 .landing-logo-strip{display:grid;grid-template-columns:1fr 1fr;padding-bottom:45px;text-align:center}.landing-v2 .landing-logo-strip span{grid-column:1/-1}.product-tour{padding:75px 18px}.tour-row{margin:50px 0 80px}.product-screen{border-radius:16px}.cashier-layout{grid-template-columns:1fr}.cashier-cart{display:none}.cashier-products{grid-template-columns:repeat(2,1fr)}.admin-screen{grid-template-columns:40px 1fr}.admin-screen>aside{padding:10px 4px}.admin-screen>aside img{width:26px;height:26px}.admin-screen>aside i{width:28px;height:28px}.admin-content{padding:12px}.admin-kpis{grid-template-columns:1fr 1fr}.admin-kpis article:last-child{display:none}.admin-panels{grid-template-columns:1fr}.admin-alert{display:none}.feature-benefits{grid-template-columns:1fr}.landing-v2 .landing-workflow{padding:75px 18px}.landing-v2 .workflow-grid p{min-height:auto}.workflow-payoff{align-items:flex-start;flex-wrap:wrap}.workflow-payoff>a{width:100%;text-align:center}.landing-v2 .landing-pricing{padding:75px 18px}.single-price-card{grid-template-columns:1fr;padding:26px 21px;text-align:center}.price-main{padding:0}.price-plus{margin:-10px 0}.price-plus i{margin:auto}.server-price{text-align:left}.price-features{grid-column:auto;grid-template-columns:1fr 1fr;text-align:left}.price-action{grid-column:auto}.price-action>.trial-cta{min-width:0;width:100%}.landing-v2 .landing-cta{display:block;margin:60px 18px 105px;padding:36px 24px;text-align:center}.landing-v2 .landing-cta>a{width:100%;margin-top:25px;text-align:left}.landing-v2 .landing-footer{margin:0 20px;padding-bottom:100px}.mobile-trial-cta{position:fixed;z-index:60;right:12px;bottom:12px;left:12px;display:flex;min-height:60px;align-items:center;justify-content:space-between;border:2px solid #ffc69d;border-radius:14px;background:var(--platform);padding:8px 13px 8px 18px;color:#fff;text-decoration:none;box-shadow:0 15px 36px rgba(15,41,66,.28)}.mobile-trial-cta span{display:grid;gap:2px}.mobile-trial-cta b{font-size:13px}.mobile-trial-cta small{font-size:9px;opacity:.85}.mobile-trial-cta>i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(255,255,255,.17)}}

/* Role access and platform QRIS purchase v9.0.5 */
.nav-buy{display:inline-flex;min-height:40px;align-items:center;gap:7px;border:1px solid #8de0d6;border-radius:10px;background:#eafffc;padding:0 13px;color:#087e73;font-size:11px;font-weight:800;text-decoration:none}.nav-buy:hover{background:#d9faf5}.price-action-buttons{display:flex;align-items:stretch;justify-content:center;gap:12px;flex-wrap:wrap}.landing-buy-qris{display:flex;min-width:340px;min-height:62px;align-items:center;justify-content:space-between;gap:18px;border:2px solid #5ed2c5;border-radius:12px;background:linear-gradient(135deg,#087f75,#00aa9d);padding:8px 17px 8px 21px;color:#fff;text-decoration:none;box-shadow:0 17px 35px rgba(0,150,137,.22)}.landing-buy-qris span{display:grid;gap:3px;text-align:left}.landing-buy-qris b{font-size:14px}.landing-buy-qris small{font-size:10px;opacity:.86}.landing-buy-qris>i{display:grid;width:33px;height:33px;place-items:center;border-radius:50%;background:rgba(255,255,255,.16);font-size:17px}.purchase-qris-direct{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:18px 0;padding:16px;border:1px solid #8ddfd6;border-radius:15px;background:#effffb}.purchase-qris-direct.preferred{box-shadow:0 0 0 3px rgba(0,169,157,.1),0 14px 32px rgba(0,120,110,.1)}.purchase-qris-direct>span{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#0b9488;color:#fff;font-size:21px}.purchase-qris-direct small,.purchase-qris-direct strong,.purchase-qris-direct p{display:block}.purchase-qris-direct small{color:#078275;font-size:8px;font-weight:850;letter-spacing:.9px}.purchase-qris-direct strong{margin:4px 0;color:#163247;font-size:14px}.purchase-qris-direct p{margin:0;color:#637888;font-size:9px;line-height:1.5}.purchase-qris-direct .platform-primary{white-space:nowrap;background:linear-gradient(135deg,#078b80,#00aa9d)}.purchase-qris-direct .platform-primary:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.55}
@media(max-width:720px){.nav-buy{padding:0 10px;font-size:10px}.nav-buy i{display:none}.price-action-buttons,.landing-buy-qris{width:100%;min-width:0}.purchase-qris-direct{grid-template-columns:auto minmax(0,1fr)}.purchase-qris-direct .platform-primary{grid-column:1/-1;width:100%}}
.purchase-price-breakdown{display:grid;gap:8px;margin:15px 0}.purchase-price-breakdown>span{display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#f6f7fa;padding:11px 13px}.purchase-price-breakdown small{color:var(--muted);font-size:10px}.purchase-price-breakdown b{font-size:12px}.purchase-price-breakdown .licensed{background:#eafaf5}.purchase-price-breakdown .licensed small,.purchase-price-breakdown .licensed b{color:#087a54}
.landing-v2 .screen-bar img,.landing-v2 .admin-screen>aside img{border-radius:8px;background:#fff;padding:3px}

/* Login toko dan lobby akses v9.0.2 */
.login-brand.brand-image{display:block}.login-brand.brand-image img{display:block;width:190px;height:auto}.store-login-page .login-copy{margin-top:auto}.store-login-page .login-card{margin-bottom:auto}.login-step{display:flex;align-items:center;gap:11px}.login-step>b{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#e8faf7;color:#078f82;font-size:14px}.login-step span small,.login-step span strong{display:block}.login-step span small{color:#8793a0;font-size:8px;font-weight:800;letter-spacing:.13em}.login-step span strong{margin-top:3px;color:#35475a;font-size:12px}.store-login-page .login-copy h1{margin-top:18px}.store-login-page .form-field small{display:block;margin-top:6px;color:#8a96a3;font-size:10px;font-weight:500}.store-login-page .login-submit{display:flex;align-items:center;justify-content:center;gap:9px}.login-preview-mark{width:92px;height:92px;margin-bottom:24px;border-radius:25px;background:#fff;padding:13px;object-fit:contain}.login-flow-preview{display:flex;align-items:center;justify-content:center;gap:9px;margin:27px 0}.login-flow-preview>i{color:#667b8f;font-size:9px}.login-flow-preview span{display:grid;min-width:82px;gap:6px;justify-items:center;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.05);padding:12px 8px;color:#9fb1c1}.login-flow-preview span.active{border-color:rgba(53,220,202,.35);background:rgba(8,184,170,.12);color:#53e2d3}.login-flow-preview span i{font-size:16px}.login-flow-preview span b{color:#fff;font-size:8px}
.access-lobby-body{min-height:100vh;background:radial-gradient(circle at 10% 0,rgba(8,184,170,.11),transparent 30%),radial-gradient(circle at 90% 10%,rgba(255,107,0,.09),transparent 28%),#f5f8fa;color:#0f2942}.access-lobby-nav{display:flex;max-width:1180px;height:78px;margin:auto;align-items:center;justify-content:space-between;padding:0 22px}.access-lobby-nav .brand-image img{display:block;width:170px}.access-lobby-nav>a:last-child{border:1px solid #dce3e8;border-radius:10px;background:#fff;padding:10px 13px;color:#536577;font-size:11px;font-weight:700;text-decoration:none}.access-lobby-nav>a:last-child i{margin-right:6px;color:#ff6b00}.access-lobby{max-width:1050px;margin:auto;padding:35px 22px 75px}.access-store{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;border:1px solid #dfe6ea;border-radius:19px;background:#fff;padding:18px 21px;box-shadow:0 13px 35px rgba(15,41,66,.06)}.access-store-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#0f2942;color:#fff;font-size:20px;font-weight:800}.access-store small{color:#8a96a3;font-size:8px;font-weight:800;letter-spacing:.12em}.access-store h1{margin:4px 0 3px;font-size:18px}.access-store p{margin:0;color:#7a8795;font-size:10px}.access-store em{border-radius:99px;background:#e8faf5;padding:7px 10px;color:#07855f;font-size:9px;font-style:normal;font-weight:800}.access-store em i{margin-right:4px}.access-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:45px 0 20px}.access-heading p{margin:0;color:#738292;font-size:11px}.access-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.access-role-card{position:relative;min-height:235px;border:1px solid #dfe5e9;border-radius:19px;background:#fff;padding:22px;text-align:left;cursor:pointer;box-shadow:0 10px 30px rgba(15,41,66,.05);transition:.2s}.access-role-card:hover{border-color:#ffb37c;box-shadow:0 18px 42px rgba(15,41,66,.1);transform:translateY(-3px)}.access-role-card.owner{border:2px solid #ffb37c}.access-role-card>span{display:grid;width:47px;height:47px;place-items:center;border-radius:13px;background:#fff0e6;color:#ff6b00;font-size:18px}.access-role-card.owner>span{background:#e8faf7;color:#078f82}.access-role-card>small{display:block;margin-top:20px;color:#8b97a3;font-size:8px;font-weight:800;letter-spacing:.12em}.access-role-card h2{margin:5px 0 8px;font-size:19px}.access-role-card p{margin:0;color:#68798a;font-size:11px;line-height:1.55}.access-role-card em{position:absolute;right:22px;bottom:20px;left:22px;color:#ff6b00;font-size:10px;font-style:normal;font-weight:800}.access-role-card em i{float:right}.access-role-card.disabled{opacity:.56;cursor:not-allowed}.access-role-card.disabled:hover{border-color:#dfe5e9;box-shadow:0 10px 30px rgba(15,41,66,.05);transform:none}.access-error{max-width:650px;margin:0 0 18px}.access-modal[hidden]{display:none}.access-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;background:rgba(8,24,39,.66);padding:20px;backdrop-filter:blur(7px)}.access-modal-card{position:relative;width:min(460px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #e0e6ea;border-radius:22px;background:#fff;padding:31px;box-shadow:0 30px 90px rgba(5,20,35,.3)}.access-modal-close{position:absolute;top:14px;right:14px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:#f1f4f6;color:#5f7080;font-size:22px;cursor:pointer}.access-modal-icon{display:grid;width:48px;height:48px;margin-bottom:16px;place-items:center;border-radius:14px;background:#fff0e6;color:#ff6b00}.access-modal-card>small{color:#8995a1;font-size:8px;font-weight:800;letter-spacing:.13em}.access-modal-card h2{margin:5px 0 7px}.access-modal-card>p{margin:0 0 20px;color:#718090;font-size:11px;line-height:1.55}.access-device-note,.access-device-ready{display:flex;align-items:flex-start;gap:11px;border-radius:12px;background:#f3f6f8;padding:13px}.access-device-note>i,.access-device-ready>i{margin-top:2px;color:#078f82}.access-device-note b,.access-device-note small,.access-device-ready b,.access-device-ready small{display:block}.access-device-note b,.access-device-ready b{font-size:11px}.access-device-note small,.access-device-ready small{margin-top:3px;color:#748391;font-size:9px;line-height:1.45}.access-device-ready{background:#eafaf5}.access-modal-open{overflow:hidden}
@media(max-width:800px){.access-role-grid{grid-template-columns:1fr 1fr}.access-heading{align-items:flex-start;flex-direction:column;gap:10px}.login-flow-preview span{min-width:70px}}
@media(max-width:560px){.login-brand.brand-image img{width:165px}.access-lobby-nav{height:68px;padding:0 15px}.access-lobby-nav .brand-image img{width:145px}.access-lobby-nav>a:last-child{font-size:0}.access-lobby-nav>a:last-child i{margin:0;font-size:13px}.access-lobby{padding:24px 15px 55px}.access-store{grid-template-columns:auto 1fr;padding:15px}.access-store em{display:none}.access-store h1{font-size:15px}.access-role-grid{grid-template-columns:1fr}.access-role-card{min-height:210px}.access-modal-card{padding:26px 21px}.login-flow-preview{gap:5px}.login-flow-preview>i{display:none}.login-flow-preview span{min-width:0;flex:1}}

/* Registrasi dan dokumen legal */
.platform-wordmark.brand-image img{display:block;width:185px;height:auto}.legal-check a{color:#d95800;font-weight:800}.registration-access-data{display:grid!important;grid-template-columns:1fr 1fr;gap:9px;background:transparent!important;padding:0!important}.registration-access-data>span{border-radius:11px;background:#f4f6f9;padding:12px}.registration-access-data>span:last-child{grid-column:1/-1}.registration-access-data strong{font-size:14px!important;letter-spacing:.03em!important}.platform-form label>small{color:#8a96a3;font-size:10px;font-weight:500;line-height:1.45}.legal-body{min-height:100vh;background:#f5f8fa;color:#0f2942}.legal-nav{position:sticky;z-index:10;top:0;display:flex;height:76px;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7eb;background:rgba(255,255,255,.94);padding:0 max(22px,calc((100vw - 1100px)/2));backdrop-filter:blur(12px)}.legal-nav .brand-image img{display:block;width:165px}.legal-nav>a:last-child{border:1px solid #dce3e8;border-radius:9px;padding:9px 12px;color:#566778;font-size:10px;font-weight:700;text-decoration:none}.legal-shell{display:grid;max-width:1100px;margin:auto;grid-template-columns:280px 1fr;gap:55px;padding:60px 22px}.legal-shell>aside{position:sticky;top:115px;align-self:start}.legal-shell>aside>small{color:#ff6b00;font-size:9px;font-weight:800;letter-spacing:.13em}.legal-shell>aside h1{margin:10px 0;font-size:31px;letter-spacing:-.035em}.legal-shell>aside>p{color:#8793a0;font-size:10px}.legal-shell>aside nav{display:grid;margin-top:27px}.legal-shell>aside nav a{border-left:2px solid #dfe5e9;padding:9px 13px;color:#69798a;font-size:11px;text-decoration:none}.legal-shell>aside nav a:hover{border-color:#ff6b00;color:#d95800}.legal-content{border:1px solid #e1e6ea;border-radius:21px;background:#fff;padding:38px 42px;box-shadow:0 18px 45px rgba(15,41,66,.06)}.legal-content section{scroll-margin-top:105px;border-bottom:1px solid #edf0f2;padding:0 0 25px;margin:0 0 27px}.legal-content section:last-child{border:0;margin:0;padding:0}.legal-content h2{margin:0 0 11px;font-size:17px}.legal-content p{margin:9px 0;color:#5f7080;font-size:12px;line-height:1.78}.legal-content a{color:#d95800;font-weight:700}.legal-footer{border-top:1px solid #e1e6ea;padding:28px;color:#7b8895;text-align:center;font-size:10px}.legal-footer a{color:#d95800;text-decoration:none}
@media(max-width:760px){.legal-shell{grid-template-columns:1fr;gap:25px;padding-top:35px}.legal-shell>aside{position:static}.legal-shell>aside nav{display:none}.legal-content{padding:27px 22px}.legal-nav .brand-image img{width:145px}.legal-nav>a:last-child{font-size:0}.legal-nav>a:last-child:after{content:'Kembali';font-size:10px}.registration-access-data{grid-template-columns:1fr}.registration-access-data>span:last-child{grid-column:auto}}

/* Logo platform konsisten untuk halaman lama */
.platform-wordmark:not(.brand-image)>i,.platform-wordmark:not(.brand-image)>b{display:none!important}.platform-wordmark:not(.brand-image):before{display:block;width:185px;height:54px;background:url('../images/warung-pos-logo.png') center/contain no-repeat;content:''}.super-sidebar>.platform-wordmark{width:100%;border-radius:12px;background:#fff;padding:4px 10px}.super-sidebar>.platform-wordmark:not(.brand-image):before{width:165px;height:47px}.super-sidebar>.brand-image img{width:165px}.hero-copy>p strong{color:#0f2942;font-weight:800}

/* Penjelajah fitur interaktif */
.feature-explorer{scroll-margin-top:74px;background:linear-gradient(180deg,#f3f7f9 0,#fff 100%);padding:105px max(24px,calc((100vw - 1188px)/2))}.explorer-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:22px}.explorer-nav{display:grid;align-content:start;gap:8px}.explorer-nav button{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;border:1px solid #dfe6ea;border-radius:14px;background:#fff;padding:13px 14px;color:#0f2942;text-align:left;cursor:pointer;transition:.18s}.explorer-nav button:hover{border-color:#ffb57f;transform:translateX(3px)}.explorer-nav button.active{border-color:#ff9a52;background:#fff7f0;box-shadow:0 10px 28px rgba(255,107,0,.1)}.explorer-nav button>i:first-child{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:#eff4f6;color:#587083;font-size:15px}.explorer-nav button.active>i:first-child{background:#ff6b00;color:#fff}.explorer-nav button>i:last-child{color:#b6c0c8;font-size:9px}.explorer-nav span b,.explorer-nav span small{display:block}.explorer-nav span b{font-size:12px}.explorer-nav span small{margin-top:4px;color:#84919e;font-size:9px}.explorer-canvas{overflow:hidden;border:1px solid #dce4e8;border-radius:22px;background:#fff;padding:26px;box-shadow:0 25px 60px rgba(15,41,66,.1)}.explorer-canvas.is-changing{animation:explorerReveal .28s ease}@keyframes explorerReveal{from{opacity:.58;transform:translateY(5px)}to{opacity:1;transform:none}}.explorer-canvas>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.explorer-canvas>header>span{display:grid;width:47px;height:47px;place-items:center;border-radius:13px;background:#e7faf7;color:#078f82;font-size:17px}.explorer-canvas>header small{color:#ff6b00;font-size:8px;font-weight:800;letter-spacing:.13em}.explorer-canvas>header h3{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.explorer-canvas>header em{border-radius:99px;background:#eef8f6;padding:7px 10px;color:#078f82;font-size:8px;font-style:normal;font-weight:800}.explorer-canvas>header em i{margin-right:4px;font-size:6px}.explorer-preview{overflow:hidden;min-height:280px;margin:23px 0 21px;border:1px solid #dfe5e9;border-radius:16px;background:#f3f6f8}.explorer-preview-bar{display:flex;height:37px;align-items:center;gap:5px;background:#0f2942;padding:0 13px}.explorer-preview-bar>i{width:7px;height:7px;border-radius:50%;background:#ff765f}.explorer-preview-bar>i:nth-child(2){background:#ffc14f}.explorer-preview-bar>i:nth-child(3){background:#4acb8b}.explorer-preview-bar>span{margin-left:auto;color:#bac9d4;font-size:8px;font-weight:700}.explorer-mock{display:grid;min-height:242px;grid-template-columns:1.5fr .6fr;grid-template-rows:auto 1fr;gap:12px;padding:18px}.mock-kpis{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:10px}.mock-kpis i{height:55px;border-radius:10px;background:linear-gradient(100deg,#fff,#e8eef1)}.mock-chart{display:flex;align-items:flex-end;justify-content:space-around;border-radius:12px;background:#fff;padding:20px 18px 0}.mock-chart span{width:8%;border-radius:5px 5px 0 0;background:#ff8130}.mock-chart span:nth-child(1){height:30%}.mock-chart span:nth-child(2){height:48%}.mock-chart span:nth-child(3){height:41%}.mock-chart span:nth-child(4){height:67%}.mock-chart span:nth-child(5){height:54%}.mock-chart span:nth-child(6){height:81%}.mock-chart span:nth-child(7){height:72%}.mock-side,.mock-stock-list,.mock-ledger,.mock-report-rows{display:grid;gap:8px}.mock-side i,.mock-stock-list span,.mock-ledger i,.mock-report-rows i{border-radius:8px;background:#fff}.explorer-canvas>p{margin:0 0 13px;color:#657687;font-size:12px;line-height:1.7}.explorer-canvas>ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.explorer-canvas>ul li{color:#415569;font-size:11px}.explorer-canvas>ul i{margin-right:7px;color:#079b8c}.explorer-value{display:flex;align-items:center;gap:12px;margin-top:20px;border-radius:13px;background:#0f2942;padding:14px 16px;color:#fff}.explorer-value>span{display:grid;min-width:35px;height:35px;place-items:center;border-radius:10px;background:rgba(74,224,209,.14);color:#4ae0d1}.explorer-value small,.explorer-value strong{display:block}.explorer-value small{color:#94aaba;font-size:7px;font-weight:800;letter-spacing:.12em}.explorer-value strong{margin-top:3px;font-size:11px}.explorer-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px;border:1px solid #dce5e8;border-radius:17px;background:#fff;padding:20px 23px}.explorer-cta span b,.explorer-cta span small{display:block}.explorer-cta span b{font-size:13px}.explorer-cta span small{margin-top:4px;color:#7b8996;font-size:10px}.explorer-cta>a{border-radius:10px;background:#ff6b00;padding:12px 16px;color:#fff;font-size:11px;font-weight:800;text-decoration:none}.explorer-cta>a i{margin-left:7px}.mock-tabs{display:flex;grid-column:1/-1;gap:7px}.mock-tabs i{width:78px;height:27px;border-radius:99px;background:#fff}.mock-tabs i:first-child{background:#ff6b00}.mock-products{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-products i{min-height:75px;border-radius:10px;background:linear-gradient(150deg,#fff,#e7edef)}.mock-cart{display:grid;gap:8px;border-radius:12px;background:#fff;padding:13px}.mock-cart span{border-radius:6px;background:#e9eef1}.mock-cart b{margin-top:auto;border-radius:7px;background:#ff6b00}.mock-stock-list{grid-row:2;grid-template-columns:1fr 1fr}.mock-stock-meter{display:flex;align-items:flex-end;gap:8px;border-radius:12px;background:#fff;padding:18px}.mock-stock-meter i{flex:1;border-radius:5px 5px 0 0;background:#10a593}.mock-stock-meter i:nth-child(1){height:80%}.mock-stock-meter i:nth-child(2){height:48%;background:#ff9a52}.mock-stock-meter i:nth-child(3){height:25%;background:#e64b55}.mock-date{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:14px}.mock-date i{width:28px;height:28px;border-radius:8px;background:#fff}.mock-date span{width:170px;height:28px;border-radius:8px;background:#0f2942}.mock-money{display:flex;gap:9px}.mock-money strong{flex:1;border-radius:12px;background:#e8faf6}.mock-money strong:last-child{background:#fff0ed}.mock-people{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:15px}.mock-people i{width:65px;height:90px;border-radius:14px;background:#dfe7eb;transform:scale(.84) rotate(-5deg)}.mock-people i.active{background:linear-gradient(150deg,#09a997,#0f2942);transform:scale(1)}.mock-people i:last-child{transform:scale(.84) rotate(5deg)}.mock-shift{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:11px}.mock-shift span{border-radius:10px;background:#fff}.mock-shift b{grid-column:1/-1;border-radius:8px;background:#ff6b00}.mock-report-head{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:8px}.mock-report-head i{height:46px;border-radius:9px;background:#fff}.mock-report-chart{border-radius:12px;background:#fff;padding:19px}.mock-report-chart span{display:block;height:100%;background:linear-gradient(165deg,transparent 48%,#10a593 49% 52%,transparent 53%)}.mock-pay{display:flex;grid-column:1/-1;align-items:center;justify-content:center;gap:12px}.mock-pay i{display:grid;width:85px;height:70px;place-items:center;border:1px solid #dce5e8;border-radius:13px;background:#fff;color:#587083;font-size:21px}.mock-pay i:last-child{border-color:#ff9b55;background:#fff5ed;color:#ff6b00}.mock-qr{grid-column:1/-1;border-radius:12px;background:#fff;padding:20px}.mock-qr span{display:block;width:85px;height:85px;margin:auto;background:repeating-conic-gradient(#0f2942 0 25%,#fff 0 50%) 0/14px 14px}.mock-settings{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:11px}.mock-settings span{display:flex;align-items:center;gap:10px;border-radius:12px;background:#fff;padding:15px}.mock-settings i{width:38px;height:38px;border-radius:10px;background:#e8faf7}.mock-settings b{width:55%;height:9px;border-radius:8px;background:#dbe3e7}
@media(max-width:900px){.explorer-shell{grid-template-columns:245px 1fr}.explorer-canvas{padding:21px}.explorer-preview{min-height:250px}.explorer-mock{min-height:212px}}
@media(max-width:720px){.feature-explorer{padding:75px 18px}.explorer-shell{grid-template-columns:1fr}.explorer-nav{display:flex;overflow:auto;padding-bottom:7px;scrollbar-width:none}.explorer-nav::-webkit-scrollbar{display:none}.explorer-nav button{min-width:145px;grid-template-columns:35px 1fr;padding:10px}.explorer-nav button>i:first-child{width:35px;height:35px}.explorer-nav button>i:last-child,.explorer-nav span small{display:none}.explorer-nav button:hover{transform:none}.explorer-canvas{scroll-margin-top:78px;padding:18px}.explorer-canvas>header{grid-template-columns:auto 1fr}.explorer-canvas>header em{display:none}.explorer-canvas>header h3{font-size:16px}.explorer-preview{min-height:225px}.explorer-mock{min-height:187px;padding:12px}.explorer-cta{align-items:flex-start;flex-direction:column}.explorer-cta>a{width:100%;text-align:center}}
.verify-card>.brand-image{display:flex;justify-content:center;margin-bottom:25px}.verify-card>.brand-image img{width:170px}.verify-card>span:first-of-type{display:block;margin:0 0 12px;color:#0f9f6e;font-size:56px}.verify-card.error>span:first-of-type{color:#d33b45}

/* Remember login and Super Admin access center v9.0.6 */
.remember-login-choice{display:flex!important;align-items:flex-start!important;gap:10px!important;color:#405164!important;cursor:pointer}.remember-login-choice>input{width:18px!important;height:18px!important;margin:2px 0 0;accent-color:#079b8c}.remember-login-choice b,.remember-login-choice small,.remember-role-choice b,.remember-role-choice small{display:block}.remember-login-choice b,.remember-role-choice b{font-size:11px}.remember-login-choice small,.remember-role-choice small{margin-top:3px;color:#82909e;font-size:9px;font-weight:500}.super-create-account{margin:0 0 18px;border:1px solid #dce5e8;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(15,41,66,.05)}.super-create-account>summary{display:flex;align-items:center;gap:9px;padding:15px 18px;color:#0f2942;font-size:12px;font-weight:800;cursor:pointer;list-style:none}.super-create-account>summary::-webkit-details-marker{display:none}.super-create-account>summary i{color:#079b8c}.super-create-account[open]>summary{border-bottom:1px solid #e7ecef}.super-create-form{display:grid;gap:15px;padding:19px}.super-create-form label{display:grid;gap:7px;color:#3e485b;font-size:11px;font-weight:700}.super-create-form input,.super-settings-form select{width:100%;height:46px;border:1px solid #dbe0e8;border-radius:10px;background:#fff;padding:0 13px;color:#172033;font:500 13px Inter,sans-serif;outline:0}.super-create-form input:focus,.super-settings-form select:focus{border-color:#f19a4d;box-shadow:0 0 0 3px #fff0e3}.super-create-form>.platform-primary{justify-self:start}.access-mode-badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;background:#eef2f5;padding:6px 9px;color:#637486;font-size:8px;font-weight:800;white-space:nowrap}.access-mode-badge.permanent{background:#e7faf6;color:#07846f}.permanent-date{color:#07846f;font-size:10px;white-space:nowrap}.super-settings-form h3{margin-top:24px}.super-settings-form .platform-alert{grid-column:1/-1}.super-settings-form label small{display:block;color:#82909e;font-size:9px;font-weight:500;line-height:1.5}
@media(max-width:720px){.super-create-form .platform-form-grid{grid-template-columns:1fr}.super-create-form>.platform-primary{width:100%}}

/* v9.0.8 — food photography within the existing landing palette */
.cashier-products article{overflow:hidden;align-content:start;min-width:0;padding:8px}
.cashier-products article>img{display:block;width:100%;height:112px;object-fit:cover;border-radius:8px;margin-bottom:9px}
.cashier-products article>b,.cashier-products article>small{padding:0 3px}
.cashier-products article>small{padding-bottom:3px}
.customer-credentials{margin-top:9px;min-width:245px;max-width:310px;white-space:normal}
.customer-credentials summary{cursor:pointer;color:#0f6c72;font-size:12px;font-weight:700;padding:8px 0}
.customer-credentials-form{display:grid;gap:11px;padding:15px;background:#f4f8fa;border:1px solid #dce5eb;border-radius:12px}
.customer-credentials-form>strong{font-size:12px;color:#102a3e}
.customer-credentials-form label{display:grid;gap:5px;font-size:11px;color:#405568}
.customer-credentials-form input{min-width:0;width:100%;border:1px solid #cddae3;border-radius:7px;background:#fff;padding:9px;color:#172033;font:inherit}
.customer-password-field{display:flex;align-items:stretch;gap:5px}
.customer-password-field button{border:1px solid #cddae3;border-radius:7px;background:#fff;color:#102a3e;font-size:10px;padding:0 8px;cursor:pointer}
.customer-credentials-form p{margin:0;color:#617487;font-size:10px;line-height:1.6}
.customer-credentials-form .platform-primary{font-size:12px;padding:10px}
@media(max-width:600px){.cashier-products article>img{height:90px}}

.mock-products:has(img){grid-template-columns:repeat(2,minmax(0,1fr))}.mock-products>img{width:100%;height:90px;object-fit:cover;border-radius:10px}

/* v9.0.10 — keep registration visible on compact navigation */
@media(max-width:420px){.landing-v2 .landing-nav{padding-left:14px;padding-right:14px}.landing-v2 .landing-nav .brand-image img{width:118px}.landing-v2 .nav-actions{gap:6px}.landing-v2 .nav-register{padding:0 10px}.landing-v2 .nav-buy{padding:0 8px;font-size:9px}}

.remembered-access{display:flex;align-items:center;gap:16px;flex-wrap:wrap;border:1px solid #b9dfd6;background:#f0faf6;padding:19px;border-radius:14px;margin:20px 0}.remembered-access>div{flex:1;min-width:210px}.remembered-access strong,.remembered-access small{display:block}.remembered-access strong{font-size:13px;color:#24574b}.remembered-access small{font-size:10px;color:#698d80;margin-top:6px}.remembered-access .platform-primary{font-size:11px;cursor:pointer}.remembered-access>a{font-size:10px;color:#8b6e61}