:root{--primary:#334558;--secondary:#3e6a00;--secondary-growth:#8bc34a;--surface:#f8f9fa;--surface-container:#edeeef;--surface-lowest:#fff;--text-main:#191c1d;--text-muted:#43474c;--outline-variant:#c4c7cc26;--shadow-ambient:0 12px 32px #4a5d7014;--font-headline:"Manrope", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--surface);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,.font-headline{font-family:var(--font-headline);color:var(--text-main);letter-spacing:-.02em;font-weight:700}.layer-0{background-color:var(--surface)}.layer-1{background-color:var(--surface-container)}.layer-2{background-color:var(--surface-lowest)}.glass-card,.card{background:var(--surface-lowest);box-shadow:var(--shadow-ambient);border:none;border-radius:1rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover,.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #4a5d701f}.btn{cursor:pointer;letter-spacing:.02em;text-transform:uppercase;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.75rem;padding:.875rem 2rem;font-size:.875rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(#3e6a00,#8bc34a);box-shadow:0 4px 12px #3e6a0033}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 24px #3e6a004d}.btn-secondary{background-color:var(--surface-container);color:var(--text-main)}.btn-secondary:hover{background-color:#e2e4e5}.sidebar{background:var(--surface-container);z-index:100;border:none;flex-direction:column;gap:3rem;width:280px;height:100vh;padding:3rem 1.5rem;display:flex;position:fixed;top:0;left:0}.main-content{min-height:100vh;margin-left:280px;padding:3rem}.nav-link{color:var(--text-muted);border-radius:.75rem;align-items:center;gap:1.25rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--primary);background:#3345580d}.nav-link.active{background:var(--surface-lowest);color:var(--secondary);box-shadow:var(--shadow-ambient)}.table-container{background:var(--surface-lowest);box-shadow:var(--shadow-ambient);border-radius:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th{background:var(--surface-container);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding:1.5rem;font-size:.7rem;font-weight:800}td{border-bottom:1px solid var(--surface);color:var(--text-main);padding:1.5rem;font-size:.9375rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--surface)}.input{border:1px solid var(--outline-variant);background:var(--surface-lowest);width:100%;color:var(--text-main);border-radius:.5rem;outline:none;padding:1rem 1.25rem;font-size:.9375rem;transition:all .2s}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #33455814}.glass-effect{-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff4d;background:#f8f9facc!important}.hero-gradient{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:#fff;border-radius:2rem;padding:4rem 3rem;box-shadow:0 24px 48px #33455833}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}