.cm-main{max-width:1360px;margin:auto;padding:32px 38px;color:#101b35;background:linear-gradient(#f5faff,#fff 1500px)}.cm-hero{display:flex;justify-content:space-between;gap:45px;padding:0 12px 28px}.cm-hero>div{max-width:660px}.cm-hero .eyebrow{color:#239a61;font-size:14px;font-weight:600;margin:0 0 16px;letter-spacing:0}.cm-hero h1{font-size:46px;line-height:1.04;letter-spacing:-1px;margin:0 0 22px}.cm-hero>div>p:not(.eyebrow){max-width:605px;font-size:20px;line-height:1.35;margin-bottom:20px;color:#3e495d}.cm-hero aside{align-self:flex-start;background:#e3f0ff;border-radius:19px;padding:22px;display:flex;align-items:center;gap:20px;margin-top:25px;font-size:16px;line-height:1.65;white-space:nowrap}.cm-hero aside svg{width:45px;height:45px;color:#3a8bfa;flex-shrink:0}.cm-actions{display:flex;gap:25px}.customers-page .cm-actions .button{background:#19c67a;border:1px solid #20b97b;color:#fff;border-radius:8px;padding:12px 23px;min-width:230px;font-size:16px;justify-content:center;line-height:1.15}.customers-page .cm-actions .button.outline{background:#fff;color:#169954;border-color:#46b983;gap:10px}.cm-actions svg{width:23px;height:23px}
.cm-demo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cm-demo figure{margin:0;min-width:0}.cm-screen{border:14px solid #dfedff;border-radius:27px;background:linear-gradient(#eef8ff,#e2f0ff);min-height:790px;padding:8px;display:flex;flex-direction:column;font-family:Arial,sans-serif;color:#18243b}.cm-list-title{display:flex;align-items:center;gap:8px;padding:8px;background:#f9fcff;border-radius:12px;font-size:19px}.cm-list-title svg{width:24px;height:24px;color:#1ba96a}.cm-list-title>span{background:#e6f2ff;border-radius:7px;padding:0 7px;font-size:25px}.cm-list-title>span:last-child{margin-left:auto}.cm-list-title small{color:#3988ef;background:#d9ecff;font-size:14px;padding:2px 6px}.cm-search{background:#fff;padding:13px 9px;margin:9px 0;border-radius:12px;font-size:12px;color:#576779}.cm-customers{display:grid;gap:6px}.cm-customer{position:relative;display:flex;align-items:center;gap:13px;background:#fff;padding:11px 11px;border-radius:11px;overflow:hidden;min-height:68px}.cm-customer.due:before{position:absolute;content:'';left:0;top:0;bottom:0;width:5px;background:#fc545f}.cm-customer:nth-child(4):before{background:#efb948}.cm-customer i,.cm-identity i{font-style:normal;background:linear-gradient(140deg,#a92fff,#7627ed);color:white;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.cm-customer:not(.due) i{background:#3888f7}.cm-customer b{display:block;font-size:13px;margin-bottom:6px}.cm-customer small{font-size:12px;white-space:nowrap}.cm-customer em,.cm-transaction em{font-style:normal;background:#ffe4e9;color:#e4445d;border-radius:3px;font-size:11px;padding:2px 4px}.cm-customer strong{font-size:13px;color:#de9e27;margin-left:auto;white-space:nowrap}.cm-customer>span{margin-left:auto;font-size:23px;color:#53647a}.cm-identity{display:flex;align-items:center;gap:12px;padding:10px 3px 14px}.cm-identity>span:first-child{background:#e6f1ff;border-radius:8px;padding:0 7px;font-size:25px}.cm-identity b{font-size:14px;display:block}.cm-identity small{font-size:11px;display:block;margin-top:3px}.cm-control{display:inline-flex;align-items:center;justify-content:center;background:#e2efff;border-radius:7px;padding:10px 9px;font-size:12px;color:#25364c;text-align:center}.cm-control.edit{margin-left:auto;background:#3889f8;color:white;padding:10px}.cm-balance{background:#e5f1ff;border-radius:13px;padding:16px 7px;text-align:center}.cm-balance>small{color:#dda944;font-size:12px;display:block}.cm-balance>strong{display:block;color:#eca32b;font-size:38px;margin:5px 0 22px}.cm-balance>strong span{background:#8b36e9;border-radius:50%;color:#262044;font-size:18px;display:inline-block;width:27px;height:27px;vertical-align:middle}.cm-metrics{display:flex;justify-content:space-around;gap:7px;font-size:10px;margin-bottom:18px}.cm-metrics b{display:block;font-size:15px;margin-top:5px}.cm-metrics>div:nth-child(2) b{color:#36b77d}.cm-control.print{color:#438ce1;background:#dcf0ff;padding:8px}.cm-control.delete{border:1px solid #efadac;color:#ed676b;background:transparent;padding:8px;margin:10px auto 0;display:table}.cm-payment{background:white;padding:13px;border-radius:13px;margin-top:10px}.cm-screen h3{font-size:16px;margin:0 0 14px}.cm-payment .amount{width:100%;padding:15px;font-size:14px;color:#718091}.cm-quick,.cm-methods{display:flex;gap:7px;margin:8px 0 15px}.cm-quick>span,.cm-methods>span{flex:1;min-width:0;padding:10px 5px;font-size:12px}.cm-payment>small{font-size:11px}.cm-methods .cash,.cm-control.collect{background:#16c97b;color:#052d22;font-weight:bold}.cm-payment p{font-size:10px;color:#39b782;text-align:center;margin:0 0 17px}.cm-control.collect{width:100%;font-size:17px;padding:17px 8px}.cm-credit-actions{display:flex;gap:10px;margin:13px 0 5px}.cm-credit-actions>span{flex:1;padding:16px 6px;font-size:12px;color:#131a25;white-space:nowrap}.cm-control.credit{background:#9130fa}.cm-control.return{background:#ff5352}.cm-history{background:white;border-radius:14px;padding:13px;margin-top:8px;flex:1}.cm-filters{display:flex;background:#e0edfc;border-radius:8px;padding:3px;margin:0 0 15px}.cm-filters>span{flex:1;min-width:0;font-size:11px;padding:10px 5px;background:transparent}.cm-filters .selected{background:#348bff;color:white;box-shadow:0 1px 5px #5288b7}.cm-transaction{border:1px solid #949ba4;border-radius:10px;padding:12px 10px;margin-bottom:10px}.cm-transaction>div{display:flex;gap:8px;align-items:center}.cm-receipt{color:#308bf4;background:#eaf6ff;padding:6px;border-radius:8px;font-size:20px}.cm-transaction b{font-size:17px;display:block}.cm-transaction small{font-size:10px;display:block;line-height:1.3}.cm-transaction .cm-control{font-size:14px;padding:6px}.cm-transaction .closed{background:#e0f7ec;color:#24a86a}.cm-transaction p{font-size:11px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;padding:10px 0;margin:10px 0;white-space:nowrap;overflow:hidden}.cm-transaction footer{padding:0;background:transparent;display:flex;justify-content:space-between;font-size:11px;color:#33b482;min-height:0}.cm-transaction footer span:last-child{color:#dca335}.cm-history h4{font-size:12px;margin:25px 0 20px}.cm-received{display:flex;gap:14px;padding-bottom:15px;border-bottom:1px solid #ccdce9}.cm-received>span{background:#e3f8ef;color:#41b792;border-radius:7px;padding:6px;align-self:flex-start}.cm-received b{color:#42b284;font-size:16px}.cm-received small{display:block;font-size:12px;margin-top:5px;line-height:1.3}.cm-demo figcaption{text-align:center;padding:14px 24px 0}.cm-demo figcaption h2{font-size:17px;border-radius:18px;background:#e1efff;padding:15px 8px;margin:0 15px 15px;white-space:nowrap}.cm-demo figcaption p{font-size:16px;line-height:1.4;color:#465166;margin:0 15px}
.cm-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 42px;margin:55px 5px 35px}.cm-features article{display:flex;align-items:flex-start;gap:19px}.cm-features article>span{background:#e2f9ee;color:#12b372;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:62px;height:62px;border-radius:15px}.cm-features svg{width:34px;height:34px}.cm-features h2{font-size:18px;margin:6px 0 9px}.cm-features p{font-size:15px;line-height:1.4;color:#576174;margin:0}.cm-details{border-top:1px solid #dceee7}.cm-details article{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:32px 22px;border-bottom:1px solid #e2eee7}.cm-details article:nth-child(even){background:#f6fcf9;border-radius:12px}.cm-details h2{font-size:24px;margin:0;line-height:1.25}.cm-details p,.cm-details li{font-size:16px;line-height:1.6;color:#596579}.cm-details p{margin:0 0 13px}.cm-details p:last-child{margin-bottom:0}.cm-details ul{padding-left:20px;margin:0 0 16px}.cm-details li::marker{color:#19ad73}.cm-authority{background:#eafaf2;padding:26px;border-radius:14px;margin:30px 0}.cm-authority h2{font-size:24px;margin:0 0 12px}.cm-authority p{font-size:16px;color:#536a5d;line-height:1.5;margin:0}.cm-flows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:34px 0}.cm-flows h2{font-size:20px;margin:0 0 20px}.cm-flows ol{padding:0;margin:0;list-style:none;display:grid;gap:27px}.cm-flows li{position:relative;text-align:center;font-size:12px;line-height:1.5;font-weight:600;color:#23895c;border:1px solid #cee8da;border-radius:8px;padding:13px;background:#f3fcf7}.cm-flows li:not(:last-child):after{content:'↓';position:absolute;left:calc(50% - 5px);top:100%;line-height:27px;font-size:20px;color:#58ae85}.cm-cta{background:#ecfaf4;border-radius:14px;padding:18px 25px;display:flex;align-items:center;gap:23px}.cm-cta>svg{width:55px;height:55px;color:#10ae71;flex-shrink:0}.cm-cta>div:first-of-type{flex:1}.cm-cta h2{font-size:23px;margin:0 0 12px}.cm-cta p{font-size:15px;line-height:1.45;color:#596679;margin:0}.cm-cta .cm-actions{flex-direction:column;gap:8px}.customers-page .cm-cta .button{min-width:250px;font-size:14px;padding:10px}
@media(max-width:1150px){.cm-main{padding:28px 24px}.cm-hero h1{font-size:40px}.cm-hero aside{font-size:13px;white-space:normal}.cm-hero>div>p:not(.eyebrow){font-size:18px}.cm-actions{gap:12px;flex-wrap:wrap}.customers-page .cm-actions .button{min-width:180px;font-size:14px}.cm-demo{grid-template-columns:1fr;gap:30px;max-width:500px;margin:auto}.cm-screen{min-height:760px}.cm-demo figcaption h2{white-space:normal}.cm-features{gap:25px;grid-template-columns:repeat(2,minmax(0,1fr))}.cm-details article{gap:25px}.cm-cta{flex-wrap:wrap}}
@media(max-width:650px){.cm-main{padding:26px 18px}.cm-hero{padding:0 0 25px;display:block}.cm-hero h1{font-size:35px;line-height:1.1}.cm-hero aside{margin:22px 0 0;padding:15px;font-size:13px;max-width:370px}.cm-hero aside svg{width:32px;height:32px}.cm-actions{gap:10px}.customers-page .cm-actions .button{min-width:0;font-size:13px;padding:11px 14px}.cm-screen{border-width:8px;padding:5px;border-radius:20px;min-height:0}.cm-list{padding-bottom:20px}.cm-customer{gap:8px;padding:10px 8px}.cm-customer b{font-size:13px}.cm-customer small{font-size:11px}.cm-customer strong{font-size:12px}.cm-customer i{width:37px;height:37px}.cm-identity{gap:9px}.cm-identity i{width:37px;height:37px}.cm-transaction>div{gap:5px}.cm-transaction{padding:10px 7px}.cm-transaction b{font-size:16px}.cm-transaction small{font-size:9px}.cm-transaction em{font-size:10px}.cm-demo figcaption{padding:13px 5px 0}.cm-demo figcaption p{font-size:16px}.cm-features{grid-template-columns:1fr;margin:40px 0;gap:27px}.cm-features article>span{width:51px;height:51px}.cm-features h2{font-size:19px}.cm-features p{font-size:16px}.cm-details article{display:block;padding:26px 15px}.cm-details h2{margin-bottom:18px}.cm-flows{grid-template-columns:1fr;gap:32px}.cm-cta{padding:20px;gap:13px}.cm-cta>svg{width:40px;height:40px}.cm-cta h2{font-size:23px}.cm-cta>div:first-of-type{flex-basis:calc(100% - 60px)}.cm-cta .cm-actions{width:100%}.customers-page .cm-cta .button{width:100%}}