@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#293340;font-synthesis:none;--muted:#86909e;--line:#edf0f3;--navy:#171e2b;--gold:#f0b745;--green:#46a890;background:#f6f7f9;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ac853b}button{border:0}button svg{flex-shrink:0}select{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h2{letter-spacing:-.3px;font-size:16px;font-weight:800}svg{vertical-align:middle;flex-shrink:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;z-index:30;flex-direction:column;width:244px;padding:34px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;padding:0 10px;font-family:Manrope,sans-serif;font-size:23px;font-weight:800;display:flex}.brand-symbol{color:#f5bd4d;position:relative}.brand-symbol span{background:#f5bd4d;border-radius:2px;position:absolute;inset:10px;transform:rotate(30deg)}.brand-hub{color:#f1bb4b;margin-left:4px;font-weight:500}.workspace-label,.nav-label{letter-spacing:1.5px;color:#778393;padding:0 12px;font-size:9px;font-weight:700}.workspace-label{margin:46px 0 12px}.community-card{background:#202836;border:1px solid #303847;border-radius:9px;align-items:center;gap:10px;padding:13px 10px;display:flex}.community-icon{color:#ebbb62;background:#323839;border-radius:7px;place-items:center;width:33px;height:35px;display:grid}.community-card strong{font-size:12px;display:block}.community-card small{color:#9da7b5;margin-top:5px;font-size:9px;display:block}.community-card>svg{color:#8c98a8;margin-left:auto}.nav-label{margin:32px 0 14px}nav{gap:7px;display:grid}nav button{text-align:left;color:#aeb7c5;background:0 0;border-radius:8px;align-items:center;gap:12px;padding:13px 14px;font-size:12px;font-weight:500;display:flex;position:relative}nav button:hover{color:#fff;background:#252d3b}nav button.active{color:#edbd63;background:#332f27}nav button.active:before{content:"";background:#eeba55;border-radius:0 3px 3px 0;width:3px;height:23px;position:absolute;left:-20px}.nav-count{color:#bec8d4;background:#303a47;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}nav button.active .nav-count{color:#f2ca83;background:#55452d}.sidebar-bottom{margin-top:auto;padding-top:40px}.read-only{color:#9eaabd;border:1px solid #303a47;border-radius:8px;gap:9px;margin-bottom:22px;padding:14px 11px;display:flex}.read-only strong{color:#d1d8e2;font-size:10px;font-weight:500;display:block}.read-only small{color:#7e8a9b;margin-top:5px;font-size:9px;display:block}.user-card{border-top:1px solid #2a3341;align-items:center;gap:10px;padding-top:19px;display:flex}.user-avatar{color:#dfbf80;background:#3c352b;border:1px solid #726040;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.user-card>div{flex:1;min-width:0}.user-card strong{font-size:11px;display:block}.user-card small{color:#8995a7;text-overflow:ellipsis;margin-top:4px;font-size:9px;display:block;overflow:hidden}.user-card button{color:#9ca7b8}.main-shell{flex:1;min-width:0;margin-left:244px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:14px;height:72px;padding:0 36px;display:flex}.breadcrumb{color:#9aa3ae;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb strong{color:#3f4a59;font-weight:500}.topbar-actions{align-items:center;gap:15px;display:flex}.connection-chip{color:#4f8274;align-items:center;gap:6px;font-size:10px;display:flex}.connection-chip>span{background:#51ae91;border-radius:50%;width:6px;height:6px}.connection-chip.demo{color:#8b774d}.connection-chip.demo>span{background:#d3a04d}.icon-button{color:#7e8a99;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover{color:#283645;background:#f0f2f5}.button{color:#4e5967;background:#fff;border:1px solid #e2e6eb;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:600;display:inline-flex}.button:hover{background:#f6f7f9}.button.primary{color:#292a2b;background:#edb94e;border-color:#edb94e}.button.primary:hover{background:#e9af34}.login-button{color:#685536;background:#fdf9ed;border-color:#f4e6c9;padding:8px 11px}.mobile-menu{display:none}main{max-width:1550px;margin:0 auto;padding:25px 36px}.demo-banner{color:#8b7548;background:#fffcf5;border:1px solid #f1e8d4;border-radius:7px;align-items:center;gap:9px;margin-bottom:27px;padding:10px 13px;font-size:11px;display:flex}.demo-banner strong{font-weight:600}.demo-banner button{white-space:nowrap;color:#92743c;background:0 0;align-items:center;gap:7px;margin-left:auto;font-size:10px;font-weight:600;display:flex}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:1.7px;color:#9ca4ae;margin-bottom:8px;font-size:8px;font-weight:700}h1{letter-spacing:-1px;font-size:27px;font-weight:800;line-height:1.3}.page-heading p{color:#87919e;margin-top:10px;font-size:12px}.community-select{color:#759184;white-space:nowrap;background:#fff;border:1px solid #e4e8ed;border-radius:7px;align-items:center;gap:8px;padding:11px 12px;display:flex}.community-select select{appearance:none;color:#4c5866;background:0 0;border:0;max-width:210px;padding:0 8px 0 0;font-size:11px}.community-select>svg:last-child{color:#8e98a5}.card{background:#fff;border:1px solid #e9edf1;border-radius:11px;box-shadow:0 2px 3px #202c4202}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px;display:grid}.stat-card{padding:19px 20px 18px}.stat-top{color:#7b8796;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:500;display:flex}.stat-icon{border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.teal{color:#4a9986;background:#edf7f3}.green{color:#65a184;background:#f0f7f1}.blue{color:#7d91c0;background:#eff3fb}.gold{color:#c19a4e;background:#fcf6e9}.stat-value{letter-spacing:-1px;margin-top:11px;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;line-height:1.4}.stat-caption{color:#929ba6;align-items:center;gap:6px;margin-top:10px;font-size:9px;display:flex}.little-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.little-dot.teal,.little-dot.green{background:#66ac96}.little-dot.blue{background:#8ea0ce}.little-dot.gold{background:#d4ac61}.overview-grid{grid-template-columns:1.45fr 1fr;gap:23px;margin-bottom:23px;display:grid}.card-heading{justify-content:space-between;align-items:center;gap:10px;padding:23px 24px 0;display:flex}.card-heading p{color:#929ba7;margin-top:7px;font-size:10px}.mini-chip{color:#7f8996;white-space:nowrap;background:#fafbfc;border:1px solid #e5e9ed;border-radius:5px;padding:5px 8px;font-size:9px}.plans-body{align-items:center;gap:31px;min-height:208px;padding:25px 28px 27px;display:flex}.donut{flex:0 0 157px;width:157px;height:157px;position:relative}.donut svg{width:100%;height:100%}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center strong{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.donut-center span{color:#9da5af;margin-top:3px;font-size:10px}.plan-legend{flex:1;gap:17px;min-width:0;display:grid}.plan-legend>div{grid-template-columns:1fr auto 27px;align-items:center;gap:12px;font-size:10px;display:grid}.plan-name{color:#6c7786;align-items:center;gap:8px;line-height:1.4;display:flex}.plan-name i{border-radius:2px;flex-shrink:0;width:7px;height:7px}.plan-legend strong{font-size:11px;font-weight:600}.plan-legend small{color:#a0a8b3;text-align:right;font-size:9px}.quality-icon{color:#c5a45b;background:#fbf7ec;border-radius:9px;padding:9px}.quality-metric{justify-content:space-between;align-items:center;gap:12px;padding:29px 24px 14px;display:flex}.quality-metric span{color:#7d8895;font-size:11px}.quality-metric strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:800}.quality-track{background:#f0f2f5;border-radius:4px;height:5px;margin:0 24px;overflow:hidden}.quality-track div{background:#eabf6e;border-radius:4px;height:100%}.quality-explanation{color:#949dab;max-width:360px;padding:16px 24px 17px;font-size:10px;line-height:1.8}.quality-bottom{border-top:1px solid var(--line);color:#8a7350;justify-content:space-between;align-items:center;gap:10px;padding:14px 24px;font-size:9px;display:flex}.quality-bottom span{align-items:center;gap:6px;display:flex}.quality-bottom button{color:#6b7684;white-space:nowrap;background:0 0;align-items:center;gap:5px;font-size:9px;display:flex}.lower-grid{align-items:start}.text-link{color:#859180;white-space:nowrap;background:0 0;align-items:center;gap:4px;font-size:9px;display:flex}.chart-scroll{margin:18px 24px 0;overflow-x:auto}.generation-chart{justify-content:space-between;align-items:end;gap:10px;min-width:100%;min-height:178px;padding:0 6px 9px;display:flex}.generation-column{text-align:center;flex:1;min-width:22px}.bar-space{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:157px;display:flex}.bar-space>span{color:#a0a9b4;font-size:8px}.generation-bar{background:#d6ebe4;border-radius:5px 5px 1px 1px;width:70%;min-width:12px;max-width:45px;transition:height .25s}.generation-bar:hover{background:#75b7a4}.generation-bar.latest{background:#5fa88e}.generation-column small{color:#969fa9;white-space:nowrap;margin-top:10px;font-size:8px;display:block}.chart-caption{color:#9ba4af;border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:10px;padding:16px 24px;font-size:9px;display:flex}.activity-list{padding:9px 24px 3px}.activity-item{align-items:start;gap:10px;padding:13px 0;display:flex;position:relative}.activity-item:not(:last-child):after{content:"";background:#edf0f2;width:1px;position:absolute;top:46px;bottom:-6px;left:15px}.activity-icon{border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.activity-item>div:nth-child(2){flex:1;min-width:0}.activity-item strong{font-size:10px;font-weight:600;line-height:1.5;display:block}.activity-item p{color:#8e98a5;margin-top:3px;font-size:9px;line-height:1.5}.activity-item small{color:#adb4bc;margin-top:5px;font-size:8px;display:block}.activity-state{color:#b1a17f;background:#faf6ed;border-radius:50%;place-items:center;margin-top:3px;padding:3px;display:grid}.activity-state.complete{color:#74a68c;background:#eef7f2}.activity-all{border-top:1px solid var(--line);color:#8b98a6;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:15px 24px;font-size:10px;display:flex}.page-footer{color:#a8b0bb;justify-content:space-between;gap:14px;margin:27px 0 6px;font-size:9px;display:flex}.page-footer>span:first-child{align-items:center;gap:5px;display:flex}.records-heading{justify-content:space-between;align-items:center;padding:23px 24px 20px;display:flex}.records-heading p{color:#98a0ac;margin-top:7px;font-size:10px}.subtle-label{color:#8d98a5;align-items:center;gap:5px;font-size:9px;display:flex}.filters{flex-wrap:wrap;gap:9px;padding:0 24px 20px;display:flex}.search-field{color:#99a3af;border:1px solid #e4e8ed;border-radius:7px;flex:1;align-items:center;gap:9px;min-width:220px;padding:9px 12px;display:flex}.search-field input{color:#354151;background:0 0;border:0;width:100%;min-width:0;font-size:11px}.search-field input:focus{outline:0}.search-field:focus-within{outline:2px solid #c8dcd5}.search-field input::placeholder{color:#a4acb6}.search-field button{color:#a4acb6;background:0 0;padding:0}.filter-select{color:#8c96a3;border:1px solid #e4e8ed;border-radius:7px;align-items:center;gap:8px;padding:9px 10px;display:flex}.filter-select select{color:#73808e;background:0 0;border:0;max-width:170px;font-size:10px}.review-filter{font-size:10px}.review-filter.selected{color:#967c44;background:#fff7e7;border-color:#e8d4a5}.table-wrap{width:100%;min-height:240px;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead{background:#f9fafb}th{color:#939eab;border-bottom:1px solid var(--line);padding:13px 19px;font-size:9px;font-weight:500}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}td{color:#667384;border-bottom:1px solid #f0f2f5;padding:17px 19px;font-size:10px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfd}.person-cell{align-items:center;gap:10px;display:flex}.person-avatar{color:#809486;background:#edf2ee;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:9px;font-weight:600;display:grid}.person-cell strong{color:#45515f;font-size:11px;font-weight:500;display:block}.person-cell small{color:#9aa4b0;margin-top:4px;font-size:9px;display:block}.badge{white-space:nowrap;text-transform:capitalize;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:500;display:inline-flex}.badge>span{background:currentColor;border-radius:50%;width:4px;height:4px;display:inline-block}.badge.green{color:#5c9680;background:#eff8f3}.badge.amber{color:#b39352;background:#fff8ea}.badge.red{color:#bc7c7c;background:#fbf0f0}.badge.neutral{color:#8d97a6;background:#f1f3f6}.generation-tag{color:#8b97a6;background:#f2f4f7;border-radius:4px;padding:5px 7px;font-size:9px;display:inline-block}.date-cell{flex-direction:column;gap:4px;font-size:10px;display:flex}.date-cell small{color:#a3acb7;font-size:8px}.date-cell.unconfirmed>span{color:#b39b71}.cell-plan{text-overflow:ellipsis;max-width:200px;font-size:10px;display:block;overflow:hidden}.view-button{padding:5px}.stacked-cell{flex-direction:column;gap:5px;max-width:250px;display:flex}.stacked-cell strong{color:#586574;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.stacked-cell small{color:#9aa4b0;text-overflow:ellipsis;font-size:8px;overflow:hidden}.money-cell{font-variant-numeric:tabular-nums;font-weight:500}.note-cell{white-space:normal;min-width:170px;max-width:270px;line-height:1.7}.origin-tag{color:#8d96a1;font-size:9px}.inline-error{white-space:normal;color:#b18a79;max-width:220px;margin-top:7px;font-size:9px;line-height:1.5;display:block}.pagination{border-top:1px solid var(--line);color:#98a1ad;justify-content:space-between;align-items:center;padding:16px 24px;font-size:9px;display:flex}.pagination>div{align-items:center;gap:10px;display:flex}.pagination button{color:#8e99a8;background:#fff;border:1px solid #e9edf1;border-radius:5px;place-items:center;padding:5px;display:grid}.pagination>div>span{margin-right:5px}.loading-state,.empty-state{color:#91a099;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:250px;padding:35px;display:flex}.loading-state span{font-size:11px}.empty-state h3{color:#566271;font-size:15px}.empty-state p{color:#9ca5b1;font-size:11px}.empty-small{color:#9aa4af;padding:15px 0;font-size:11px;line-height:1.8}.error-banner,.info-banner{border-radius:7px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:11px;line-height:1.7;display:flex}.error-banner{color:#a36f6f;background:#fbf0f0;border:1px solid #f0dede}.error-banner button{color:#997272;background:0 0;margin-left:auto;text-decoration:underline}.info-banner{color:#798c9b;background:#eff5f8;border:1px solid #e0eaf0}.pending-page{border:1px solid var(--line);text-align:center;background:#fff;border-radius:12px;flex-direction:column;align-items:center;min-height:440px;padding:60px 35px;display:flex}.pending-icon{color:#baa370;background:#f9f6ee;border-radius:18px;margin-bottom:21px;padding:20px}.pending-page h2{margin:20px 0 15px;font-size:22px}.pending-page p{color:#929caa;max-width:490px;margin-bottom:26px;font-size:12px;line-height:1.9}dialog{color:#354050;border:1px solid #e7ebef;border-radius:15px;padding:0;box-shadow:0 30px 100px #18243238}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141d2b70}.login-modal{width:410px;max-width:calc(100% - 32px);padding:35px}.modal-close{position:absolute;top:14px;right:14px}.login-logo{color:#c7a454;background:#faf5e9;border-radius:12px;place-items:center;width:53px;height:53px;margin-bottom:24px;display:grid}.login-modal h2{font-size:21px;font-weight:800}.login-modal>p{color:#8d97a4;margin-top:10px;margin-bottom:27px;font-size:12px;line-height:1.8}.login-modal form label{margin-bottom:17px;font-size:11px;font-weight:500;display:block}.input-with-icon{color:#9ca5af;border:1px solid #e2e7eb;border-radius:7px;align-items:center;gap:9px;margin-top:9px;padding:11px;display:flex}.input-with-icon input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.input-with-icon:focus-within{outline:2px solid #ebcb8a}.login-notice{color:#8d7958;background:#fbf6ec;border-radius:7px;margin:15px 0;padding:12px 14px;font-size:11px;line-height:1.8}.full{width:100%;padding:12px}.text-button{color:#8c98a2;text-underline-offset:3px;background:0 0;margin:18px auto 0;font-size:11px;text-decoration:underline;display:block}.login-footnote{text-align:center;color:#9ba5b2;border-top:1px solid #edf0f2;justify-content:center;align-items:center;gap:5px;margin-top:24px;padding-top:21px;font-size:9px;display:flex}.detail-modal{width:650px;max-width:calc(100% - 28px);max-height:90vh;overflow:auto}.member-detail{padding:35px}.member-detail h2{margin-top:12px;font-size:23px}.member-email{color:#8e99a8;margin-top:7px;font-size:12px}.detail-tags{flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;display:flex}.detail-date-grid{background:#f8fafb;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 20px;padding:17px;display:grid}.detail-date-grid small{color:#99a2af;font-size:9px;display:block}.detail-date-grid strong{margin-top:9px;font-size:11px;font-weight:500;display:block}.member-detail h3{margin-top:25px;margin-bottom:12px;font-size:12px;font-weight:800}.member-notes{white-space:pre-wrap;overflow-wrap:anywhere;color:#8a95a3;border:1px solid #edf0f3;border-radius:7px;max-height:220px;padding:14px;font-size:11px;line-height:1.9;overflow:auto}.detail-payment-list>div{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:start;gap:12px;padding:14px 0;display:flex}.detail-payment-list strong{font-size:11px;font-weight:500;display:block}.detail-payment-list small{color:#9aa3b0;margin-top:6px;font-size:9px;display:block}.detail-payment-list>div>div:last-child{text-align:right;white-space:nowrap}.detail-payment-list .badge{margin-top:6px}.detail-history>div{color:#94a496;gap:10px;padding:13px 0;display:flex}.detail-history strong{color:#687584;font-size:11px;font-weight:500;display:block}.detail-history p{color:#8d99a7;margin-top:4px;font-size:10px}.detail-history small{color:#a9b1bc;margin-top:5px;font-size:9px;display:block}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-overlay{display:none}@media (width>=1450px){main{padding-top:30px}.stat-card{padding:23px}.plans-body{gap:40px;padding:30px}.donut{flex-basis:175px;width:175px;height:175px}.quality-metric{padding-top:35px}.quality-explanation{padding-top:22px;padding-bottom:25px}}@media (width<=1150px){.sidebar{width:215px;padding-left:16px;padding-right:16px}.main-shell{margin-left:215px}.topbar{padding:0 24px}main{padding:23px 24px}.stat-grid{gap:11px}.stat-card{padding:17px 13px}.stat-top{font-size:9px}.stat-caption{font-size:8px}.overview-grid{grid-template-columns:1.25fr 1fr;gap:17px}.plans-body{gap:16px;padding:24px 20px}.donut{flex-basis:130px;width:130px;height:130px}.plan-legend>div{grid-template-columns:1fr auto;gap:8px;font-size:9px}.plan-legend small{display:none}.quality-bottom{padding:14px 18px}.card-heading{padding:21px 20px 0}.quality-metric{padding-left:20px;padding-right:20px}.quality-explanation{padding:15px 20px}.quality-track{margin:0 20px}.lower-grid{grid-template-columns:1.25fr 1fr}.activity-list{padding-left:20px;padding-right:20px}.generation-chart{gap:7px}h1{font-size:24px}.page-heading p{font-size:11px}.community-select{padding:10px}.community-select select{font-size:10px}.text-link{font-size:8px}}@media (width<=900px){.sidebar{width:190px}.main-shell{margin-left:190px}.brand{padding-left:5px;font-size:21px}.brand-symbol svg{width:27px}.community-card{gap:7px}.community-card small{font-size:8px}.community-icon{width:28px}.sidebar nav button{padding:12px;font-size:11px}.read-only{gap:6px;padding:12px 7px}.read-only strong{font-size:9px}.overview-grid,.lower-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-top{font-size:10px}.stat-caption{font-size:9px}.plans-body{justify-content:center;gap:40px}.donut{flex-basis:157px;width:157px;height:157px}.plan-legend{max-width:280px}.plan-legend>div{grid-template-columns:1fr auto 30px;font-size:11px}.plan-legend small{display:block}.quality-explanation{max-width:100%}.generation-chart{min-width:450px}.page-heading{align-items:start}.page-heading h1{font-size:23px}.community-select{gap:5px;max-width:180px}.community-select select{max-width:120px}.community-select>svg:first-child,.breadcrumb>span{display:none}.topbar-actions{gap:9px}.demo-banner{flex-wrap:wrap;font-size:10px}.demo-banner button{margin-left:26px}.page-footer{font-size:8px}.stat-icon{width:31px;height:31px}.sidebar-bottom{padding-top:20px}}@media (width<=650px){.sidebar{width:244px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:29;background:#121c2c60;display:block;position:fixed;inset:0}.main-shell{margin-left:0}.topbar{gap:9px;height:62px;padding:0 16px}.mobile-menu{display:flex}.breadcrumb{gap:7px}.breadcrumb>svg{display:none}.topbar-actions{gap:5px}.connection-chip{font-size:8px}.login-button{gap:5px;padding:7px 8px;font-size:9px}.login-button svg{width:13px}.refresh{padding:5px}.refresh svg{width:14px}main{padding:18px 16px}.demo-banner{gap:7px;margin-bottom:23px;padding:10px;font-size:9px}.demo-banner>span{flex:1}.demo-banner button{margin-left:23px}.page-heading{margin-bottom:22px;display:block}.page-heading h1{font-size:23px}.page-heading p{font-size:10px;line-height:1.7}.community-select{max-width:100%;margin-top:16px;padding:9px 12px;display:inline-flex}.community-select select{max-width:230px;font-size:10px}.community-select>svg:first-child{display:inline}.stat-grid{gap:10px;margin-bottom:18px}.stat-card{padding:16px 12px}.stat-top{gap:3px;font-size:9px}.stat-icon{border-radius:7px;width:27px;height:27px}.stat-icon svg{width:16px}.stat-value{margin-top:10px;font-size:27px}.stat-caption{gap:4px;font-size:8px;line-height:1.5}.overview-grid{gap:18px;margin-bottom:18px}.plans-body{gap:19px;padding:24px 19px}.donut{flex-basis:130px;width:130px;height:130px}.donut-center strong{font-size:23px}.plan-legend>div{grid-template-columns:1fr auto;gap:6px;font-size:9px}.plan-legend small{display:none}.card-heading h2{font-size:15px}.card-heading p,.quality-bottom{font-size:9px}.page-footer{flex-direction:column;gap:7px;font-size:8px}.records-heading{padding:20px 17px}.filters{padding:0 17px 18px}.search-field{min-width:100%;padding:10px}.filter-select{flex:1;min-width:130px}.filter-select select,.review-filter{width:100%}th:first-child,td:first-child{padding-left:17px}.pagination{padding:15px 17px}.note-cell{font-size:9px}.info-banner{font-size:10px}.detail-modal{max-width:calc(100% - 20px)}.member-detail{padding:30px 22px}.detail-date-grid{grid-template-columns:1fr;gap:18px;padding:16px}.detail-date-grid div{justify-content:space-between;gap:10px;display:flex}.detail-date-grid strong{margin-top:0}.login-modal{padding:30px 25px}.detail-payment-list strong{font-size:10px}.detail-payment-list small{font-size:8px}.pending-page{padding:50px 24px}.pending-page h2{font-size:20px}.pending-page p{font-size:11px}.chart-caption{font-size:8px}.person-cell strong{font-size:10px}td{padding-top:15px;padding-bottom:15px}.subtle-label{font-size:8px}}.card{min-width:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}