:root{--page-padding:clamp(16px, 4vw, 40px);--header-height:72px;--sidebar-width:280px;--sidebar-width-collapsed:80px;--border-radius-lg:24px;--border-radius-md:16px;--font-size-h1:clamp(24px, 5vw, 32px);--font-size-h2:clamp(20px, 4vw, 24px);--font-size-body:clamp(14px, 2vw, 15px);--font-size-sm:13px;--font-size-xs:11px;--bg:#f3f4f6;--text-primary:#111827;--text-muted:#6b7280;--border:#e5e7eb}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}html,body{background-color:var(--bg);height:100%;color:var(--text-primary);overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (width>=1024px){.sidebar-overlay{display:none}}@media (width<=1024px){.sidebar-container{z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);top:0;bottom:0;left:-280px;position:fixed!important}.sidebar-container.open{left:0!important}}.table-container{-webkit-overflow-scrolling:touch;border-radius:var(--border-radius-md);border:1px solid var(--border);background:#fff;width:100%;overflow-x:auto}.table-container table{border-collapse:collapse;width:100%;min-width:700px}.header-hamburger{cursor:pointer;color:#0f4c3a;background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:12px;transition:all .2s;display:none}@media (width<=1024px){.header-hamburger{display:flex}.desktop-hide{display:none!important}}@media (width>=1024px){.mobile-hide{display:flex!important}}.dashboard-frame-container{width:100%;height:calc(100vh - var(--header-height) - 40px);border-radius:var(--border-radius-lg);background:#fff;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}@media (width<=768px){.dashboard-frame-container{height:calc(100vh - var(--header-height) - 20px);border-radius:var(--border-radius-md)}}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}