@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#20242d;-webkit-font-smoothing:antialiased;background:#f3f4f7;font-family:Inter,sans-serif;font-size:13px;line-height:1.4}#root{min-height:100vh;display:flex}.app-layout{width:100%;min-height:100vh;display:flex}.app-sidebar{z-index:200;flex-shrink:0;width:220px;min-width:220px;height:100vh;position:sticky;top:0}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-content{background:#f3f4f7;flex:1;padding:24px;overflow:auto}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.two-col-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.analytics-chart-grid{grid-template-columns:1fr 200px;gap:12px;display:grid}.kanban-board{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;display:grid}.client-detail-grid{grid-template-columns:240px 1fr;gap:12px;display:grid}.sidebar-backdrop{z-index:150;background:#0006;display:none;position:fixed;inset:0}.topbar-menu-btn{display:none}@media (width<=1024px){.kpi-grid,.kanban-board{grid-template-columns:repeat(2,1fr)}.analytics-chart-grid,.client-detail-grid{grid-template-columns:1fr}}@media (width<=768px){.app-sidebar{z-index:200;height:100vh;transition:left .25s;position:fixed;top:0;left:-220px}.app-sidebar.open{left:0}.sidebar-backdrop.open{display:block}.topbar-menu-btn{display:flex}.app-content{padding:14px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.two-col-grid,.settings-grid,.form-grid,.analytics-chart-grid,.client-detail-grid{grid-template-columns:1fr}.kanban-board{flex-wrap:nowrap;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-board>*{flex-shrink:0;min-width:240px}.page-header{flex-direction:column;gap:10px;align-items:flex-start!important}.page-header-actions{flex-wrap:wrap;width:100%}.booking-actions{flex-wrap:wrap}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr 1fr}}