:root{font-family:Arial,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#fff;border-right:1px solid #e3e7ef;padding:24px}.main{padding:32px}.card{background:#fff;border:1px solid #e3e7ef;border-radius:12px;padding:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.form,.grid{display:grid}.form{max-width:420px;margin:10vh auto;grid-gap:14px;gap:14px}button,input{padding:12px;border-radius:8px;border:1px solid #cbd3df}button{cursor:pointer;font-weight:600}nav{display:grid;grid-gap:12px;gap:12px;margin-top:24px}@media (max-width:760px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px}}.button,button{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:8px;border:1px solid #cbd3df;background:#fff;cursor:pointer;font-weight:600}.primary{background:#172033;color:#fff;border-color:#172033}.danger{border-color:#a61b1b;color:#a61b1b;background:#fff}.muted{color:#667085}.pageHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}.pageHeader h1{margin:6px 0}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;grid-gap:10px;gap:10px;margin-bottom:16px}select,textarea{padding:12px;border-radius:8px;border:1px solid #cbd3df;background:#fff;font:inherit}.tableWrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid #e8ebf0}th{font-size:13px;color:#667085}.tableMeta{margin-bottom:8px;color:#667085}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef1f5}.badge.active{background:#e8f7ed;color:#176b34}.badge.inactive{background:#f1f2f4;color:#596171}.badge.suspended{background:#fff3dd;color:#8a5200}.pagination{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding-top:16px}.empty{text-align:center;padding:28px;color:#667085}.errorBox{padding:12px 14px;background:#fff0f0;border:1px solid #f2c1c1;border-radius:8px;color:#8b1d1d}.formWide{max-width:900px;display:grid;grid-gap:18px;gap:18px}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}label{display:grid;grid-gap:7px;gap:7px;font-weight:600;font-size:14px}.sectionTitle{font-size:18px;font-weight:700}.actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:6px;overflow:auto;margin-bottom:16px}.tab{white-space:nowrap;background:#fff}.tab.active{background:#172033;color:#fff}.detailGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.details{display:grid;grid-template-columns:140px 1fr;grid-gap:10px;gap:10px}.details dt{color:#667085}.details dd{margin:0;font-weight:600}.topGap{margin-top:16px}@media (max-width:760px){.formGrid,.toolbar{grid-template-columns:1fr}.pageHeader{flex-direction:column}}.stack{display:grid;grid-gap:16px;gap:16px}.sectionActions{display:flex;align-items:center;justify-content:space-between;gap:12px}.sectionActions h2{margin:0}.inlineForm{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;grid-gap:10px;gap:10px;align-items:end}.activityForm{display:grid;grid-template-columns:minmax(250px,2fr) minmax(200px,1fr) minmax(220px,1fr) auto;grid-gap:10px;gap:10px}.listRow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #e8ebf0}.listRow:last-child{border-bottom:none}.notice{padding:10px 12px;border-radius:8px;background:#f0f5ff;color:#314b7a}@media (max-width:900px){.activityForm,.inlineForm{grid-template-columns:1fr}.listRow{align-items:flex-start}}.requirementsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:12px;gap:12px;margin:18px 0}.requirementOption{display:flex;gap:12px;align-items:flex-start;border:1px solid #d9dee7;border-radius:12px;padding:14px;background:#fff;cursor:pointer}.requirementOption.selected{border-color:#556274;background:#f6f8fb}.requirementOption input{width:18px;height:18px;margin-top:2px}.requirementOption span{display:flex;flex-direction:column;gap:4px}.requirementOption small{color:#667085}.subCard{border:1px solid #e3e7ed;border-radius:12px;padding:16px;margin:16px 0;background:#fafbfc}.subCard h3{margin-top:0}.bigNumber{font-size:30px;font-weight:800;margin:10px 0 0}.monthlyToolbar{grid-template-columns:160px 130px minmax(260px,1fr) 200px auto}.monthlyTable{min-width:1180px}.statusPill{display:inline-flex;align-items:center;white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:700}.statusPill.ok{background:#e8f7ed;color:#176b34}.statusPill.progress{background:#edf4ff;color:#315d9a}.statusPill.warning{background:#fff3dd;color:#8a5200}.statusPill.na{background:#f1f2f4;color:#667085}.statusPill.neutral{background:#eef1f5;color:#3e4858}.controlCards{grid-template-columns:repeat(4,minmax(180px,1fr))}.requirementSummary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:1050px){.monthlyToolbar{grid-template-columns:1fr 1fr}.controlCards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.controlCards,.monthlyToolbar{grid-template-columns:1fr}}.actionRow{display:flex;gap:.4rem;flex-wrap:wrap}.actionRow button{white-space:nowrap}.statusPill.danger{font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.portalShell{min-height:100vh;background:#f5f7fb}.portalHeader{height:72px;background:#fff;border-bottom:1px solid #e3e7ef;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.portalHeader>div{display:grid;grid-gap:3px;gap:3px}.portalHeader small{color:#667085}.portalMain{max-width:1180px;margin:0 auto;padding:28px 20px 48px}.portalWelcome{display:flex;justify-content:space-between;align-items:end;gap:24px}.portalWelcome h1{margin:5px 0}.portalWelcome p{margin-bottom:0}.portalWelcome label{min-width:230px}.portalSection{margin-top:28px}.portalSection h2{margin-bottom:8px}.portalDocs{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:14px;gap:14px}.portalDocCard{display:flex;flex-direction:column;justify-content:space-between;min-height:190px;gap:18px}.portalDocCard h3{margin:12px 0 6px}.portalDocCard p{margin:4px 0}.portalDocCard button{width:100%}@media(max-width:700px){.portalHeader{height:auto;padding:16px 18px}.portalMain{padding:18px}.portalWelcome{align-items:stretch;flex-direction:column}.portalWelcome label{min-width:0;width:100%}.portalDocs{grid-template-columns:1fr}}.dashboardPeriod{display:flex;gap:8px;align-items:center}.dashboardPeriod select{min-width:145px}.dashboardPeriod input{width:110px}.dashboardCards{grid-template-columns:repeat(4,minmax(180px,1fr))}.metricCard{transition:transform .12s ease,border-color .12s ease}.metricCard:hover{transform:translateY(-2px);border-color:#aab4c3}.metricCard p{margin-bottom:6px}.alertMetric{border-left:4px solid #8a5200}.dashboardMiniCards{grid-template-columns:repeat(4,minmax(160px,1fr))}.dashboardMiniCards .subCard{margin:0}.bigNumber.small{font-size:26px}.dashboardTwoCols{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboardStatRow{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e8ebf0}.dashboardStatRow:last-child{border-bottom:0}@media(max-width:1000px){.dashboardCards,.dashboardMiniCards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.dashboardPeriod{width:100%}.dashboardPeriod input,.dashboardPeriod select{width:100%;min-width:0}.dashboardCards,.dashboardMiniCards,.dashboardTwoCols{grid-template-columns:1fr}}.reportFilters .formGrid{align-items:end}.reportFilters label{display:flex;flex-direction:column;gap:6px}.reportTotals{grid-template-columns:repeat(4,minmax(160px,1fr))}.reportTotals .subCard{display:flex;flex-direction:column;gap:7px}.reportTable{max-height:62vh;overflow:auto}.reportTable table{min-width:900px}.reportTable thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:#f4f6f8}@media(max-width:800px){.reportTotals{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.reportTotals{grid-template-columns:1fr}}.auditFilters label{display:flex;flex-direction:column;gap:6px}.auditDetail{max-width:900px;width:min(900px,92vw);max-height:86vh;overflow:auto}.auditJson{display:flex;flex-direction:column;gap:8px}.auditJson>div{display:grid;grid-template-columns:minmax(130px,.7fr) 1.3fr;grid-gap:12px;gap:12px;padding:8px;border-bottom:1px solid #e8ebf0;word-break:break-word}.timeline{position:relative}.timelineItem{display:grid;grid-template-columns:24px 1fr;grid-gap:12px;gap:12px;padding:14px 0;border-bottom:1px solid #e8ebf0}.timelineDot{width:10px;height:10px;border-radius:50%;background:currentColor;margin-top:6px}.clientHistoryShortcut{display:flex;justify-content:flex-end;margin-bottom:8px}.permissionGroups{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));grid-gap:12px;gap:12px}.permissionRow{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #edf0f4}.permissionRow span{display:flex;flex-direction:column}.permissionRow small{color:#697386}.actions.compact{display:flex;flex-wrap:wrap;gap:6px}.actions.compact button{padding:6px 9px;font-size:12px}@media(max-width:1000px){.permissionGroups{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.permissionGroups{grid-template-columns:1fr}}.settingRow{display:grid;grid-template-columns:1fr 120px;grid-gap:20px;gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid #e8ebf0}.settingRow input[type=number]{width:110px}.settingRow input[type=checkbox]{width:22px;height:22px}.inlineCatalogForm{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.inlineCatalogForm input,.inlineCatalogForm select{min-width:170px;flex:1 1}.checkInline{display:flex;align-items:center;gap:6px}@media(max-width:650px){.settingRow{grid-template-columns:1fr}.inlineCatalogForm{flex-direction:column}.inlineCatalogForm input,.inlineCatalogForm select{width:100%}}.navBadge{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;background:currentColor;color:white;font-size:11px;padding:0 5px;margin-left:5px}.notificationList{display:flex;flex-direction:column}.notificationItem{display:grid;grid-template-columns:90px 1fr auto;grid-gap:16px;gap:16px;padding:16px 0;border-bottom:1px solid #e8ebf0;align-items:start}.notificationItem.unread{font-weight:500}.notificationItem.unread:before{content:"";position:absolute}.notificationItem p{margin:6px 0}.notificationItem:last-child{border-bottom:0}@media(max-width:700px){.notificationItem{grid-template-columns:1fr}.notificationItem .actions{justify-content:flex-start}}.migrationProfile{width:100%;min-height:220px;margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.migrationJson{white-space:pre-wrap;word-break:break-word;font-size:11px;margin:8px 0 0}