:root{--primary-color:#088434;--primary-hover:#06692a}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;margin:0;padding:0}.main-content{transition:margin-left .3s ease,width .3s ease;min-height:100vh;padding:0;box-sizing:border-box;overflow-x:hidden}.main-content,.main-content.sidebar-open{margin-left:250px;width:calc(100% - 250px)}.main-content.sidebar-closed{margin-left:60px;width:calc(100% - 60px)}.container{min-height:100vh}.container,.content{width:100%;margin:0;padding:0}h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;color:#666}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:3rem}.card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.card h2{font-size:1.5rem;margin-bottom:1rem;color:#333}.card p{font-size:1rem;margin-bottom:0;color:#666}@media (max-width:768px){.main-content{margin-left:0!important;width:100%!important;padding:0}.container,.content{padding:0}h1{font-size:2rem}.card-grid{grid-template-columns:1fr;gap:1rem}}@media (min-width:769px) and (max-width:1024px){h1{font-size:2.2rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (min-width:1025px){.content{max-width:1400px}}.page-wrapper{width:100%;min-height:100vh;padding:2rem;box-sizing:border-box}.page-content{max-width:1400px;width:100%;margin:0 auto}@media (max-width:768px){.page-wrapper{padding:1rem}}.sidebar{position:fixed;left:0;top:0;height:100vh;background:linear-gradient(180deg,#088434,#06692a);color:#fff;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.15)}.sidebar.open{width:250px}.sidebar.closed{width:60px}.sidebar-toggle{position:fixed;left:10px;top:10px;z-index:1001;background:rgba(6,105,42,.95);color:#fff;border:none;border-radius:8px;padding:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.2);width:44px;height:44px;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:rgba(4,80,32,.95);transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.3)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:20px;height:16px;position:relative}.hamburger-icon span{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle:hover .hamburger-icon span{background:#fff}.sidebar-toggle:hover .hamburger-icon span:first-child{transform:translateY(1px)}.sidebar-toggle:hover .hamburger-icon span:nth-child(3){transform:translateY(-1px)}.sidebar-header{padding:2rem 1rem;border-bottom:1px solid hsla(0,0%,100%,.15);display:block;text-decoration:none;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,.1)}.sidebar-header:hover{background:hsla(0,0%,100%,.08)}.sidebar-logo{display:flex;justify-content:center;align-items:center}.sidebar-logo img{filter:brightness(0) invert(1)}.sidebar.closed .sidebar-logo{display:none}.sidebar-nav{flex:1 1;padding:1.5rem 0;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.sidebar-nav::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.3);border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.5)}.menu-group{margin-bottom:.5rem}.nav-item{display:flex;align-items:flex-start;padding:.875rem 1.25rem;color:hsla(0,0%,100%,.85);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);gap:.875rem;border:none;background:transparent;width:100%;cursor:pointer;font-size:.95rem;font-weight:500;letter-spacing:.01em;position:relative;min-height:2.5rem}.nav-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;transition:all .3s ease}.nav-item.nav-group{font-weight:500;color:#fff;justify-content:space-between;padding:0}.nav-item.nav-group>.nav-icon,.nav-item.nav-group>.nav-text{padding:.75rem 0 .75rem 1rem}.nav-group-link{display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.25rem;color:#fff;text-decoration:none;flex:1 1;transition:all .3s ease;border-radius:8px 0 0 8px;margin-right:0}.nav-group-link:hover{background:hsla(0,0%,100%,.12)}.nav-arrow-button{background:transparent;border:none;color:hsla(0,0%,100%,.9);cursor:pointer;padding:.875rem 1.25rem;transition:all .3s ease;display:flex;align-items:flex-start;border-radius:0 8px 8px 0}.nav-arrow-button:hover{background:hsla(0,0%,100%,.12);color:#fff}.nav-item.level-0{padding-left:1.25rem}.nav-item.level-1{padding-left:2.5rem;font-size:.9rem;font-weight:400}.nav-item.level-1:before{left:1.75rem;width:2px}.nav-item.level-2{padding-left:3.5rem;font-size:.85rem;font-weight:400}.sidebar.closed .nav-item{padding:1rem;justify-content:center}.nav-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.nav-item:hover:before{background:hsla(0,0%,100%,.6)}.nav-item.active{background:hsla(0,0%,100%,.15);color:#fff;font-weight:600}.nav-item.active:before{background:#fff;width:4px;box-shadow:0 0 8px hsla(0,0%,100%,.5)}.nav-group-link.active{background:hsla(0,0%,100%,.15);font-weight:600}.nav-arrow{margin-left:auto;font-size:.7rem;transition:transform .3s cubic-bezier(.4,0,.2,1);opacity:.9;padding-top:.25rem}.nav-item.expanded .nav-arrow{transform:rotate(0deg);opacity:1}.nav-arrow-button:hover .nav-arrow{opacity:1}.submenu{background:rgba(0,0,0,.15);border-left:2px solid hsla(0,0%,100%,.2);margin-left:1rem;border-radius:0 0 8px 8px;overflow:hidden;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-icon{font-size:1.25rem;min-width:24px;text-align:center;opacity:.95;transition:all .3s ease;padding-top:.125rem;display:flex;align-items:center;justify-content:center}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1;transform:scale(1.1)}.sidebar.closed .nav-icon{font-size:1.5rem;min-width:auto}.nav-text{white-space:normal;word-wrap:break-word;flex:1 1;text-align:left;transition:all .3s ease;line-height:1.4}.sidebar.closed .nav-arrow,.sidebar.closed .nav-arrow-button,.sidebar.closed .nav-text,.sidebar.closed .submenu{display:none}.sidebar.closed .nav-group-link{padding:1rem;justify-content:center}.sidebar.closed .nav-item.nav-group>.nav-icon{padding:.75rem 1rem;width:100%;display:flex;justify-content:center}@media (max-width:768px){.sidebar.open{width:200px}.sidebar.closed{width:0;overflow:hidden}.sidebar-toggle{left:auto;right:10px}}