:root{--color-bg-light: #f4f7f6;--color-bg-dark: #12181b;--color-primary: #2d6a4f;--color-primary-light: #40916c;--color-secondary: #081c15;--color-accent: #d4a373;--color-accent-hover: #faedcd;--color-text-main: #1b4332;--color-text-muted: #52796f;--color-white: #ffffff;--color-success: #2a9d8f;--color-warning: #e9c46a;--color-danger: #e76f51;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .5);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);--glass-blur: blur(12px);--radius-lg: 20px;--radius-md: 12px;--radius-sm: 8px;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Roboto,sans-serif;background-color:var(--color-bg-light);background:linear-gradient(135deg,#e8f5e9,#c8e6c9);background-attachment:fixed;color:var(--color-text-main);min-height:100vh;line-height:1.5;overflow-x:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-smooth)}.glass-panel:hover{box-shadow:0 12px 40px #1f268733;transform:translateY(-2px)}h1,h2,h3,h4{color:var(--color-secondary);font-weight:700;margin-bottom:1rem}h1{font-size:2.2rem;letter-spacing:-.5px}h2{font-size:1.5rem;color:var(--color-primary)}.text-muted{color:var(--color-text-muted);font-size:.9rem}.form-group{margin-bottom:1.25rem;display:flex;flex-direction:column}label{font-weight:600;font-size:.85rem;margin-bottom:.5rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}input,select{font-family:inherit;padding:.8rem 1rem;border-radius:var(--radius-md);border:2px solid transparent;background-color:#ffffffe6;color:var(--color-text-main);font-size:1rem;transition:var(--transition-smooth);box-shadow:0 2px 5px #0000000d inset;outline:none}input:focus,select:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px #40916c33;background-color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;font-size:1rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-smooth);line-height:1}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);box-shadow:0 4px 15px #2d6a4f4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2d6a4f66}.btn-primary:active{transform:translateY(0)}.app-container{display:flex;min-height:100vh;padding:1.5rem;gap:1.5rem;max-width:1600px;margin:0 auto}.sidebar{flex:0 0 320px;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:1.5rem;height:calc(100vh - 3rem);overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#2d6a4f33;border-radius:10px}ToastViewport{--viewport-padding: 25px;position:fixed;bottom:0;right:0;display:flex;flex-direction:column;padding:var(--viewport-padding);gap:10px;width:390px;max-width:100vw;margin:0;list-style:none;z-index:2147483647;outline:none}.connection-tracker{position:fixed;top:15px;right:15px;z-index:1000;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;box-shadow:0 4px 6px #0000001a;color:#fff;transition:all .3s ease}.connection-tracker.online{background-color:var(--color-primary)}.connection-tracker.offline{background-color:#d32f2f}.connection-tracker.syncing{background-color:var(--color-secondary)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{flex:1;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.top-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.kpi-card{display:flex;flex-direction:column;align-items:flex-start;padding:1.5rem}.kpi-value{font-size:2.5rem;font-weight:800;color:var(--color-primary);line-height:1.1;margin:.5rem 0}.kpi-label{font-size:.9rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase}.kpi-icon{font-size:2rem;color:var(--color-accent);margin-bottom:.5rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:1.5rem;flex:1}.chart-wrapper{height:350px;width:100%}@media(max-width:1024px){.app-container{flex-direction:column}.sidebar{flex:none;height:auto;position:static}.charts-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .5s ease-out forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media(max-width:768px){.mobile-flex-col{flex-direction:column!important}.mobile-flex-col-reverse{flex-direction:column-reverse!important}.mobile-grid-1{grid-template-columns:1fr!important}.mobile-w-full{width:100%!important;min-width:0!important;max-width:100%!important}.mobile-h-auto{height:auto!important}.mobile-p-1{padding:1rem!important}.mobile-p-sm{padding:.5rem!important}.mobile-py-1{padding-top:1rem!important;padding-bottom:1rem!important}.mobile-px-1{padding-left:1rem!important;padding-right:1rem!important}.mobile-m-0{margin:0!important}.mobile-mb-1{margin-bottom:1rem!important}.mobile-mt-1{margin-top:1rem!important}.mobile-text-center{text-align:center!important}.mobile-text-sm{font-size:.85rem!important}.mobile-text-xs{font-size:.75rem!important}.mobile-hide{display:none!important}.mobile-btn-full{width:100%!important;justify-content:center!important}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}