.commercial{max-width:1300px}.commercial>.topLine h2{margin:8px 0;font-size:28px}.commercial .eyebrow{color:#8dcaff;align-items:center;gap:8px;display:flex}.commerceConnection{background:#202e48;border:1px solid #566484;border-radius:18px;align-items:center;gap:14px;margin:22px 0;padding:17px 20px;display:flex}.commerceConnection>svg{color:#e8ba75;flex-shrink:0}.commerceConnection>div{flex:1}.commerceConnection p{color:#aebfd4;margin:5px 0 0;font-size:14px;line-height:1.6}.commerceConnection.connected{border-color:#4c947d}.commerceMetrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px;display:grid}.commerceMetrics article{background:linear-gradient(140deg,#243955,#16273e);border:1px solid #426183;border-radius:18px;gap:9px;padding:18px;display:grid}.commerceMetrics svg{color:#77bdff;width:20px}.commerceMetrics strong{font-size:29px}.commerceMetrics span{color:#d2e2f2;font-size:14px}.commerceMetrics small{color:#9eb2c8;font-size:12px}.commerceTabs{border-bottom:1px solid #37516e;flex-wrap:wrap;gap:7px;margin-bottom:22px;padding-bottom:14px;display:flex}.commerceTabs button{color:#aec6dc;background:#1a2d44;border:1px solid #0000;border-radius:12px;align-items:center;gap:7px;padding:10px 14px;font-size:14px;display:flex}.commerceTabs button[aria-selected=true]{color:#e7f4ff;background:#294f79;border-color:#79b6fa}.commercial .commerceSearch{align-items:center;gap:8px;display:flex}.commercial input,.commercial select,.commercial textarea{color:#e1edfa;background:#102039;border:1px solid #476184;border-radius:10px;max-width:100%;padding:10px 12px;font-size:14px}.commercial label{color:#cbdff0;gap:8px;font-size:14px;display:grid}.commerceAssign{background:#1b3048;border:1px solid #3e5c7d;border-radius:16px;align-items:end;gap:12px;margin:18px 0;padding:18px;display:flex}.commerceAssign label{flex:1;min-width:0}.commerceContracts{gap:12px;display:grid}.commerceContracts>article{background:linear-gradient(115deg,#213951,#192b42);border:1px solid #466582;border-radius:18px;padding:20px}.commerceContracts header{justify-content:space-between;align-items:center;gap:12px;display:flex}.commerceContracts h3{margin:0 0 7px;font-size:20px}.commerceContracts header div>span{color:#b5cde4;font-size:14px}.commerceBadge{color:#c3d9ee;white-space:nowrap;background:#34527444;border:1px solid #587699;border-radius:20px;align-items:center;padding:5px 10px;font-size:12px;display:inline-flex}.commerceBadge.active,.commerceBadge.paid{color:#9cedc9;background:#2e775a30;border-color:#4a9b83}.commerceBadge.past_due,.commerceBadge.unpaid,.commerceBadge.incomplete{color:#ffd3a1;border-color:#b88654}.commerceContractMeta{color:#abc0d7;flex-wrap:wrap;gap:18px;margin:15px 0;font-size:13px;display:flex}.commerceContracts .primaryBtn,.commerceContracts .smallBtn{align-items:center;gap:7px;font-size:14px;display:flex}.commerceContracts details{border-top:1px solid #3a516a;margin-top:16px;padding-top:12px}.commerceContracts summary{color:#b1c7dd;cursor:pointer;font-size:14px}.commerceContracts textarea{width:100%;min-height:90px;margin:12px 0}.commerceOffers{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px;display:grid}.commerceOffers article{background:linear-gradient(135deg,#263d5d,#172a42);border:1px solid #5478a1;border-radius:20px;flex-direction:column;align-items:start;padding:22px;display:flex}.commerceOffers h3{margin:16px 0;font-size:22px}.commerceOffers article>strong{color:#cde9ff;font-size:30px}.commerceOffers strong small{color:#b4cce4;font-size:14px}.commerceOffers p{color:#b5cde3;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;font-size:14px;line-height:1.7}.commerceEmpty{text-align:center;color:#aac3dd;border:1px dashed #476282;border-radius:18px;justify-items:center;margin:20px 0;padding:30px;font-size:14px;line-height:1.7;display:grid}.commerceEmpty h3{color:#d3e6f8}.commerceInvoices{margin-top:25px}.commerceTable{border:1px solid #3e5d7d;border-radius:16px;overflow:auto}.commerceTable table{border-collapse:collapse;width:100%;font-size:14px}.commerceTable th,.commerceTable td{text-align:left;white-space:nowrap;border-bottom:1px solid #30465f;padding:14px}.commerceTable td small{color:#9eb6cf;margin-top:6px;display:block}.commerceHistory{border-bottom:1px solid #314760;gap:12px;padding:15px 0;display:flex}.commerceHistory small{color:#9cb8d3;margin-top:6px;font-size:13px;display:block}.commerceSetup{max-width:900px}.commerceSetup ol{padding-left:25px}.commerceSetup li{border-bottom:1px solid #334b66;padding:15px 8px;line-height:1.7}.commerceSetup p{color:#b3c9df;font-size:14px}.commerceSetup code{overflow-wrap:anywhere;white-space:normal;background:#14253b;border-radius:10px;padding:12px;font-size:13px;display:block}.commerceSetup form{gap:16px;margin-top:18px;display:grid}.commercial .commerceCheck{align-items:center;gap:10px;display:flex}.commerceCheck input{accent-color:#6cb8ff;width:18px;height:18px}.commerceOfferForm{gap:18px;max-height:90vh;display:grid;overflow:auto}.commerceOfferForm textarea{width:100%;min-height:100px}.commerceFormRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.commercial .hint{margin-top:18px;line-height:1.7}.commercial a{color:#9ad0ff}:is(.commercial button:focus-visible,.commercial summary:focus-visible){outline-offset:3px;outline:3px solid #8ccaff}.billingPage{max-width:1160px;margin:30px auto;padding:20px}.billingPage>a{color:#a4d5ff}@media (max-width:1000px){.commerceMetrics,.commerceOffers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:650px){.commerceConnection{flex-wrap:wrap;padding:15px}.commerceConnection>div{min-width:200px}.commerceMetrics article{padding:14px}.commerceMetrics strong{font-size:25px}.commerceAssign{flex-direction:column;align-items:stretch}.commerceContracts header{flex-direction:column;align-items:start}.commerceOffers{grid-template-columns:1fr}.commerceSearch input{width:160px}.commerceFormRow{grid-template-columns:1fr}.commerceTabs button{padding:9px 11px}.commercial>.topLine{flex-wrap:wrap}.billingPage{margin:14px auto;padding:14px}}.commercial .primaryBtn,.commercial .smallBtn{justify-content:center;align-items:center;gap:7px;display:inline-flex}.commerceOffers article.freeOffer{background:linear-gradient(135deg,#1e424f,#172c43);border-color:#478f9d}.commerceOffers article.plusOffer{background:linear-gradient(135deg,#3c3456,#202c47);border-color:#ca9459}.commerceIncluded{color:#aeead9;border-top:1px solid #507080;margin-top:auto;padding-top:12px;font-size:13px;line-height:1.5}.commerceOffers .row{flex-wrap:wrap}.commercePeriod{background:#142741;border:1px solid #35577a;border-radius:14px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.commercial .commercePeriod .smallBtn{color:#9fbeda;background:0 0;border:0;padding:8px 12px}.commercial .commercePeriod .smallBtn[aria-pressed=true]{color:#fff;background:#315f8c;box-shadow:0 2px 9px #050d2070}@media (max-width:650px){.commercial>.topLine:has(.commercePeriod){align-items:stretch}.commercePeriod{width:100%}.commercePeriod button{flex:1}.commerceOffers article{min-height:0}}.commerceComingSoon{background:linear-gradient(110deg,#183c64,#132944);border:1px solid #497cb5;border-radius:22px;margin:24px 0;padding:25px 28px;box-shadow:0 8px 30px #4b9bff10}.commerceComingSoon>span{letter-spacing:2px;color:#9ed2ff;font-size:12px;font-weight:800;display:inline-block}.commerceComingSoon h3{margin:10px 0;font-size:24px}.commerceComingSoon p{color:#b6d0eb;max-width:800px;margin:0;font-size:15px;line-height:1.7}