.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none}.mobile-nav-backdrop[hidden]{display:none!important}
@media(max-width:800px){
 body.mobile-nav-open{overflow:hidden}
 .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(300px,82vw)!important;height:100vh!important;height:100dvh!important;max-height:none!important;padding:24px 16px!important;display:flex!important;flex-direction:column!important;gap:0!important;transform:translateX(-105%)!important;visibility:hidden;pointer-events:none;z-index:1001!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-shadow:12px 0 40px #10283f30}
 .sidebar.open{transform:translateX(0)!important;visibility:visible;pointer-events:auto}
 .sidebar::after,.sidebar::before{display:none!important}
 .sidebar nav{display:block!important;flex-wrap:nowrap!important;gap:0!important}
 .sidebar .nav{display:flex!important;align-items:center;width:100%;margin:3px 0!important;padding:12px 14px!important;font-size:14px;min-height:44px;white-space:normal}
 .sidebar .nav-link{min-height:44px;font-size:13px}
 .sidebar .logo,.sidebar .brand-logo{display:block!important;max-width:170px;object-fit:contain;margin-bottom:18px}
 .sidebar .brand{margin-top:10px}.sidebar .sidefoot,.sidebar .sidebar-bottom{display:block!important}
 .sidebar small{display:block!important}.sidebar .brand+small{margin:0 10px 22px!important}
 .mobile-nav-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;font-size:26px;line-height:1;background:#ffffff15;color:#fff;border:1px solid #ffffff35;border-radius:8px;z-index:2}
 .mobile-nav-toggle,[data-mobile-toggle]{display:inline-grid!important;place-items:center;width:38px;min-width:38px;height:38px;padding:0!important;background:#edf3fa;color:#21456b;font-size:22px;border:1px solid #cfdfef;border-radius:8px;flex-shrink:0}
 .mobile-nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100vh;height:100dvh;padding:0;margin:0;border:0;border-radius:0;background:#10283f66;z-index:1000;cursor:pointer}
 .main{margin-left:0!important;min-width:0!important;width:100%}.layout{display:block!important}.workspace{width:100%;min-width:0}
 .main>header{display:grid;grid-template-columns:38px minmax(0,1fr);padding:13px 16px;gap:10px;align-items:center}
 .main>header>div:first-of-type{min-width:0}.main>header strong{font-size:13px;line-height:1.45;display:block}.main>header small{font-size:10px;line-height:1.5}
 .main>header>div:last-of-type{grid-column:2;display:flex;align-items:center;gap:12px;white-space:normal!important}
 .main>header>div:last-of-type a{font-size:12px;margin:0}.main>header>div:last-of-type button{font-size:12px;padding:8px 12px}
 .main .content{padding:24px 16px!important;width:100%;min-width:0}.main .heading{align-items:flex-start;flex-wrap:wrap;gap:14px;margin-bottom:22px}.main .heading h1{font-size:28px}.main .heading>div:first-child{min-width:0;flex:1 1 100%}
 .main .actionbar{width:100%;gap:9px}.main .actionbar button{min-height:42px;padding:10px 14px;font-size:13px}.main .hero{flex-wrap:wrap;padding:20px!important;gap:16px}.main .hero>div{min-width:0;max-width:100%}.main .hero h2{font-size:23px;line-height:1.35}.main .hero p{font-size:14px}.main .hero .toothmark{display:none}.main .quickactions{gap:8px}.main .quickactions button{font-size:12px}
 .main .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}.main .card{padding:16px;min-width:0}.main .card strong{font-size:27px}.main .card small{font-size:11px}.main .grid{grid-template-columns:minmax(0,1fr)!important;gap:15px}.main .panel{padding:17px;min-width:0}.main .paneltop{flex-wrap:wrap}.main .formgrid{grid-template-columns:1fr}.main .balance{font-size:17px;white-space:normal}.main .filters{flex-wrap:wrap}.main .filters label{min-width:0;flex:1 1 100%}.main .filters input,.main .filters select{max-width:100%;min-width:0}
 dialog{max-height:calc(100dvh - 30px);overflow-y:auto;overscroll-behavior:contain;padding:20px}.tablewrap{max-width:100%;overflow-x:auto}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none!important}}
@media(max-width:800px){.sidebar{flex-wrap:nowrap!important;align-items:stretch!important}.sidebar>*{flex-shrink:0!important}.sidebar nav{width:100%!important}.sidebar .nav span{display:inline-block!important}.sidebar .nav{width:100%!important}}