:root{--color-primary: #007354;--color-primary-hover: #005c43;--color-primary-light: #e6f2ee;--color-secondary: #5EA632;--color-secondary-hover:#4d8a29;--color-accent: #C0C411;--color-accent-hover: #a3a70e;--color-sidebar-bg: #0f2620;--color-sidebar-active: #007354;--color-bg: #f4f6f5;--color-surface: #ffffff;--color-surface-2: #f9fbfa;--color-border: #e2e8e5;--color-text: #1a2e28;--color-text-muted: #6b7c77;--color-text-light: #9aaba6;--color-error: #dc2626;--color-error-light: #fef2f2;--color-success: #5EA632;--color-warning: #C0C411;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.08), 0 4px 6px rgba(0,0,0,.05);--shadow-xl: 0 20px 25px rgba(0,0,0,.1), 0 10px 10px rgba(0,0,0,.04);--transition: .15s ease;--transition-slow: .28s cubic-bezier(.4,0,.2,1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}img{display:block;max-width:100%}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:var(--color-surface-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-text-light);border:3px solid transparent;background-clip:content-box;border-radius:var(--radius-full);min-height:40px;min-width:40px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:auto;scrollbar-color:var(--color-text-light) transparent}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translateY(100%) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10%) scale(.95)}}.animate-fade-in{animation:fadeIn var(--transition-slow) both}.animate-fade-in-scale{animation:fadeInScale var(--transition-slow) both}.animate-slide-in-right{animation:slideInRight var(--transition-slow) both}.kpi-link{text-decoration:none;color:inherit;display:block}.kpi-link>*{transition:border-color .15s,box-shadow .15s,transform .15s}.kpi-link:hover>*{border-color:var(--kpi-color, var(--color-primary));box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kpi-link:focus-visible>*{outline:2px solid var(--kpi-color, var(--color-primary));outline-offset:2px}.app-shell{display:flex;min-height:100vh;background:var(--color-bg)}.app-body{flex:1;display:flex;flex-direction:column;min-width:0}.app-main{flex:1;padding:28px;animation:fadeIn .25s ease both;min-width:0}.app-sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:sticky;top:0;overflow-y:auto}.app-burger,.app-overlay{display:none}@media (max-width: 768px){.app-sidebar{position:fixed;top:0;left:0;height:100dvh;width:min(84vw,300px);z-index:1200;transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.app-sidebar.is-open{transform:translate(0)}.app-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0f262080;opacity:0;pointer-events:none;transition:opacity var(--transition-slow)}.app-overlay.is-open{opacity:1;pointer-events:auto}.app-burger{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin-left:-8px;margin-right:4px;border:none;background:none;border-radius:var(--radius);color:var(--color-text);flex-shrink:0}.app-burger:active{background:var(--color-surface-2)}.app-main{padding:12px}.app-topbar{padding:0 12px!important}.app-main *:not(table):not(table *){max-width:min(100%,calc(100vw - 24px))}.app-main *:has(table){max-width:min(100%,calc(100vw - 24px))!important}.app-main *:has(>table){overflow-x:auto!important;-webkit-overflow-scrolling:touch}.app-main table{min-width:max-content}.app-main *:has(>table)::-webkit-scrollbar{height:4px}.app-main [style*="display: flex"],.app-main [style*="display:flex"]{flex-wrap:wrap}.app-main *:not(table):not(table *){min-width:0}.app-main :is(input,select,textarea,button){max-width:100%}.app-main div[style*=min-width],.app-main select[style*=min-width],.app-main input[style*=min-width],.app-main label[style*=min-width]{min-width:0!important;flex-basis:100%!important}.app-main [style*=grid-template-columns]{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important}.app-main *:not(table):not(table *){overflow-wrap:break-word}input,select,textarea{font-size:16px!important}button,[role=button]{min-height:38px}td button,th button,.app-burger{min-height:0}.app-modal-backdrop{padding:8px!important;align-items:flex-end!important}.app-modal{max-height:calc(100dvh - 16px)!important}.app-modal-head{padding:14px 16px 12px!important}.app-modal-body{padding:14px 16px!important}.app-modal-foot{padding:12px 16px!important}.app-modal-foot{flex-wrap:wrap}.app-modal-foot>*{flex:1 1 auto}.app-main img{max-width:100%;height:auto}.app-main h1{font-size:20px}.app-main h2{font-size:17px}}@media (max-width: 360px){.app-main{padding:8px}}