:root{--blue:#1468ef;--navy:#071d43;--ink:#10213c;--muted:#728096;--line:#dfe7f0;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.logo-badge{width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#2485ff,#0849c7);color:#fff;display:inline-grid;place-items:center;box-shadow:0 8px 20px #1267ec42;font-style:normal;font-weight:900}.site-logo{display:flex;align-items:center;gap:10px}.site-logo b{font-size:18px}.site-logo b span{color:var(--blue)}.site-nav{height:78px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid #e8eef5}.site-nav nav{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700}.nav-btn,.primary{display:inline-block;border:0;border-radius:9px;background:var(--blue);color:white;padding:13px 18px;font-weight:800;font-size:12px;cursor:pointer}.secondary{display:inline-block;margin-left:10px;border:1px solid var(--line);padding:12px 18px;border-radius:9px;font-weight:800;font-size:12px}.hero-web{min-height:610px;background:radial-gradient(circle at 78% 30%,#e2eeff,transparent 35%),#f7faff;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:70px;padding:70px 6%}.hero-web small,.products-web>small,.demo-web small{letter-spacing:2px;font-size:10px;font-weight:800;color:var(--blue)}.hero-web h1{font-size:68px;line-height:1;letter-spacing:-4px;margin:18px 0}.hero-web h1 em,.products-web h2 em{font-style:normal;color:var(--blue)}.hero-web p{font-size:17px;line-height:1.6;color:var(--muted);max-width:560px}.numbers{display:flex;gap:35px;margin-top:40px}.numbers span{display:flex;flex-direction:column;font-size:9px;color:var(--muted)}.numbers b{font-size:18px;color:var(--ink);margin-bottom:4px}.erp-screen{background:#f6f8fc;border:1px solid #dce6f2;border-radius:20px;padding:24px;box-shadow:0 30px 70px #173f752b}.erp-head{display:flex;align-items:center;gap:14px}.erp-head i{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#dce9fb;color:var(--blue);display:grid;place-items:center;font-size:9px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.metrics span{background:white;border:1px solid var(--line);border-radius:11px;padding:15px;display:flex;flex-direction:column}.metrics small{letter-spacing:0;color:var(--muted);font-size:8px}.metrics b{margin-top:10px}.fake-chart{height:190px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:end;gap:12px;padding:30px 20px 20px}.fake-chart i{flex:1;background:linear-gradient(#2d83f7,#70aeff);border-radius:4px 4px 0 0}.products-web{padding:90px 6%;text-align:center}.products-web h2{font-size:43px}.products-web>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1150px;margin:40px auto}.products-web article{text-align:left;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 15px 35px #17385b0d}.products-web article i{width:48px;height:48px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.products-web article p{color:var(--muted);font-size:13px;line-height:1.6}.products-web article a{color:var(--blue);font-size:11px;font-weight:800}.demo-web{margin:20px 5% 70px;padding:55px;background:linear-gradient(135deg,#0e65ea,#073f9c);border-radius:22px;color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px}.demo-web h2{font-size:36px}.demo-web p{color:#c9dcf7}.demo-web form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-web input,.demo-web select{border:1px solid #ffffff4a;background:#ffffff12;color:#fff;border-radius:8px;padding:13px}.demo-web select option{color:#111}.demo-web button,.form-success{grid-column:1/-1}.form-success{background:#e4fff4;color:#168864;padding:10px;border-radius:7px;font-size:10px}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.install-page,.login-page{min-height:100vh;background:radial-gradient(circle at 50% 0,#dceaff,transparent 48%),var(--bg);display:grid;place-items:center;padding:25px}.installer{width:min(720px,100%);background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 70px #173f7520}.installer header{display:flex;align-items:center;gap:10px;padding:22px 28px;border-bottom:1px solid var(--line)}.installer header b span{color:var(--blue)}.installer header small{margin-left:auto;color:var(--muted)}.installer section{padding:30px 50px}.installer h1,.login-card h1{font-size:22px}.installer p,.login-card p{font-size:11px;color:var(--muted)}.checks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:20px 0}.checks span{border:1px solid var(--line);border-radius:8px;padding:10px;font-size:9px}.checks span i{width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;margin-right:8px}.checks .ok i{background:#e1f7ef;color:#168f6e}.checks .bad i{background:#ffe9eb;color:#c53f4b}.checks b{float:right}.checks .ok b{color:#15906e}.checks .bad b{color:#c53f4b}.installer label,.login-card label,.branding-form>label{font-size:9px;font-weight:800;display:block;margin-top:12px}.installer input,.login-card input,.branding-form>label>input{display:block;width:100%;margin-top:6px;border:1px solid #d9e2ed;border-radius:8px;padding:11px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.installer hr{border:0;border-top:1px solid var(--line);margin:22px 0}.installer form>.primary{margin-top:20px;width:100%}.success{text-align:center}.success>i{width:60px;height:60px;border-radius:50%;background:#e1f7ef;color:#159471;display:grid;place-items:center;margin:auto;font-size:24px}.alert,.notice{background:#fff0f1;color:#b83d47;border-radius:7px;padding:10px;font-size:10px}.notice{background:#e4f8f0;color:#148b6b;margin-bottom:15px}.login-card{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;box-shadow:0 25px 60px #173f7520;text-align:center}.login-card label{text-align:left}.login-card .primary{width:100%;margin:20px 0 12px}.login-card>a{font-size:9px;color:var(--muted)}.admin-page,.portal-page{background:var(--bg)}.admin-page>aside,.portal-page>aside{position:fixed;inset:0 auto 0 0;width:240px;background:var(--navy);padding:24px 18px;display:flex;flex-direction:column;color:#91a8ca}.admin-page>aside>small{font-size:7px;letter-spacing:1.5px;margin:28px 10px 10px}.admin-page>aside>a:not(.site-logo),.portal-page>aside>a:not(.site-logo){padding:11px 12px;border-radius:7px;font-size:10px;font-weight:700;margin:2px 0}.admin-page>aside>a.active,.portal-page>aside>a.active{background:var(--blue);color:#fff}.admin-page .logout,.portal-page .logout{margin-top:auto!important}.admin-page>main,.portal-page>main{margin-left:240px}.admin-page>main>header,.portal-page>main>header{height:70px;background:#fff;border-bottom:1px solid var(--line);padding:0 30px;display:flex;align-items:center;justify-content:space-between}.admin-page>main>header div,.portal-page>main>header div{display:flex;flex-direction:column}.admin-page>main>header small,.portal-page>main>header small{font-size:8px;color:var(--muted)}.admin-page>main>header a{font-size:9px;font-weight:800;color:var(--blue)}.admin-page>main>section,.portal-page>main>section{padding:28px}.page-head h1{font-size:23px;margin:0}.page-head p{font-size:10px;color:var(--muted)}.dash-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:22px 0}.dash-cards article,.admin-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}.dash-cards small{font-size:8px;color:var(--muted);display:block}.dash-cards b{font-size:24px;display:block;margin-top:10px}.admin-box h2{font-size:13px}.admin-box p{font-size:10px;color:var(--muted);line-height:1.6}.branding-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.upload-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px!important;margin:0!important}.upload-box>span{height:85px;background:#f6f8fb;border:1px dashed #ccd8e6;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 0;font-size:9px;color:var(--muted)}.upload-box img{height:85px;max-width:100%;object-fit:contain;display:block;margin:12px auto}.upload-box input[type=file]{font-size:8px}.upload-box small{font-size:7px;color:var(--muted)}.branding-form>.primary{grid-column:1/-1}.portal-profile{margin:25px 0;padding:14px;border:1px solid #ffffff14;border-radius:9px;display:grid;grid-template-columns:auto 1fr}.portal-profile i{width:34px;height:34px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;grid-row:1/3;font-size:9px}.portal-profile b,.portal-profile small{margin-left:9px;font-size:9px}.portal-profile small{font-size:7px}.portal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-bottom:15px}.license-row{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:13px 0}.license-row>i{width:37px;height:37px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:8px}.license-row>div{display:flex;flex-direction:column}.license-row b{font-size:9px}.license-row small{font-size:7px;color:var(--muted);margin-top:4px}.license-row em{margin-left:auto;background:#e2f7ef;color:#168e6d;padding:5px 7px;border-radius:5px;font-size:6px}.green-text{font-size:14px!important;color:#159573}.ticket-line{padding:12px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px}.ticket-line span{color:var(--blue)}
@media(max-width:800px){.site-nav nav a:not(.nav-btn){display:none}.hero-web{grid-template-columns:1fr;padding:55px 25px}.hero-web h1{font-size:50px}.products-web>div{grid-template-columns:1fr}.demo-web{grid-template-columns:1fr;padding:35px 22px}.admin-page>aside,.portal-page>aside{display:none}.admin-page>main,.portal-page>main{margin:0}.dash-cards{grid-template-columns:1fr 1fr}.branding-form,.portal-grid{grid-template-columns:1fr}.two{grid-template-columns:1fr}}@media(max-width:520px){.hero-web h1{font-size:42px}.erp-screen{padding:12px}.metrics{grid-template-columns:1fr}.fake-chart{display:none}.numbers{gap:15px}.demo-web form{grid-template-columns:1fr}.demo-web form>*{grid-column:1}.checks,.dash-cards{grid-template-columns:1fr}.installer section{padding:25px 20px}}