@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--content-padding:clamp(16px, 2vw, 24px);--sidebar-w:260px;--header-h:64px}.is-dashboard{--header-h:56px;--content-padding:12px}@media (height<=800px){:root{--header-h:56px;--content-padding:16px}.is-dashboard{--header-h:48px;--content-padding:8px}}@media (width>=1600px) and (height>=900px){:root{--header-h:72px;--content-padding:32px;--sidebar-w:280px}.is-dashboard{--header-h:60px;--content-padding:16px}}@media (width>=2560px){:root{--header-h:80px;--content-padding:48px;--sidebar-w:300px}.is-dashboard{--header-h:64px;--content-padding:24px}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body,#root{color:#111827;background-color:#f3f4f6;width:100%;height:100%;font-family:Plus Jakarta Sans,system-ui,sans-serif;overflow: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}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.animate-fade{animation:.4s cubic-bezier(.4,0,.2,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden}.main-container{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.content-area{padding:var(--content-padding);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-wrapper{top:0;bottom:0;left:calc(-1 * var(--sidebar-w));width:var(--sidebar-w);z-index:1000;background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;box-shadow:20px 0 25px -5px #0000001a}.sidebar-wrapper.open{transform:translateX(var(--sidebar-w))}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;background:#0006;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}@media (width>=1024px){.sidebar-wrapper{box-shadow:none;border-right:1px solid #e5e7eb;position:static;left:0;transform:none!important}.sidebar-overlay{display:none}}.table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px;font-size:11px;font-weight:800}td{color:#111827;border-bottom:1px solid #e5e7eb;padding:16px 20px;font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.spinner{border:3px solid #e5e7eb;border-top-color:#0f4c3a;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}