.commerce-center{display:grid;gap:22px}.commerce-hero{position:relative;overflow:hidden;display:flex;align-items:end;justify-content:space-between;gap:24px;padding:34px;border-radius:25px;background:linear-gradient(125deg,#082f29 0%,#124e43 62%,#1b6555 100%);color:#fff;box-shadow:0 22px 55px rgba(7,49,42,.17)}.commerce-hero:after{content:"";position:absolute;width:340px;height:340px;right:-105px;top:-190px;border:68px solid rgba(200,244,105,.11);border-radius:50%}.commerce-kicker{display:block;color:#82a99f;font-size:10px;font-weight:800;letter-spacing:.19em}.commerce-hero .commerce-kicker{color:#c8f469}.commerce-hero h1{margin:8px 0 7px;font-size:clamp(32px,4vw,48px)}.commerce-hero p{margin:0;color:#d6e6e1;font-size:16px}.commerce-hero-actions{z-index:1;display:flex;gap:10px;flex-wrap:wrap}.commerce-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;font-size:13px;font-weight:800}.commerce-button-light{background:#fff;color:#123b34}.commerce-button-lime{background:#c8f469;color:#123b34}.commerce-module-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.commerce-module-nav a{display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center;padding:16px;border:1px solid #dbe6e2;border-radius:17px;background:#fff;box-shadow:0 10px 30px rgba(13,54,46,.055);color:#122f29;transition:.18s}.commerce-module-nav a:hover{transform:translateY(-2px);border-color:#9ebdb3;box-shadow:0 15px 35px rgba(13,54,46,.1)}.commerce-module-nav span{grid-row:1/3;display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#eaf3f0;color:#0f4a3f;font:800 13px Manrope}.commerce-module-nav b{font:750 14px Manrope}.commerce-module-nav small{color:#73847f;font-size:11px}.commerce-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.commerce-summary article{display:flex;justify-content:space-between;flex-direction:column;min-height:164px;padding:21px;border:1px solid #dce6e2;border-radius:19px;background:#fff;box-shadow:0 12px 34px rgba(14,52,45,.055)}.commerce-summary small{color:#71837d;font-weight:700}.commerce-summary strong{display:block;margin:5px 0 0;font:800 34px Manrope;color:#0c3c33}.commerce-summary p{margin:0;color:#8a9995;font-size:12px}.commerce-summary a{display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid #e8eeec;color:#174e43;font-size:12px;font-weight:800}.commerce-workspace{padding:24px;border:1px solid #dce6e2;border-radius:23px;background:#eef3f1}.commerce-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.commerce-section-heading h2{margin:5px 0 0;font-size:22px}.commerce-related-link{font-size:12px;font-weight:800}.commerce-recent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.commerce-recent-card{overflow:hidden;border:1px solid #d9e4e0;border-radius:18px;background:#fff}.commerce-recent-card>header{display:flex;justify-content:space-between;align-items:center;padding:16px 17px;border-bottom:1px solid #e6ece9}.commerce-recent-card header>div{display:flex;align-items:center;gap:10px}.commerce-recent-card h3{margin:0;font-size:15px}.commerce-recent-card header>a{font-size:11px;font-weight:800}.commerce-doc-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font:800 10px Manrope}.commerce-doc-icon.blue{background:#e5f0ff;color:#2564b1}.commerce-doc-icon.violet{background:#eee9ff;color:#6248a5}.commerce-doc-icon.green{background:#e0f5e8;color:#217345}.commerce-doc-icon.amber{background:#fff0d5;color:#9b6100}.commerce-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 17px;border-bottom:1px solid #edf1ef;color:#142b26}.commerce-row:last-child{border-bottom:0}.commerce-row:hover{background:#f7faf9}.commerce-row>div:last-child{text-align:right}.commerce-row b,.commerce-row small{display:block}.commerce-row b{font-size:12px}.commerce-row small{margin-top:3px;color:#7b8c87;font-size:10px}.commerce-state{display:inline-block;padding:4px 8px;border-radius:99px;background:#edf2f0;color:#536963;font-size:9px;font-weight:800}.commerce-state.pending,.commerce-state.draft{background:#fff0c9;color:#885b00}.commerce-state.confirmed,.commerce-state.approved,.commerce-state.paid,.commerce-state.delivered{background:#dcf4e4;color:#23683d}.commerce-state.sent,.commerce-state.issued,.commerce-state.preparing{background:#e2edff;color:#265d9f}.commerce-state.cancelled,.commerce-state.rejected{background:#ffe2df;color:#9e342b}.commerce-empty{margin:0;padding:30px 18px;text-align:center;color:#82918d;font-size:12px}@media(max-width:1100px){.commerce-module-nav,.commerce-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.commerce-hero{align-items:flex-start;flex-direction:column}.commerce-recent-grid{grid-template-columns:1fr}}@media(max-width:560px){.commerce-module-nav,.commerce-summary{grid-template-columns:1fr}.commerce-section-heading{align-items:flex-start;flex-direction:column}.commerce-hero-actions,.commerce-button{width:100%}}