:root{--background:#f4f8f7;--surface:#fff;--ink:#10231e;--muted:#60716c;--green:#0f9d68;--green-dark:#08784e;--green-soft:#dff7ed;--teal:#0f766e;--border:#dfe9e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 90% 10%, #0f9d681f, transparent 28%), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}.navigation{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:82px;margin:0 auto;display:flex}.brand{letter-spacing:-.8px;font-size:24px;font-weight:850}.brand span{color:var(--green)}.navLinks{color:#40534d;align-items:center;gap:28px;font-size:14px;font-weight:650;display:flex}.navLinks button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:12px;padding:11px 20px}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:610px;margin:0 auto;display:grid}.eyebrow{color:var(--green-dark);background:var(--green-soft);text-transform:uppercase;letter-spacing:.8px;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-3.5px;margin:20px 0;font-size:clamp(46px,5vw,72px);line-height:.98}.hero h1 span{color:var(--green)}.heroContent>p{max-width:570px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.actions{gap:12px;margin-top:30px;display:flex}.actions button{cursor:pointer;border-radius:14px;min-height:50px;padding:0 22px;font-weight:750}.primary{border:1px solid var(--green);color:#fff;background:var(--green);box-shadow:0 12px 30px #0f9d6838}.secondary{border:1px solid var(--border);color:var(--ink);background:#fff}.systemStatus{color:var(--muted);align-items:center;gap:9px;margin-top:24px;font-size:13px;display:flex}.statusDot{border-radius:50%;width:9px;height:9px}.statusDot.healthy{background:var(--green);box-shadow:0 0 0 5px #0f9d681f}.statusDot.degraded{background:#e9a23b}.dashboardPreview{background:var(--surface);border:1px solid #10231e14;border-radius:24px;overflow:hidden;transform:none;box-shadow:0 30px 80px #10231e26}.windowBar{border-bottom:1px solid var(--border);background:#f8fbfa;align-items:center;gap:7px;height:44px;padding:0 18px;display:flex}.windowBar span{background:#d6dfdc;border-radius:50%;width:9px;height:9px}.previewHeader{justify-content:space-between;align-items:flex-start;padding:28px;display:flex}.previewHeader small,.metrics small,.previewBody small{color:var(--muted)}.previewHeader h2{margin:5px 0 0;font-size:22px}.connectedBadge{color:var(--green-dark);background:var(--green-soft);border-radius:9px;padding:8px 10px;font-size:11px;font-weight:800}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 28px 28px;display:grid}.metrics article{border:1px solid var(--border);border-radius:16px;padding:18px}.metrics strong{margin:8px 0 4px;font-size:28px;display:block}.metrics span{color:var(--green-dark);font-size:11px}.previewBody{grid-template-columns:1.2fr .8fr;gap:12px;padding:0 28px 28px;display:grid}.activity,.quickStart{background:#f6faf8;border-radius:16px;min-height:140px;padding:18px}.activity p,.quickStart ol{color:var(--muted);font-size:13px;line-height:1.8}.quickStart ol{padding-left:20px}.featureStrip{border:1px solid var(--border);text-align:center;background:#ffffffc7;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:14px;width:min(1180px,100% - 40px);margin:30px auto 70px;padding:22px;font-size:13px;font-weight:750;display:grid}footer{color:var(--muted);border-top:1px solid var(--border);text-align:center;padding:24px;font-size:12px}@media (max-width:900px){.navLinks a{display:none}.hero{grid-template-columns:1fr;padding:60px 0}.dashboardPreview{transform:none}.featureStrip{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.navigation,.hero,.featureStrip{width:min(100% - 24px,1180px)}.hero h1{letter-spacing:-2px}.actions{flex-direction:column}.metrics,.previewBody,.featureStrip{grid-template-columns:1fr}}.navLogin{color:#fff;background:var(--ink);border-radius:12px;padding:11px 20px}.actions a{border-radius:14px;justify-content:center;align-items:center;min-height:50px;padding:0 22px;font-weight:750;display:inline-flex}.authPage{background:#fff;grid-template-columns:minmax(480px,.9fr) 1.1fr;min-height:100vh;display:grid}.authPanel{width:min(520px,100% - 48px);margin:0 auto;padding:48px 0}.authBrand,.dashboardBrand{letter-spacing:-.8px;font-size:24px;font-weight:850}.authBrand span,.dashboardBrand span{color:var(--green)}.authHeading{margin:72px 0 30px}.authEyebrow,.dashboardEyebrow{color:var(--green-dark);letter-spacing:.8px;text-transform:uppercase;font-size:12px;font-weight:850}.authHeading h1{letter-spacing:-2px;margin:12px 0;font-size:clamp(34px,4vw,48px);line-height:1.05}.authHeading p{color:var(--muted);margin:0;line-height:1.7}.authForm{gap:18px;display:grid}.authForm label{color:#344a43;gap:8px;font-size:13px;font-weight:750;display:grid}.authForm input{width:100%;min-height:50px;color:var(--ink);border:1px solid var(--border);font:inherit;background:#fbfdfc;border-radius:12px;outline:none;padding:0 15px}.authForm input:focus{border-color:var(--green);box-shadow:0 0 0 4px #0f9d681a}.authSubmit{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:13px;min-height:52px;margin-top:4px;font-weight:800}.authSubmit:disabled,.logoutButton:disabled{cursor:wait;opacity:.65}.formError{color:#9f2d2d;background:#fff4f4;border:1px solid #f2c9c9;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.authSwitch{color:var(--muted);text-align:center;margin:4px 0 0;font-size:13px}.authSwitch a{color:var(--green-dark);font-weight:800}.authAside{color:#fff;background:linear-gradient(145deg,#08784eeb,#10231ef7),radial-gradient(circle at 70% 20%,#27c88c,#0000 40%);align-items:flex-end;min-height:100vh;padding:70px;display:flex}.authAside>div{max-width:600px}.asideBadge{letter-spacing:.7px;text-transform:uppercase;background:#ffffff21;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex}.authAside h2{letter-spacing:-3px;max-width:640px;margin:18px 0 24px;font-size:clamp(38px,5vw,68px);line-height:1}.authAside ul{color:#ffffffc7;padding-left:20px;line-height:2}.dashboardShell{background:#f4f8f7;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.dashboardSidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;padding:30px 24px;display:flex}.dashboardSidebar nav{gap:8px;margin-top:54px;display:grid}.dashboardSidebar nav a,.dashboardSidebar nav span{color:var(--muted);border-radius:10px;padding:12px 14px;font-size:14px;font-weight:700}.dashboardSidebar nav .active{color:var(--green-dark);background:var(--green-soft)}.sidebarFooter{background:#f5faf8;border-radius:12px;gap:5px;margin-top:auto;padding:16px;display:grid}.sidebarFooter small{color:var(--muted)}.dashboardMain{padding:34px}.dashboardHeader{justify-content:space-between;align-items:center;display:flex}.dashboardHeader small{color:var(--muted)}.dashboardHeader h1{letter-spacing:-1px;margin:5px 0 0;font-size:28px}.dashboardAccount{align-items:center;gap:12px;display:flex}.dashboardAccount>span{color:var(--green-dark);background:var(--green-soft);border-radius:8px;padding:7px 10px;font-size:11px;font-weight:850}.logoutButton{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;padding:9px 14px}.welcomeCard{color:#fff;background:linear-gradient(135deg, var(--green), var(--teal));border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:30px;padding:30px;display:flex}.welcomeCard h2{margin:9px 0;font-size:27px}.welcomeCard p{color:#ffffffc7;max-width:660px;margin:0;line-height:1.6}.welcomeCard button{min-width:170px;min-height:46px;color:var(--green-dark);background:#fff;border:0;border-radius:11px;font-weight:800}.dashboardMetrics{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.dashboardMetrics article,.dashboardCard{border:1px solid var(--border);background:#fff;border-radius:16px;padding:22px}.dashboardMetrics span,.dashboardMetrics small{color:var(--muted)}.dashboardMetrics strong{margin:10px 0 5px;font-size:34px;display:block}.dashboardGrid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.dashboardCard h3{margin-top:0}.dashboardCard ol{color:var(--muted);padding-left:22px;line-height:2}.dashboardCard dl{margin:0}.dashboardCard dl div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.dashboardCard dt{color:var(--muted)}.dashboardCard dd{overflow-wrap:anywhere;margin:0;font-weight:750}@media (max-width:900px){.authPage{grid-template-columns:1fr}.authAside{display:none}.dashboardShell{grid-template-columns:1fr}.dashboardSidebar{display:none}.dashboardMetrics,.dashboardGrid{grid-template-columns:1fr}.welcomeCard,.dashboardHeader{flex-direction:column;align-items:flex-start}}@media (max-width:560px){.authPanel{width:min(100% - 32px,520px);padding-top:28px}.authHeading{margin-top:48px}.dashboardMain{padding:22px 16px}}.devicePage{background:#f4f8f7;min-height:100vh;padding:34px}.devicePageHeader{justify-content:space-between;align-items:flex-end;gap:20px;width:min(1180px,100%);margin:0 auto 24px;display:flex}.devicePageHeader h1{letter-spacing:-1.5px;margin:7px 0;font-size:34px}.devicePageHeader p{color:var(--muted);margin:0}.devicePageHeader>a{color:var(--green-dark);border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:750}.deviceLayout{border:1px solid var(--border);background:#fff;border-radius:20px;grid-template-columns:340px 1fr;width:min(1180px,100%);min-height:610px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 20px 60px #10231e14}.deviceListPanel{border-right:1px solid var(--border);background:#fbfdfc;padding:22px}.devicePanelHeader{justify-content:space-between;align-items:center;display:flex}.devicePanelHeader>div{gap:4px;display:grid}.devicePanelHeader span,.devicePanelHeader small{color:var(--muted);font-size:12px}.devicePanelHeader strong{font-size:22px}.deviceCreateForm{grid-template-columns:1fr auto;gap:8px;margin-top:20px;display:grid}.deviceCreateForm input{border:1px solid var(--border);border-radius:10px;outline:none;min-width:0;height:43px;padding:0 12px}.deviceCreateForm button{color:#fff;background:var(--green);border:0;border-radius:10px;padding:0 14px;font-weight:750}.deviceList{gap:8px;margin-top:18px;display:grid}.deviceItem{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;gap:5px;padding:14px;display:grid}.deviceItem small{color:var(--muted)}.deviceItem.active{background:var(--green-soft);border-color:#bce6d4}.emptyDevices{color:var(--muted);padding:20px 8px;font-size:13px;line-height:1.6}.deviceDetailPanel{padding:30px}.deviceDetailHeader{justify-content:space-between;align-items:flex-start;display:flex}.deviceDetailHeader small{color:var(--muted)}.deviceDetailHeader h2{margin:4px 0 0}.deviceStatus{color:#805b18;background:#fff2d6;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:800}.deviceStatus.connected{color:var(--green-dark);background:var(--green-soft)}.deviceStatus.error,.deviceStatus.logged_out{color:#9f2d2d;background:#fff0f0}.deviceEmptyState{min-height:540px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.deviceEmptyState h2{color:var(--ink);margin:10px 0 4px}.connectionPlaceholder,.qrPanel{background:#f8fbfa;border:1px dashed #cbded7;border-radius:18px;justify-content:center;align-items:center;gap:36px;min-height:390px;margin-top:24px;display:flex}.phoneIllustration{border:9px solid var(--ink);background:#fff;border-radius:28px;place-items:center;width:170px;height:300px;display:grid}.phoneIllustration span{color:#fff;background:var(--green);border-radius:22px;place-items:center;width:72px;height:72px;font-weight:900;display:grid}.connectionPlaceholder h3,.qrPanel h3{margin:0 0 8px;font-size:24px}.connectionPlaceholder p,.qrPanel ol,.qrPanel small{color:var(--muted);line-height:1.7}.qrPanel img{background:#fff;border-radius:12px;width:280px;height:280px}.deviceActions{gap:10px;margin-top:18px;display:flex}.deviceActions button{cursor:pointer;border-radius:10px;min-height:44px;padding:0 18px;font-weight:800}.connectButton{color:#fff;background:var(--green);border:0}.disconnectButton{color:#9f2d2d;background:#fff;border:1px solid #edcaca}@media (max-width:820px){.devicePage{padding:22px 14px}.devicePageHeader{flex-direction:column;align-items:flex-start}.deviceLayout{grid-template-columns:1fr}.deviceListPanel{border-right:0;border-bottom:1px solid var(--border)}.connectionPlaceholder,.qrPanel{flex-direction:column;padding:25px}.qrPanel img{width:min(280px,100%);height:auto}}.replaceButton{color:#805b18;background:#fffaf0;border:1px solid #ead29e}.catalogPage{min-height:100vh;color:var(--ink);background:#f4f8f6;padding:34px}.catalogHeader{justify-content:space-between;align-items:flex-start;gap:24px;width:min(1180px,100%);margin:0 auto 24px;display:flex}.catalogHeader h1{margin:7px 0;font-size:clamp(30px,4vw,46px)}.catalogHeader p{max-width:680px;color:var(--muted);line-height:1.7}.catalogHeader>a{border:1px solid var(--border);color:var(--green-dark);white-space:nowrap;background:#fff;border-radius:12px;padding:12px 16px;font-weight:750;text-decoration:none}.catalogLayout{grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:start;gap:22px;width:min(1180px,100%);margin:auto;display:grid}.catalogFormCard,.catalogListCard{border:1px solid var(--border);background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px #10231e14}.catalogSectionTitle{justify-content:space-between;gap:15px;display:flex}.catalogSectionTitle h2{margin:0 0 6px}.catalogSectionTitle p{color:var(--muted);margin:0 0 22px;font-size:14px}.catalogForm{grid-template-columns:1fr 1fr;gap:16px;display:grid}.catalogForm label{color:var(--ink);gap:7px;font-size:13px;font-weight:700;display:grid}.catalogForm input,.catalogForm textarea,.catalogSearch input{border:1px solid var(--border);width:100%;color:var(--ink);font:inherit;background:#fbfdfc;border-radius:11px;padding:12px 13px}.catalogForm textarea{resize:vertical;min-height:100px}.catalogFullField{grid-column:1/-1}.catalogForm .catalogCheck{grid-column:auto;grid-template-columns:auto 1fr;align-items:center;display:flex}.catalogCheck input{width:17px;height:17px}.catalogPrimaryButton,.catalogSearch button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;min-height:45px;font-weight:800}.catalogPrimaryButton{grid-column:1/-1}.catalogPrimaryButton:disabled{cursor:wait;opacity:.65}.catalogTextButton{color:var(--green-dark);cursor:pointer;background:0 0;border:0;font-weight:750}.catalogMessage,.catalogError{border-radius:10px;padding:11px 13px;font-size:13px}.catalogMessage{color:var(--green-dark);background:var(--green-soft)}.catalogError{color:#9f2d2d;background:#fff0f0}.catalogStats{grid-template-columns:1fr 1fr;gap:12px;display:grid}.catalogStats>div{background:#f4f8f6;border-radius:14px;padding:16px}.catalogStats span{color:var(--muted);font-size:12px;display:block}.catalogStats strong{margin-top:5px;font-size:26px;display:block}.catalogSearch{grid-template-columns:1fr auto;gap:10px;margin:18px 0;display:grid}.catalogSearch button{padding:0 20px}.catalogProducts{gap:12px;display:grid}.catalogProduct{border:1px solid var(--border);border-radius:15px;padding:17px}.catalogProductMain{justify-content:space-between;gap:12px;display:flex}.catalogSku{color:var(--green-dark);font-size:11px;font-weight:800}.catalogProduct h3{margin:5px 0}.catalogProduct p{color:var(--muted);margin:0;font-size:13px}.catalogActive,.catalogInactive{border-radius:8px;height:fit-content;padding:6px 9px;font-size:11px;font-weight:800}.catalogActive{color:var(--green-dark);background:var(--green-soft)}.catalogInactive{color:#775f27;background:#fff5d9}.catalogProductMeta{justify-content:space-between;gap:12px;margin-top:14px;display:flex}.catalogProductMeta span{color:var(--muted);font-size:13px}.catalogProductActions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.catalogProductActions button{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;padding:8px 11px;font-weight:700}.catalogProductActions .catalogDanger{color:#a12d2d}.catalogEmpty{border:1px dashed var(--border);text-align:center;border-radius:14px;padding:35px 20px}.catalogEmpty p{color:var(--muted)}@media (max-width:850px){.catalogLayout{grid-template-columns:1fr}}@media (max-width:560px){.catalogPage{padding:22px 12px}.catalogHeader{display:grid}.catalogHeader>a{width:fit-content}.catalogForm{grid-template-columns:1fr}.catalogFullField,.catalogPrimaryButton{grid-column:auto}}.founderMenu{background:#eab30826;color:#fff7d6!important}.sidebarFooter span{color:#a9beb7;font-size:11px}.welcomeCard>a,.dashboardCardLink{color:#fff;background:var(--green);border-radius:11px;justify-content:center;align-items:center;width:fit-content;padding:12px 17px;font-weight:800;display:inline-flex}.dashboardCardLink{margin-top:18px;font-size:13px}.saasPage{min-height:100vh;color:var(--ink);background:#f4f8f6;padding:34px}.saasPageHeader{justify-content:space-between;align-items:flex-start;gap:24px;width:min(1240px,100%);margin:0 auto 25px;display:flex}.saasPageHeader h1{margin:8px 0;font-size:clamp(32px,4vw,48px)}.saasPageHeader p{color:var(--muted);margin:0;line-height:1.7}.saasPageHeader>a{border:1px solid var(--border);color:var(--green-dark);white-space:nowrap;background:#fff;border-radius:12px;padding:12px 16px;font-weight:800}.saasLoading,.saasError,.saasSuccess{border-radius:12px;width:min(1240px,100%);margin:20px auto;padding:16px}.saasLoading{color:var(--muted);background:#fff}.saasError{color:#9f2d2d;background:#fff0f0}.saasSuccess{color:var(--green-dark);background:var(--green-soft)}.billingLayout{grid-template-columns:minmax(520px,1.25fr) minmax(330px,.75fr);align-items:start;gap:22px;width:min(1240px,100%);margin:auto;display:grid}.billingMainCard,.invoiceCard,.qrisCard,.founderSection{border:1px solid var(--border);background:#fff;border-radius:20px;padding:24px;box-shadow:0 20px 60px #10231e12}.billingTitleRow{justify-content:space-between;gap:20px;display:flex}.billingTitleRow h2{margin:10px 0 5px;font-size:29px}.billingTitleRow p{color:var(--muted);margin:0}.billingStatus,.invoiceStatus{color:var(--green-dark);background:var(--green-soft);border-radius:8px;padding:6px 9px;font-size:11px;font-weight:850;display:inline-flex}.billingPrice{white-space:nowrap;font-size:24px}.usageGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.usageGrid article{background:#f4f8f6;border-radius:15px;padding:18px}.usageGrid span{color:var(--muted);font-size:12px}.usageGrid strong{margin-top:6px;font-size:27px;display:block}.usageGrid small{color:var(--muted);font-size:14px}.billingDetails{gap:10px;display:grid}.billingDetails div{border-bottom:1px solid var(--border);justify-content:space-between;gap:15px;padding:12px 0;display:flex}.billingDetails dt{color:var(--muted)}.billingDetails dd{margin:0;font-weight:750}.paymentBox{background:#f4f8f6;border-radius:15px;margin-top:24px;padding:20px}.paymentBox h3{margin-top:0}.cycleButtons{gap:8px;margin-bottom:12px;display:flex}.cycleButtons button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;padding:9px 13px}.cycleButtons button.selected{color:#fff;border-color:var(--green);background:var(--green)}.payQrisButton{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:11px;width:100%;min-height:48px;font-weight:850}.paymentBox>small{color:var(--muted);margin-top:10px;line-height:1.5;display:block}.invoiceCard h2,.qrisCard h2{margin-top:0}.invoiceList{gap:11px;display:grid}.invoiceList article{border:1px solid var(--border);border-radius:12px;justify-content:space-between;gap:12px;padding:14px;display:flex}.invoiceList article>div{gap:6px;display:grid}.invoiceList article>div:last-child{text-align:right}.invoiceList span{color:var(--muted);font-size:12px}.invoiceStatus.paid{color:var(--green-dark);background:var(--green-soft)}.invoiceStatus.pending{color:#7a5c12;background:#fff4cf}.invoiceStatus.expired,.invoiceStatus.failed{color:#9f2d2d;background:#fff0f0}.emptyBilling{color:var(--muted);text-align:center;padding:35px 10px}.qrisCard{text-align:center;grid-column:1/-1}.qrisCard img{width:min(320px,100%);margin:15px auto;display:block}.founderLayout{gap:22px;width:min(1240px,100%);margin:auto;display:grid}.founderSectionTitle{justify-content:space-between;gap:20px;display:flex}.founderSectionTitle h2{margin:0 0 7px}.founderSectionTitle p{color:var(--muted);margin:0}.founderSectionTitle>span{height:fit-content;color:var(--green-dark);background:var(--green-soft);border-radius:9px;padding:7px 10px;font-size:12px;font-weight:800}.planEditorGrid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;display:grid}.planEditor,.workspaceEditor{border:1px solid var(--border);background:#fbfdfc;border-radius:15px;gap:13px;padding:18px;display:grid}.planEditorHeading,.workspaceIdentity{justify-content:space-between;gap:15px;display:flex}.planEditorHeading>strong{color:var(--green-dark)}.planEditorHeading label{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.planEditor label,.workspaceEditor label{color:#344a43;gap:6px;font-size:12px;font-weight:750;display:grid}.planEditor input,.workspaceEditor input,.workspaceEditor select{border:1px solid var(--border);width:100%;min-height:42px;color:var(--ink);background:#fff;border-radius:9px;padding:0 11px}.planEditorHeading input{width:17px;min-height:17px}.founderTwoColumns,.founderThreeColumns,.workspaceFields{gap:11px;display:grid}.founderTwoColumns{grid-template-columns:repeat(2,1fr)}.founderThreeColumns{grid-template-columns:repeat(3,1fr)}.planEditor button,.workspaceEditor>button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:10px;min-height:43px;font-weight:850}.workspaceEditorList{gap:15px;margin-top:22px;display:grid}.workspaceIdentity{border-bottom:1px solid var(--border);padding-bottom:14px}.workspaceIdentity>div{gap:5px;display:grid}.workspaceIdentity span{color:var(--muted);font-size:12px}.workspaceIdentity>div:last-child{text-align:right}.workspaceFields{grid-template-columns:repeat(5,minmax(130px,1fr))}.productImageArea{grid-template-columns:150px 1fr;align-items:center;gap:12px;margin-bottom:14px;display:grid}.productImageArea>img,.productImageEmpty{object-fit:cover;border-radius:12px;width:150px;height:120px}.productImageEmpty{color:var(--muted);text-align:center;background:#f0f5f3;place-content:center;gap:4px;display:grid}.productImageEmpty small{font-size:10px}.productImageActions{flex-wrap:wrap;gap:8px;display:flex}.productImageActions label,.productImageActions button{border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:9px;padding:9px 11px;font-size:12px;font-weight:750}.productImageActions input{display:none}@media (max-width:1000px){.workspaceFields{grid-template-columns:repeat(2,1fr)}.planEditorGrid{grid-template-columns:1fr}}@media (max-width:850px){.billingLayout,.usageGrid{grid-template-columns:1fr}}@media (max-width:600px){.saasPage{padding:22px 12px}.saasPageHeader{display:grid}.founderTwoColumns,.founderThreeColumns,.workspaceFields{grid-template-columns:1fr}.workspaceIdentity,.billingTitleRow{display:grid}.workspaceIdentity>div:last-child{text-align:left}.productImageArea{grid-template-columns:1fr}}.msgPage{min-height:100vh;color:var(--ink);background:#f4f8f6;padding:34px}.msgHeader{justify-content:space-between;gap:20px;width:min(1180px,100%);margin:0 auto 24px;display:flex}.msgHeader h1{margin:6px 0;font-size:clamp(32px,5vw,48px)}.msgHeader p,.msgHint{color:var(--muted)}.msgHeader>a{border:1px solid var(--border);height:fit-content;color:var(--green-dark);background:#fff;border-radius:12px;padding:12px 16px;font-weight:800;text-decoration:none}.msgApp{gap:18px;width:min(1180px,100%);margin:auto;display:grid}.msgStats,.msgGrid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.msgGrid{grid-template-columns:1fr 1fr}.msgStats article,.msgCard{border:1px solid var(--border);background:#fff;border-radius:18px;padding:22px;box-shadow:0 18px 50px #10231e0f}.msgStats span,.msgStats small{color:var(--muted);font-size:13px;display:block}.msgStats strong{margin:6px 0;font-size:25px;display:block}.msgCard h2{margin:0 0 16px}.msgForm{gap:11px;display:grid}.msgForm input,.msgForm textarea,.msgForm select,.msgInline input{border:1px solid var(--border);width:100%;font:inherit;background:#fbfdfc;border-radius:10px;padding:11px 12px}.msgForm textarea{resize:vertical;min-height:90px}.msgForm button,.msgInline button,.msgActions button,.msgRows button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 14px;font-weight:800}.msgForm button:disabled,.msgInline button:disabled{opacity:.55}.msgCheck{align-items:center;gap:9px;display:flex}.msgCheck input,.msgList input{width:17px;height:17px}.msgList,.msgRows{gap:8px;max-height:330px;margin-top:15px;display:grid;overflow:auto}.msgList label,.msgRows>div{border:1px solid var(--border);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.msgList label{justify-content:flex-start}.msgList span,.msgRows span{gap:3px;display:grid}.msgList small,.msgRows small{color:var(--muted)}.msgRows em{background:var(--green-soft);color:var(--green-dark);border-radius:8px;padding:5px 8px;font-size:11px;font-style:normal;font-weight:800}.msgActions{grid-auto-flow:column;align-items:center;display:flex!important}.msgInline{grid-template-columns:1fr 1fr auto;gap:9px;display:grid}.msgSuccess,.msgError{border-radius:11px;padding:12px 14px}.msgSuccess{background:var(--green-soft);color:var(--green-dark)}.msgError{color:#a12d2d;background:#fff0f0}@media (max-width:800px){.msgStats,.msgGrid{grid-template-columns:1fr}.msgHeader{display:grid}}@media (max-width:560px){.msgPage{padding:22px 12px}.msgInline{grid-template-columns:1fr}.msgRows>div{align-items:flex-start}}.msgInboxCard{overflow:hidden}.msgInboxLayout{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:14px;min-height:560px;display:grid}.msgConversationList{align-content:start;gap:8px;max-height:650px;display:grid;overflow:auto}.msgConversationList>button{text-align:left;border:1px solid var(--border);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;gap:12px;padding:13px;display:flex}.msgConversationList>button:hover,.msgConversationList>button.msgConversationActive{border-color:var(--green);background:var(--green-soft)}.msgConversationList span{gap:4px;display:grid}.msgConversationList small,.msgThread small,.msgThread time{color:var(--muted);font-size:12px}.msgConversationList em{color:var(--green-dark);font-size:11px;font-style:normal;font-weight:800}.msgConversationList strong{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.msgThread{border:1px solid var(--border);background:#f4f8f6;border-radius:14px;grid-template-rows:auto 1fr auto;min-width:0;display:grid;overflow:hidden}.msgThread>header{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.msgThread>header>div:first-child{gap:3px;display:grid}.msgThreadActions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.msgThreadActions button,.msgReply button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:9px 11px;font-weight:800}.msgBubbles{flex-direction:column;gap:10px;max-height:480px;padding:16px;display:flex;overflow:auto}.msgBubbles article{border-radius:13px;width:fit-content;max-width:min(78%,620px);padding:10px 12px;box-shadow:0 3px 12px #10231e0f}.msgBubbles p{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0 6px}.msgBubbles time{text-align:right;display:block}.msgBubbleIn{background:#fff;align-self:flex-start;border-bottom-left-radius:4px!important}.msgBubbleOut{background:#dff5e9;align-self:flex-end;border-bottom-right-radius:4px!important}.msgReply{border-top:1px solid var(--border);background:#fff;grid-template-columns:1fr auto;gap:9px;padding:12px;display:grid}.msgReply textarea{resize:vertical;border:1px solid var(--border);min-height:70px;font:inherit;border-radius:10px;padding:11px}.msgThreadNotice,.msgThreadEmpty{text-align:center;color:var(--muted);padding:18px}.msgThreadEmpty{align-self:center}@media (max-width:850px){.msgInboxLayout{grid-template-columns:1fr}.msgThread{min-height:520px}}@media (max-width:560px){.msgThread>header{align-items:flex-start;display:grid}.msgThreadActions{justify-content:flex-start}.msgReply{grid-template-columns:1fr}.msgBubbles article{max-width:90%}}.commercePage,.shopPage{min-height:100vh;color:var(--ink);background:#f3f8f6;padding:32px}.commerceHeader,.shopHeader{justify-content:space-between;align-items:flex-start;gap:20px;width:min(1240px,100%);margin:0 auto 22px;display:flex}.commerceHeader h1,.shopHeader h1{margin:5px 0;font-size:clamp(30px,4vw,48px)}.commerceHeader>a,.commerceHeaderActions a,.commerceTitle>a{border:1px solid var(--border);color:var(--green-dark);background:#fff;border-radius:11px;padding:11px 15px;font-weight:800;text-decoration:none}.commerceHeaderActions{gap:8px;display:flex}.commerceLayout,.shopLayout{grid-template-columns:minmax(340px,.85fr) minmax(480px,1.15fr);align-items:start;gap:20px;width:min(1240px,100%);margin:auto;display:grid}.commerceCard,.shopCheckout{border:1px solid var(--border);background:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 55px #10231e12}.commerceForm{grid-template-columns:1fr 1fr;gap:14px;display:grid}.commerceForm label,.shopCheckout form{gap:7px;font-size:13px;font-weight:700;display:grid}.commerceForm input,.commerceForm select,.commerceForm textarea,.shopCheckout input,.shopCheckout textarea,.shopCheckout select{border:1px solid var(--border);width:100%;font:inherit;border-radius:10px;padding:11px}.commerceForm .full,.commerceLogo,.commerceTax,.commerceForm>button{grid-column:1/-1}.commerceLogo{background:#f3f8f6;align-items:center;gap:15px;padding:14px;display:flex}.commerceLogo img{object-fit:contain;width:90px;height:90px}.commerceForm>button,.shopCheckout button,.commerceActions button,.taxRows button{background:var(--green);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:800}.commerceTax,.commerceTitle,.commerceItem,.commerceOrders>button,.shopCheckout>div,.shopCheckout h3{justify-content:space-between;gap:12px;display:flex}.commerceSuccess,.shopSuccess{color:#086342;background:#dcf8ec;border-radius:10px;padding:12px}.commerceError{color:#a12d2d;background:#fff0f0;border-radius:10px;padding:12px}.commerceOrders{gap:9px;display:grid}.commerceOrders>button{border:1px solid var(--border);text-align:left;background:#fff;border-radius:12px;padding:14px}.commerceOrders span{display:grid}.commerceOrders em{color:var(--green-dark);font-style:normal}.commerceDetail{background:#f3f8f6;border-radius:15px;margin-top:18px;padding:18px}.commerceItem{border-bottom:1px solid var(--border);padding:8px 0}.commerceActions{flex-wrap:wrap;gap:8px;display:flex}.commerceActions a{color:var(--green-dark);background:#fff;padding:11px;font-weight:800;text-decoration:none}.shopHeader{align-items:center}.shopHeader img{object-fit:contain;width:100px;height:100px}.shopProducts{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.shopProducts article{border:1px solid var(--border);background:#fff;border-radius:17px;gap:8px;padding:17px;display:grid}.shopProducts img,.shopNoImage{aspect-ratio:4/3;object-fit:cover;background:#eaf2ef;border-radius:12px;width:100%}.shopNoImage{place-items:center;display:grid}.shopProducts h2,.shopProducts p{margin:0}.shopProducts label{justify-content:space-between;display:flex}.shopProducts input{width:80px}.shopCheckout{position:sticky;top:20px}.shopCheckout textarea{min-height:70px}.shopSuccess{gap:6px;margin-top:14px;display:grid}.taxRows{gap:10px;display:grid}.taxRows article{border:1px solid var(--border);border-radius:12px;justify-content:space-between;padding:15px;display:flex}.taxRows article>div{flex-wrap:wrap;gap:8px;display:flex}.taxRows article>div:first-child{display:grid}@media (max-width:900px){.commerceLayout,.shopLayout{grid-template-columns:1fr}.shopCheckout{position:static}}@media (max-width:600px){.commercePage,.shopPage{padding:20px 11px}.commerceHeader,.shopHeader{display:grid}.commerceForm,.shopProducts{grid-template-columns:1fr}.commerceForm .full,.commerceLogo,.commerceTax,.commerceForm>button{grid-column:auto}.taxRows article{display:grid}}.epGrid{grid-template-columns:1fr 1fr;gap:20px;width:min(1240px,100%);margin:22px auto;display:grid}.epForm,.epMethods,.epOrder{gap:10px;margin:14px 0;display:grid}.epForm input,.epForm select,.epForm textarea{border:1px solid var(--border);border-radius:9px;padding:10px}.epForm button,.epMethods button,.epOrder button,.epInstruction button{background:var(--green);color:#fff;border:0;border-radius:9px;padding:10px;font-weight:800}.epMethods article,.epOrder{border:1px solid var(--border);border-radius:12px;padding:12px}.epMethods article{gap:6px;display:grid}.epInstruction{background:#eef8f4;border-radius:13px;gap:9px;padding:14px;display:grid}.epInstruction img{width:min(280px,100%);margin:auto}.epInstruction form{gap:9px;display:grid}@media (max-width:900px){.epGrid{grid-template-columns:1fr}}.forgotPasswordLink{text-align:center;margin:14px 0 0}.forgotPasswordLink a,.recoveryBox a{color:#087c57;font-weight:800}.recoveryBox{gap:16px;display:grid}.authForm select{width:100%;min-height:54px;font:inherit;background:#fff;border:1px solid #d5e3dd;border-radius:14px;padding:0 15px}.candidateNotice{color:#765900;background:#fff5d8;border:1px solid #f1d98d;border-radius:12px;padding:13px 15px}.recoverySuccess{color:#075d43;background:#e4f7ef;border-radius:16px;padding:20px}.securityPage{color:#102820;background:#f1f7f4;min-height:100vh;padding:36px}.securityHeader,.securityCard{width:min(900px,100%);margin:0 auto}.securityHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.securityHeader span{letter-spacing:.13em;color:#07805b;font-size:.78rem;font-weight:900}.securityHeader h1{margin:7px 0;font-size:clamp(2rem,5vw,3.7rem)}.securityHeader a{color:#087c57;background:#fff;border-radius:10px;padding:11px 15px;font-weight:800}.securityCard{background:#fff;border-radius:22px;padding:28px;box-shadow:0 20px 60px #0a322614}.securityForm{gap:14px;margin-top:22px;display:grid}.securityForm label{gap:7px;font-weight:800;display:grid}.securityForm input,.securityForm select{min-height:52px;font:inherit;border:1px solid #d5e3dd;border-radius:12px;padding:0 14px}.securityForm button{color:#fff;background:#11a36f;border:0;border-radius:12px;min-height:52px;font-size:1rem;font-weight:900}.securityIdentity{background:#f4f8f6;border-radius:12px;padding:14px}.securityIdentity div{justify-content:space-between;gap:15px;display:flex}.securitySuccess{color:#076343;background:#e1f7ed;border-radius:11px;padding:13px}@media (max-width:720px){.securityPage{padding:20px}.securityHeader{flex-direction:column;align-items:flex-start}.securityCard{padding:20px}}