.pageIntro{max-width:680px;margin:-4px 0 4px;color:#616161;line-height:1.5}.subscriptionLead{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px 24px;border:1px solid #d9e5df;border-radius:14px;background:radial-gradient(circle at 92% 0%,rgba(41,132,90,.1),transparent 34%),linear-gradient(135deg,#fff,#f7fbf9);box-shadow:0 2px 6px #1435280f}.subscriptionLeadMain{display:flex;min-width:0;align-items:center;gap:16px}.subscriptionLeadIcon{display:grid;flex:0 0 auto;width:50px;height:50px;place-items:center;border-radius:13px;background:#e4f3eb;color:#167452}.subscriptionLeadEyebrow{margin-bottom:5px;color:#29845a;font-size:10px;font-weight:700;letter-spacing:1.15px}.subscriptionLead h2{margin:0;color:#303030;font-size:18px;font-weight:680;letter-spacing:-.15px}.subscriptionLead p{max-width:680px;margin:7px 0 0;color:#616161;font-size:13px;line-height:1.5}.subscriptionLeadStats{display:flex;flex:0 0 auto;align-items:stretch;overflow:hidden;border:1px solid #dce7e1;border-radius:11px;background:#ffffffdb}.subscriptionLeadStats>div{display:grid;min-width:130px;align-content:center;gap:5px;padding:12px 15px}.subscriptionLeadStats>div+div{border-left:1px solid #e3e9e6}.subscriptionLeadStats span{color:#7a7a7a;font-size:11px}.subscriptionLeadStats strong{color:#303030;font-size:13px;font-weight:650}.dashboardHero{position:relative;display:flex;overflow:hidden;min-height:154px;align-items:center;justify-content:space-between;gap:28px;padding:26px 30px;border:1px solid #183f31;border-radius:14px;background:radial-gradient(circle at 88% -20%,rgba(103,197,144,.28),transparent 34%),linear-gradient(120deg,#0f2d24,#173e31 56%,#1d4939);box-shadow:0 5px 16px #0f2d2429;color:#fff}.dashboardHero:after{position:absolute;top:-68px;right:18%;width:210px;height:210px;border:1px solid rgba(255,255,255,.09);border-radius:50%;content:""}.heroContent{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.heroIcon{display:grid;flex:0 0 auto;width:56px;height:56px;place-items:center;border:1px solid rgba(255,255,255,.16);border-radius:15px;background:#ffffff1a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.heroEyebrow{margin-bottom:7px;color:#9fe3bc;font-size:10px;font-weight:700;letter-spacing:1.3px}.heroTitle{margin:0;color:#fff;font-size:22px;font-weight:680;letter-spacing:-.25px}.heroText{max-width:680px;margin:8px 0 0;color:#ffffffbd;font-size:13px;line-height:1.5}.heroStatus{position:relative;z-index:1;display:flex;flex:0 0 auto;align-items:center;gap:10px;min-width:220px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#0000001f}.heroStatusDot{width:9px;height:9px;border:2px solid rgba(119,231,164,.35);border-radius:50%;background:#77e7a4;box-shadow:0 0 0 4px #77e7a41f}.heroStatus div{display:grid;gap:3px}.heroStatus strong{color:#fff;font-size:12px;font-weight:650}.heroStatus span{color:#ffffff9e;font-size:11px}.metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metricCard{position:relative;min-height:132px;padding:18px;border:1px solid #e3e3e3;border-radius:12px;background:linear-gradient(145deg,#fff 60%,#fafafa);box-shadow:0 1px #0000000a;transition:transform .14s ease,box-shadow .14s ease}.metricCard:before{position:absolute;top:-1px;right:18px;left:18px;height:3px;border-radius:0 0 3px 3px;background:#616161;content:""}.metricCard:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.metricGreen:before{background:#29845a}.metricRed:before{background:#c4320a}.metricBlue:before{background:#2c6ecb}.metricDark:before{background:#303030}.metricHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#616161;font-size:13px;font-weight:550}.iconTile{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:#f1f1f1}.iconSuccess{background:#eaf7ed}.iconCritical{background:#fee9e8}.iconInfo{background:#eaf4ff}.metricValue{margin-top:16px;color:#303030;font-size:30px;font-weight:700;letter-spacing:-.8px;line-height:1}.metricMeta{margin-top:9px;color:#8a8a8a;font-size:12px}.twoColumn{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px}.syncPanel,.helpPanel{min-height:160px;padding:20px;border:1px solid #e3e3e3;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000a}.syncPanel{border-left:4px solid #29845a}.helpPanel{border-left:4px solid #2c6ecb}.panelHeading,.syncStatus{display:flex;align-items:center;justify-content:space-between;gap:12px}.panelTitle{margin:0;color:#303030;font-size:14px;font-weight:650}.panelDescription{margin:8px 0 0;color:#616161;font-size:13px;line-height:1.5}.syncStatus{margin-top:22px;padding-top:16px;border-top:1px solid #ebebeb}.syncDate{color:#303030;font-size:13px;font-weight:600}.syncCaption{margin-top:3px;color:#8a8a8a;font-size:12px}.filterCard{overflow:hidden;margin-top:16px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;box-shadow:0 2px 5px #0000000d}.filterBar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border-bottom:1px solid #e5e5e5}.filterHeading,.resultsHeading{display:flex;align-items:center;gap:10px}.filterHeading>div{display:grid;gap:2px}.filterHeading strong{color:#303030;font-size:13px}.filterHeading span{color:#777;font-size:11px}.filterHeadingIcon,.resultsHeadingIcon{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:8px;background:#f1f1f1;color:#4a4a4a}.filterTabs{display:flex;flex:0 0 auto;gap:5px;padding:4px;border:1px solid #e3e3e3;border-radius:10px;background:#f6f6f6}.filterTab{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#616161;font:inherit;font-size:13px;font-weight:550;text-decoration:none}.filterTab:hover{background:#ececec;color:#303030}.filterTab>span{display:inline-grid;min-width:17px;height:17px;padding:0 3px;place-items:center;border-radius:999px;background:#e3e3e3;color:#616161;font-size:10px}.filterTabActive{background:#fff;color:#303030;font-weight:650;box-shadow:0 1px 3px #0000001a}.filterTabActive>span{background:#303030;color:#fff}.filterControls{display:grid;grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:12px;padding:14px 16px 16px;background:#fbfbfb}.filterActions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.resultsCard{overflow:hidden;margin-top:16px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;box-shadow:0 2px 6px #0000000f}.resultsHeader{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 16px;border-bottom:1px solid #e3e3e3;background:linear-gradient(180deg,#fff,#fcfcfc)}.resultsHeadingIcon{background:#eaf4ef;color:#167452}.resultsConnection{display:flex;align-items:center;gap:9px}.resultsConnection>span{color:#8a8a8a;font-size:11px}.resultsTitle{color:#303030;font-size:14px;font-weight:650}.resultsMeta{color:#8a8a8a;font-size:12px}.emptyState{display:flex;min-height:360px;align-items:flex-start;justify-content:center;padding:42px 20px 34px;text-align:center}.emptyCanvas{background:radial-gradient(circle at 50% 18%,rgba(44,110,203,.06),transparent 25%),linear-gradient(#fff,#fdfdfd)}.emptyContent{width:100%;max-width:720px}.emptyIcon{display:grid;width:64px;height:64px;margin:0 auto 18px;place-items:center;border-radius:18px;background:#f1f1f1}.emptyTitle{margin:0;color:#303030;font-size:18px;font-weight:650}.emptyText{margin:9px auto 20px;color:#616161;font-size:13px;line-height:1.55}.emptyHint{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#616161;font-size:12px;box-shadow:0 1px 2px #0000000d}.emptySteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px;padding-top:24px;border-top:1px solid #ebebeb;text-align:left}.emptySteps>div{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:10px}.emptySteps>div:hover{background:#f7f7f7}.emptySteps span{display:grid;gap:3px}.emptySteps strong{color:#303030;font-size:12px;font-weight:650}.emptySteps small{color:#8a8a8a;font-size:11px}.tableWrap{overflow-x:auto}.table{width:100%;min-width:1050px;border-collapse:collapse}.table th{padding:12px 16px;border-bottom:1px solid #e3e3e3;background:#f5f6f5;color:#616161;font-size:12px;font-weight:600;text-align:left}.table td{padding:16px;border-bottom:1px solid #ebebeb;color:#303030;font-size:13px;vertical-align:middle}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:#f8fbf9}.primaryCell{font-weight:600}.secondaryCell{margin-top:3px;color:#8a8a8a;font-size:12px}.idCell,.customerCell,.productCell{display:flex;align-items:center;gap:10px}.idMark,.productMark,.tableAvatar{display:grid;flex:0 0 auto;width:32px;height:32px;place-items:center;border-radius:8px}.idMark{background:#f1f1f1;color:#616161}.productMark{background:#fff1e6;color:#8a4b16}.tableAvatar{background:#eaf2ff;color:#245fa8;font-size:11px;font-weight:700}.statusPill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:#e3e3e3;font-size:12px;font-weight:550;text-transform:capitalize}.statusPill:before{width:6px;height:6px;border-radius:50%;background:#8a8a8a;content:""}.statusActive{background:#eaf7ed;color:#0c5132}.statusActive:before{background:#29845a}.statusCancelled{background:#fee9e8;color:#8e1f0b}.statusCancelled:before{background:#c4320a}.booleanPill{display:inline-flex;min-width:42px;justify-content:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:600}.booleanTrue{background:#eaf7ed;color:#0c5132}.booleanFalse{background:#f1f1f1;color:#616161}.nativeInput{min-width:0;padding:7px 9px;border:1px solid #8a8a8a;border-radius:8px;background:#fff;font:inherit}.detailHeaderCard,.detailCard{box-sizing:border-box;border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:0 1px 2px #0000000f}.detailHeaderCard{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:22px 24px}.detailEyebrow{margin-bottom:5px;color:#616161;font-size:11px;font-weight:650;letter-spacing:.06em}.detailProductTitle{margin:0;color:#303030;font-size:20px;line-height:1.3}.detailCustomer{margin:6px 0 0;color:#616161;font-size:13px}.detailLayout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);align-items:start;gap:16px}.detailMain,.detailSidebar{display:grid;gap:16px}.detailCard{padding:20px}.detailCard>h2,.detailSectionHeading h2{margin:0;color:#303030;font-size:14px}.detailSectionHeading{padding-bottom:16px}.detailSectionHeading p{margin:5px 0 0;color:#616161;font-size:13px}.settingRow{display:grid;grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #ebebeb}.settingRow>div:first-child{display:grid;gap:4px}.settingRow strong{color:#303030;font-size:13px}.settingRow span{color:#616161;font-size:12px}.detailActionForm{display:flex;align-items:center;justify-content:flex-end;gap:8px}.compactInput{width:76px}.unitInput{width:120px}.dateInput{width:150px}.detailList{margin:14px 0 0}.detailList>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid #ebebeb;font-size:13px}.detailList dt{color:#616161}.detailList dd{margin:0;color:#303030;font-weight:550;text-align:right}.customerSummary{display:flex;align-items:center;gap:12px;margin-top:16px}.customerAvatar{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#eaf2ff;color:#005bd3;font-weight:650}.customerSummary>div:last-child{display:grid;gap:3px;min-width:0}.customerSummary strong{font-size:13px}.customerSummary span,.customerIdLine{color:#616161;font-size:12px;overflow-wrap:anywhere}.customerIdLine{margin-top:14px;padding-top:14px;border-top:1px solid #ebebeb}.dangerCard{border-color:#f0c8c2}.cancelForm{display:grid;gap:8px;padding-top:16px;border-top:1px solid #ebebeb}.cancelForm label{color:#303030;font-size:12px;font-weight:600}.cancelForm label span{color:#8a8a8a;font-weight:400}.cancelForm textarea{resize:vertical}.mutedText{margin:0;color:#616161;font-size:13px}.footer{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:12px;padding:0 16px;color:#616161;font-size:12px}.pagination{display:flex;gap:8px}@media(max-width:900px){.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.twoColumn{grid-template-columns:1fr}.dashboardHero{align-items:flex-start;flex-direction:column}.heroStatus{width:100%;box-sizing:border-box}.filterControls{grid-template-columns:1fr auto}.detailLayout{grid-template-columns:1fr}.subscriptionLead{align-items:flex-start;flex-direction:column}.subscriptionLeadStats{width:100%}.subscriptionLeadStats>div{flex:1}.filterBar{align-items:flex-start;flex-direction:column}.filterTabs{width:100%;overflow-x:auto;box-sizing:border-box}}@media(max-width:600px){.metricGrid{grid-template-columns:1fr}.dashboardHero{padding:22px 20px}.heroContent{align-items:flex-start}.heroIcon{width:44px;height:44px}.heroTitle{font-size:18px}.filterControls{grid-template-columns:1fr}.filterActions{justify-content:stretch}.filterTabs{overflow-x:auto}.emptySteps{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column;padding-block:14px}.detailHeaderCard,.settingRow{align-items:flex-start;grid-template-columns:1fr}.detailHeaderCard{flex-direction:column}.detailActionForm{flex-wrap:wrap;justify-content:flex-start}.subscriptionLead{padding:18px}.subscriptionLeadMain{align-items:flex-start}.subscriptionLeadStats{flex-direction:column}.subscriptionLeadStats>div+div{border-top:1px solid #e3e9e6;border-left:0}}