@media(min-width:1600px){main{padding-inline:45px}
.finance-metrics{gap:45px}
.secondary-metrics{gap:45px}
.chart{height:142px}
.bars{height:121px}
.chart-tooltip{bottom:122px}
.overview-top{grid-template-columns:1.9fr 1fr}
.metric-label{font-size:12px}
.main-number{font-size:50px}
.secondary-metrics strong{font-size:29px}
.project-table td{padding-block:16px}
.project-identity b,.owner,.project-table td{font-size:12px}
}

@media(max-width:1200px){.sidebar{width:190px}
.app-main{margin-left:190px}
.brand{font-size:28px}
.brand-sub{font-size:8px;margin-left:6px}
.workspace{font-size:10px}
.topbar{padding-inline:25px}
main{padding:26px 25px 0}
.overview-top{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:16px}
.collections{padding-inline:17px}
.main-number{font-size:38px}
.secondary-metrics{gap:17px}
.metric-link>strong{font-size:21px}
.metric-link>small{font-size:8px}
.finance-metrics{gap:16px}
.comparison{font-size:9px}
.chart-header{margin-top:25px}
.attention{padding-inline:15px}
.attention-footer{margin-inline:-15px;padding-inline:15px}
.overview-table .progress-track{width:65px}
.project-table th,.project-table td{padding-inline:9px}
.full-projects .project-table{min-width:900px}
.section-actions{gap:12px}
.workload-row{gap:10px}
.workload-row .owner{width:112px}
.team-preview,.activity{padding:17px}
.load-label{width:65px}
.toast{left:calc(50% + 95px)}
}

@media(max-width:1000px){.sidebar{width:178px;padding-inline:14px}
.app-main{margin-left:178px}
.brand{margin-left:9px;font-size:26px}
.brand-sub{letter-spacing:1px}
.sidebar nav a.active:before{left:14px}
.overview-top{grid-template-columns:1fr}
.collections{padding:20px 22px 0}
.attention{padding:20px}
.attention .panel-heading{margin-bottom:8px}
.attention-row{padding:14px 0}
.attention-footer{display:none}
.finance-metrics{justify-content:flex-start;gap:55px}
.secondary-metrics{gap:35px}
.main-number{font-size:44px}
.chart{height:135px}
.bars{height:114px}
.overview-bottom{grid-template-columns:1fr}
.project-table{min-width:700px}
.workload-row.full .owner{width:180px}
.workload-row.full .project-total{display:none}
.page-heading h1{font-size:25px}
.date-control .button{padding-inline:10px}
.heading-actions{gap:6px}
.date-control .button>span:first-child{display:none}
.project-tabs{gap:20px}
.page-heading{align-items:flex-start}
.page-heading p{max-width:300px;line-height:1.7}
.top-actions .connection{display:none}
.top-divider{display:none}
.toast{left:calc(50% + 89px)}
}

@media(max-width:740px){.sidebar{width:64px;padding:25px 9px 16px;align-items:center}
.brand{font-size:28px;margin:0 0 40px;width:28px;overflow:hidden;letter-spacing:0;flex:none}
.brand-dot,.brand-sub,.workspace,.nav-label{display:none}
.sidebar nav{width:100%}
.sidebar nav a{width:44px;height:44px;padding:0;justify-content:center;gap:0}
.sidebar nav a>span:not(:first-child){display:none}
.sidebar nav a.active:before{left:9px;height:16px}
.sidebar-bottom{width:100%}
.settings-nav{padding:0;width:44px;height:44px;justify-content:center;font-size:0;gap:0}
.sidebar-divider{margin:15px 0}
.profile{padding:0;justify-content:center}
.profile>span{display:none}
.profile>span:last-child{display:none}
.app-main{margin-left:64px}
.topbar{padding-inline:18px;height:55px}
.breadcrumbs{gap:12px;font-size:10px}
.breadcrumbs>span:first-child,.breadcrumb-divider{display:none}
.top-actions{gap:0}
main{padding:22px 17px 0}
.page-heading{flex-direction:column;gap:17px;margin-bottom:22px}
.page-heading h1{font-size:26px}
.page-heading p{font-size:11px;max-width:none}
.heading-actions{width:100%;justify-content:space-between}
.finance-metrics{gap:20px;display:block}
.main-number{font-size:40px}
.comparison{font-size:9px}
.secondary-metrics{margin-top:18px;padding-top:14px;border-top:1px solid #eeeef2;justify-content:space-between;gap:15px}
.metric-link>strong{font-size:22px;margin-top:5px}
.metric-link>small{font-size:9px}
.metric-label{font-size:10px}
.collections{padding:17px 17px 0}
.chart-header{margin-top:23px}
.chart-header>div{gap:8px}
.chart-header>span{font-size:9px}
.chart-header>div{font-size:8px}
.chart{height:115px;gap:5px}
.bars{height:96px;gap:3px}
.bar{width:13px}
.chart-y{width:25px;font-size:8px}
.week-label{font-size:8px}
.bar-groups{gap:4px}
.collection-footer{font-size:8px}
.attention h2{font-size:14px}
.section-heading{align-items:flex-start;flex-direction:column;gap:12px}
.section-actions{width:100%;justify-content:space-between}
.section-heading h2{font-size:17px}
.text-button{font-size:10px}
.segmented button{min-width:63px;font-size:9px}
.segmented{height:29px}
.segment-track{height:23px}
.table-wrap{border-radius:9px}
.project-table{min-width:680px}
.project-table th:first-child,.project-table td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 #eeeef1}
.project-table th:first-child{background:#fdfdfe}
.project-table th:first-child,.project-table td:first-child{padding-left:13px}
.project-identity{gap:8px}
.project-identity b{font-size:10px}
.project-identity small{font-size:9px;max-width:160px}
.project-mark{width:28px;height:28px;border-radius:6px}
.project-mark svg{width:15px;height:15px}
.overview-bottom{gap:17px;margin-top:17px}
.team-preview,.activity{padding:17px}
.team-preview .panel-heading,.activity .panel-heading{gap:5px}
.team-preview h2,.activity h2{font-size:13px}
.workload-row .owner{width:105px;font-size:9px}
.workload-row{gap:10px}
.workload-row .load-label{display:none}
.activity-desc b{font-size:9px}
.activity-desc small{font-size:8px}
.activity-amount b{font-size:10px}
.activity-amount small{font-size:8px}
.activity-row{gap:8px}
.activity-icon{width:25px;height:25px}
.project-tabs{gap:18px;overflow-x:auto;white-space:nowrap;margin-bottom:17px}
.project-tabs button{font-size:10px;padding-bottom:12px}
.list-toolbar{flex-direction:column;align-items:stretch;gap:12px}
.search-field{min-width:0;max-width:none;flex:none}
.toolbar-right{justify-content:space-between}
.select-wrap{width:135px}
.toolbar-right .button{font-size:10px}
.full-projects .project-table{min-width:900px}
.full-projects .project-identity small{max-width:145px}
.full-projects .project-identity b{font-size:10px}
.project-summary{font-size:10px;align-items:flex-start}
.project-summary .live-dot{margin-top:6px}
.page-footer{font-size:8px;gap:10px}
.invoice-summary{gap:25px;padding-bottom:25px;justify-content:space-between}
.invoice-summary strong{font-size:23px}
.invoice-summary span{font-size:9px}
.invoice-table{min-width:640px}
.invoice-table th,.invoice-table td{padding-inline:15px}
.team-overview{gap:23px}
.team-overview b{font-size:25px}
.team-overview span{font-size:9px}
.team-list{padding:16px}
.team-list .panel-heading{align-items:flex-start;flex-direction:column;gap:6px}
.team-list .subtle{font-size:9px}
.workload-row.full{gap:12px;padding-block:15px}
.workload-row.full .owner{width:140px;font-size:10px;flex-shrink:1}
.workload-row.full .owner img{display:none}
.workload-row.full .owner small{font-size:9px}
.workload-row.full .load-label{display:none}
.workload-row.full .workload-track{width:70px;flex-shrink:0}
.workload-row.full>b{font-size:10px;white-space:nowrap;font-weight:500}
.settings-tabs{align-items:flex-start;flex-direction:column;gap:14px}
.settings-user{font-size:9px}
.preferences{padding:18px}
.settings-section-title>span{display:none}
.settings-section-title h2{font-size:14px}
.settings-section-title p{font-size:10px}
.preference-row{gap:20px}
.preference-row b{font-size:11px}
.preference-row small{font-size:10px;line-height:1.8}
.email-setting input{font-size:11px}
.preferences-footer{flex-wrap:wrap;gap:12px}
.connection-panel{align-items:flex-start;flex-direction:column;padding:20px;gap:15px}
.connection-panel p{font-size:10px}
.drawer-header{padding:22px}
.drawer-header h2{font-size:22px}
.drawer-body{padding:23px 20px}
.drawer-footer{padding:15px 20px}
.line-labels,.line-item{grid-template-columns:minmax(80px,1fr) 35px 63px 68px 22px;gap:5px}
.line-item input{font-size:10px;padding-inline:5px}
.line-amount{font-size:10px}
.line-labels{font-size:8px}
.form-two{gap:12px}
.static-field{font-size:10px}
.field input,.field textarea{font-size:16px}
.line-item input{font-size:12px}
.invoice-paper{padding:22px 18px}
.invoice-address h3{font-size:11px}
.invoice-address p{font-size:9px}
.invoice-preview-total b{font-size:20px}
.invoice-address{gap:15px}
.toast{left:calc(50% + 32px);font-size:10px;max-width:calc(100% - 90px);white-space:normal;min-width:260px;bottom:15px}
.toast>button{margin-left:0}
.invoice-delivery{font-size:9px}
.detail-grid{gap:25px 10px}
.detail-grid b{font-size:11px}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}