.app-shell{display:flex;min-height:100vh;min-height:100dvh}.app-main{flex:1;padding:24px;overflow:auto;min-width:0}.sidebar{width:220px;flex-shrink:0;background:#1e293b;display:flex;flex-direction:column;padding:16px;gap:8px}.mobile-topbar,.sidebar-overlay,.hamburger-btn,.sidebar-close-btn{display:none}@media (max-width: 860px){.app-shell{display:block}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#1e293b;padding:10px 14px}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;border:none;background:#ffffff14;color:#fff;cursor:pointer;font-size:18px;flex-shrink:0}.sidebar-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:#ffffff14;color:#fff;cursor:pointer;font-size:16px;margin-left:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:260px;max-width:82vw;transform:translate(-100%);transition:transform .22s ease;box-shadow:4px 0 24px #00000040;overflow-y:auto}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.app-main{padding:16px}}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}@media (max-width: 700px){.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 420px){.stat-grid{grid-template-columns:1fr}}.dashboard-columns{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}@media (max-width: 900px){.dashboard-columns{grid-template-columns:1fr}}@media (max-width: 680px){.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table{border:none}.data-table tr{margin-bottom:10px;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;background:#fff;box-shadow:0 1px 3px #0000000d}.data-table tr:last-child{margin-bottom:0}.data-table td{padding:6px 0!important;border:none!important;text-align:left!important;white-space:normal!important;max-width:none!important}.data-table td:before{content:attr(data-label);display:block;font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}.data-table td:empty{display:none}.data-table td.no-label:before{display:none}.data-table .col-mobile-hide{display:none!important}}.calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-grid-2,.form-grid-3{display:grid;gap:14px}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 480px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}}@media (max-width: 480px){.modal-box{padding:18px!important}}