:root{--xecar-green:#3eab36;--xecar-black:#1d1e1c;--bg-page:#f5f5f3;--border:#e2e1dc;--text-secondary:#6b6a65}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{overscroll-behavior:none;height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-page);color:var(--xecar-black)}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:14px}input,select{padding:0 10px;border:1px solid var(--border)}button,input,select{height:36px;border-radius:6px;background:#fff}button{padding:0 14px;border:1px solid var(--xecar-black);cursor:pointer;font-weight:500}button.primary{background:var(--xecar-green);border-color:var(--xecar-green);color:#fff}button:hover{opacity:.9}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px 18px}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:500;background:#fafaf8}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:6px}.badge-green{background:#eaf3de;color:#27500a}.badge-red{background:#fcebeb;color:#791f1f}.badge-gray{background:#f1efe8;color:#444441}.app-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:16px}.stat-card{border-left:3px solid var(--xecar-green);padding:10px 14px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-grid-4{grid-template-columns:repeat(4,1fr);grid-gap:10px}.form-grid-3,.form-grid-4{display:grid;gap:10px;margin-bottom:10px}.form-grid-3{grid-template-columns:repeat(3,1fr);grid-gap:10px}.report-filter-bar{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.report-filter-bar button{margin-top:0}.report-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:768px){.app-sidebar{width:100%!important;flex-direction:row!important;position:fixed;top:auto!important;bottom:0;left:0;right:0;z-index:20;border-top:1px solid #333;height:auto!important;padding:0 0 env(safe-area-inset-bottom)!important}.app-sidebar .sidebar-footer,.app-sidebar .sidebar-logo{display:none}.app-sidebar nav{display:flex!important;flex-direction:row!important;width:100%;padding:4px 6px!important;justify-content:space-around}.app-sidebar nav a{text-align:center}.app-sidebar nav a,.mobile-logout-tab{flex-direction:column;font-size:10px!important;gap:2px!important;padding:6px 4px!important;flex:1 1;justify-content:center}.mobile-logout-tab{display:flex!important;align-items:center;cursor:pointer}.app-main{padding:14px 12px 76px!important}.stat-grid{gap:8px}.form-grid-3,.form-grid-4,.stat-grid{grid-template-columns:1fr}.report-filter-bar{flex-direction:column;align-items:stretch}.report-filter-bar button,.report-filter-bar>div{width:100%}.report-grid{grid-template-columns:1fr}button,input,select{font-size:16px}.table-wrap table,.table-wrap tbody,.table-wrap td,.table-wrap th,.table-wrap thead,.table-wrap tr{display:block}.table-wrap thead{display:none}.table-wrap tr{border:1px solid var(--border);border-radius:8px;margin:10px;padding:4px 0}.table-wrap td{border:none;padding:6px 12px;display:flex;justify-content:space-between;gap:10px;font-size:13px;text-align:right}.table-wrap td[data-label]:before{content:attr(data-label);font-weight:500;color:var(--text-secondary);text-align:left;flex-shrink:0}.table-wrap td:empty{display:none}}