*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#f5f5f5;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{min-height:100svh}.nav-bar{z-index:100;background:#fff;border-bottom:1px solid #e0e0e0;padding:0 32px;position:sticky;top:0}.nav-username{display:inline}.page-content{max-width:1300px;margin:0 auto;padding:32px}.kpi-grid{flex-wrap:wrap;gap:16px;margin-bottom:32px;display:flex}.kpi-grid>*{flex:1;min-width:140px}.toolbar-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.toolbar-search{flex:1;max-width:360px}.toolbar-add{margin-left:auto}.table-wrapper{display:block}.client-card-list{flex-direction:column;gap:12px;display:none}.client-card-item{cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex;box-shadow:0 1px 3px #00000014}.client-card-row{justify-content:space-between;align-items:center;display:flex}.client-card-url{color:#0078d4;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:12px;overflow:hidden}.client-card-meta{color:#666;gap:16px;font-size:12px;display:flex}@media (width<=768px){.nav-bar{padding:0 16px}.nav-username{display:none}.page-content{padding:16px}.kpi-grid{gap:10px}.kpi-grid>*{min-width:100px}.toolbar-row{flex-wrap:wrap}.toolbar-search{order:1;width:100%;max-width:100%}.toolbar-filter{flex:1;order:2}.toolbar-add{order:3;margin-left:0}.table-wrapper{display:none}.client-card-list{display:flex}}