@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap";
:root{--primary-color:#066e2f;--primary-dark:#066e2f;--secondary-color:#d7a028;--secondary-dark:#b8871f;--neutral-bg:#fafaf7;--neutral-light:#f7f6f2;--neutral-grey:#f3f1eb;--text-main:#1e1e1e;--text-soft:#2a2a2a}body.app-body{background-color:var(--neutral-bg);color:var(--text-main);font-family:Comfortaa,sans-serif}nav{border-bottom:1px solid #00000014;background-color:var(--neutral-light)!important}nav .brand-logo span{color:var(--primary-color)}nav ul li a{color:var(--primary-color);font-weight:600}nav ul li a:hover{color:var(--secondary-color)}nav,.nav-fixed{position:fixed;top:0;left:0;right:0;z-index:9999!important}nav .container{margin:0!important;padding:0 2rem!important}.hero-slide,.hero-slide *{z-index:1!important}nav:after{z-index:99999!important}.btn-login{text-transform:none;border-radius:999px;padding:0 1.6rem;font-weight:600;transition:all .2s;background-color:var(--primary-color)!important}.btn-login:hover{transform:translateY(-1px);background-color:var(--secondary-color)!important;color:#1e1e1e!important}.modal-login .modal-content h5{color:var(--primary-color)}.modal-login .modal-footer .btn{background-color:var(--primary-color)!important}.modal-login .modal-footer .btn:hover{background-color:var(--secondary-color)!important}.parallax-overlay h3,.parallax-overlay p{color:#fff}.parallax-container:after{content:"";z-index:1;background:linear-gradient(#00000059,#0000008c);position:absolute;inset:0}.hero-slide{justify-content:center;align-items:center;width:100%;height:82vh;display:flex;position:relative}@media (max-width:600px){.hero-slide{height:70vh}}.hero-slide-bg{filter:brightness(.85);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.hero-slide-overlay{z-index:1;background:linear-gradient(#00000073,#000000b3);position:absolute;inset:0}.hero-slide-content{z-index:3;text-align:center;max-width:700px}.hero-title{color:#fff;text-shadow:0 4px 12px #00000080;margin-bottom:1.2rem;font-weight:700}.hero-text{color:#f2f2f2;text-shadow:0 3px 10px #0006;font-size:1.45rem}@media (max-width:600px){.hero-title{font-size:1.8rem}.hero-text{font-size:1.1rem}}.carousel .indicators .indicator-item{background-color:#ffffff80}.carousel .indicators .indicator-item.active{background-color:#0a8f3d}.fade-carousel-container{width:100%;height:82vh;position:relative;overflow:hidden}@media (max-width:600px){.fade-carousel-container{height:70vh}}.fade-slide{opacity:0;transition:opacity 1.7s ease-in-out;position:absolute;inset:0}.fade-slide.active{opacity:1;z-index:2}.fade-slide-bg{filter:brightness(.85);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.fade-slide-overlay{z-index:1;background:linear-gradient(#00000073,#000000b3);position:absolute;inset:0}.fade-slide-content{z-index:3;text-align:center;justify-content:center;align-items:center;max-width:750px;padding:0 1rem;display:flex;position:absolute;inset:0}.hero-title{color:#fff;text-shadow:0 4px 12px #00000080;font-size:2.8rem;font-weight:700}.hero-text{color:#f2f2f2;text-shadow:0 3px 8px #0006;margin-top:.8rem;font-size:1.4rem}@media (max-width:600px){.hero-title{font-size:2rem}.hero-text{font-size:1rem}}.fade-indicators{z-index:99;gap:8px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.fade-indicators .dot{cursor:pointer;background:#ffffff80;border-radius:50%;width:12px;height:12px;transition:all .3s}.fade-indicators .dot.active{background:var(--primary-color);transform:scale(1.2)}.dashboard-shell{background:var(--neutral-bg,#f5f7fb);min-height:calc(100vh - 64px);display:flex}.dashboard-sidebar{background:var(--primary-dark);color:#fff;flex-direction:column;width:260px;padding:1.2rem 1rem 1.5rem;display:flex}.sidebar-header{align-items:center;gap:.75rem;display:flex}.sidebar-logo img{height:40px}.sidebar-title-main{font-size:1.05rem;font-weight:700}.sidebar-title-sub{opacity:.8;font-size:.8rem}.sidebar-user{margin-top:1.3rem;margin-bottom:.75rem}.sidebar-user-name{font-weight:600}.sidebar-user-role{opacity:.8;font-size:.8rem}.sidebar-menu{flex:1;margin-top:.8rem;overflow-y:auto}.sidebar-group{margin-bottom:.5rem}.sidebar-group-toggle{color:#f7f7f7;text-transform:uppercase;letter-spacing:.06em;opacity:.85;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.45rem .3rem;font-size:.9rem;display:flex}.sidebar-group-list{margin:0;padding-left:0;list-style:none}.sidebar-item-btn{color:#f0f0f0;background:0 0;border:none;border-radius:6px;align-items:center;width:100%;margin-bottom:2px;padding:.35rem .4rem;font-size:.9rem;transition:background .18s,transform .1s;display:flex}.sidebar-item-btn:hover{background:#ffffff14;transform:translate(1px)}.sidebar-item-btn.active{border-left:3px solid var(--secondary-color);background:#d7a02826}.sidebar-item-icon{margin-right:.4rem;font-size:1.2rem}.dashboard-main{flex:1;padding:1.5rem 2rem}.dashboard-main-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.dashboard-main-title{color:var(--primary-color);margin:0;font-weight:700}.dashboard-main-subtitle{color:#4b5563;margin:.3rem 0 0}.chip-role{color:var(--primary-color);background:#0a8f3d1a;font-weight:500}.kpi-card{background:#fff;border-radius:10px;box-shadow:0 6px 18px #0f172a14}.kpi-card .card-title{color:var(--primary-color);font-size:1rem}@media (max-width:992px){.dashboard-shell{flex-direction:column}.dashboard-sidebar{flex-direction:row;width:100%;overflow-x:auto}.dashboard-main{padding:1rem}}.dashboard-shell,.dashboard-main,.dashboard-sidebar,.sidebar-menu,.MuiTypography-root,.MuiButton-root,.MuiList-root,.MuiListItemButton-root{font-family:Comfortaa,sans-serif!important}.dashboard-shell{width:100%;display:flex;overflow-x:hidden}.dashboard-main{flex:1;max-width:calc(100% - 260px);margin-left:0!important}.dashboard-main .row,.dashboard-main .col{margin:0!important;padding-left:0!important;padding-right:0!important}.nav-mobile-btn{height:64px;justify-content:center!important;align-items:center!important;display:flex!important}.nav-mobile-btn i{font-size:30px!important}