*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#111318;background:#f5f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.screen{--accent:#f45b69;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.brand{background:radial-gradient(circle at 15% 15%, color-mix(in srgb, var(--accent) 25%, transparent), transparent 35%), linear-gradient(145deg, #101216, #08090c);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:46px 58px;display:flex;position:relative;overflow:hidden}.brand:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:520px;height:520px;position:absolute;bottom:-240px;right:-260px}.topBrand{z-index:2;letter-spacing:-.02em;align-items:center;gap:12px;font-size:18px;font-weight:750;display:flex;position:relative}.symbol{background:var(--accent);color:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.brandContent{z-index:2;max-width:610px;position:relative}.eyebrow,.overline{letter-spacing:.14em;font-size:12px;font-weight:800;display:block}.eyebrow{color:var(--accent);margin-bottom:20px}.brand h1{letter-spacing:-.055em;max-width:580px;margin:0;font-size:clamp(48px,6vw,82px);line-height:.98}.brandContent>p{color:#aeb2bc;max-width:520px;margin:28px 0 42px;font-size:18px;line-height:1.6}.featureGrid{background:#282b31;border:1px solid #282b31;border-radius:18px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.featureGrid div{background:#0e1014f5;padding:20px}.featureGrid strong{margin-bottom:5px;font-size:14px;display:block}.featureGrid span{color:#858a95;font-size:12px}.powered{z-index:2;color:#666b76;font-size:12px;position:relative}.access{background:#f5f6f8;place-items:center;min-height:100vh;padding:50px;display:grid}.card{background:#fff;border:1px solid #e3e5e9;border-radius:24px;width:min(100%,490px);padding:46px;box-shadow:0 30px 80px #12182814}.status{color:#5c626d;background:#fafafa;border:1px solid #e8eaee;border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-bottom:42px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.statusDot{background:#27b266;border-radius:50%;width:7px;height:7px}.overline{color:var(--accent);margin-bottom:12px}.card h2{letter-spacing:-.045em;margin:0;font-size:36px}.description{color:#777d87;margin:14px 0 30px;line-height:1.55}.information{border-top:1px solid #eceef1;margin-top:10px}.information div{border-bottom:1px solid #eceef1;justify-content:space-between;align-items:center;gap:25px;padding:17px 0;display:flex}.information span{color:#8b9098;font-size:12px}.information strong{text-overflow:ellipsis;white-space:nowrap;text-align:right;max-width:65%;font-size:13px;overflow:hidden}.button{background:var(--accent);color:#fff;opacity:.45;border:0;border-radius:12px;width:100%;margin-top:30px;padding:15px 18px;font-weight:800}.next{color:#969ba4;text-align:center;margin:14px 0 0;font-size:11px}@media (max-width:900px){.screen{grid-template-columns:1fr}.brand{min-height:auto;padding:32px 24px 46px}.brandContent{margin:90px 0 70px}.brand h1{font-size:52px}.access{min-height:auto;padding:45px 20px}}@media (max-width:520px){.featureGrid{grid-template-columns:1fr}.card{padding:30px 24px}.brand h1{font-size:43px}}.loginForm{margin-top:28px}.field{margin-bottom:18px;display:block}.field span{color:#616772;margin-bottom:8px;font-size:12px;font-weight:750;display:block}.field input{color:#111318;background:#fafbfc;border:1px solid #dfe2e7;border-radius:11px;outline:none;width:100%;padding:15px 16px;transition:all .2s}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent);background:#fff}.loginButton,.newSaleButton{cursor:pointer;border:0;font-weight:800}.loginButton{background:var(--accent);color:#fff;border-radius:11px;width:100%;padding:15px 20px}.loginButton:disabled{opacity:.65;cursor:wait}.loginError{color:#b93343;background:#fff5f6;border:1px solid #ffd0d5;border-radius:10px;margin-bottom:17px;padding:12px 14px;font-size:12px}.loginFooter{color:#9297a0;border-top:1px solid #eceef1;justify-content:space-between;gap:20px;margin-top:27px;padding-top:20px;font-size:10px;display:flex}.dashboard{background:#f5f6f8;grid-template-columns:255px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:#0b0c0f;flex-direction:column;justify-content:space-between;min-height:100vh;padding:28px 20px;display:flex}.dashboardBrand{align-items:center;gap:10px;padding:0 8px;font-weight:800;display:flex}.companyBox{background:#111318;border:1px solid #24272d;border-radius:14px;margin-top:30px;padding:16px}.companyBox span,.dashboardEyebrow,.panelHeader span{color:#777d87;letter-spacing:.14em;font-size:9px;font-weight:800;display:block}.companyBox strong{margin-top:8px;font-size:13px;display:block}.companyBox small{color:#717680;margin-top:5px;font-size:10px;display:block}.menu{margin-top:24px}.menu div{color:#969ba4;border-radius:9px;margin:3px 0;padding:11px 13px;font-size:12px;font-weight:650}.menuActive{background:#1b1e24;color:#fff!important}.sidebarBottom{border-top:1px solid #23262b;padding-top:20px}.userMini strong{font-size:12px;display:block}.userMini span{color:#777d87;font-size:9px}.logoutButton{color:#969ba4;cursor:pointer;background:0 0;border:1px solid #292c32;border-radius:8px;width:100%;margin-top:14px;padding:10px;font-size:10px}.dashboardContent{padding:42px}.dashboardHeader{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.dashboardHeader h1{letter-spacing:-.04em;margin:7px 0 6px;font-size:34px}.dashboardHeader p{color:#7c818a;margin:0;font-size:13px}.newSaleButton{color:#fff;background:#111318;border-radius:10px;padding:13px 18px}.statsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:34px;display:grid}.statCard,.panel{background:#fff;border:1px solid #e3e5e9}.statCard{border-radius:16px;padding:21px}.statCard>span{color:#848992;font-size:11px}.statCard strong{letter-spacing:-.035em;margin-top:12px;font-size:26px;display:block}.statCard small{color:#9ca0a8;margin-top:4px;font-size:9px;display:block}.dashboardGrid{grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:15px;margin-top:15px;display:grid}.panel{border-radius:16px;min-height:350px;padding:24px}.panelHeader{border-bottom:1px solid #eceef1;padding-bottom:20px}.panelHeader h3{margin:6px 0 0;font-size:16px}.emptyState{text-align:center;place-content:center;min-height:245px;display:grid}.emptyState strong{font-size:13px}.emptyState p{color:#979ca5;max-width:320px;margin:7px auto;font-size:11px;line-height:1.55}.systemList div{border-bottom:1px solid #eceef1;justify-content:space-between;gap:20px;padding:17px 0;font-size:11px;display:flex}.systemList span{color:#8b9098}.online{color:#1d9c59}@media (max-width:1050px){.statsGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}}@media (max-width:760px){.dashboard{display:block}.sidebar{min-height:auto}.menu,.sidebarBottom{display:none}.dashboardContent{padding:25px 18px}.statsGrid{grid-template-columns:1fr 1fr}}.activationScreen{background:#f5f6f8;place-items:center;min-height:100vh;padding:25px;display:grid}.activationCard{background:#fff;border:1px solid #e1e4e8;border-radius:22px;width:min(100%,520px);padding:42px;box-shadow:0 30px 80px #12182814}.activationCard h1{letter-spacing:-.05em;margin:10px 0;font-size:38px}.activationCard>p{color:#7f858f;margin-bottom:25px;line-height:1.55}