*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#027a46!important;--primary-hover:#016238!important;--background:#f0fdf4!important;--text-dark:#064e3b!important}body{position:relative;background-color:var(--background)!important;color:var(--text-dark)!important;font-family:Inter,sans-serif!important}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}h1{font-size:1.05rem}h2{font-size:1rem}h3{font-size:.9rem}.login-page-container{background-color:#f8fafc;background-image:radial-gradient(at 0 0,#027a4608 0,#0000 50%),radial-gradient(at 100% 100%,#027a4608 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative}.login-card{z-index:10;background:#fff;border:1px solid #e2e8f0e6;border-radius:3px;width:100%;max-width:440px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000f,0 1px 4px #0000000a}.input-box{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:3px;width:100%;padding:12px 16px;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-box:focus{background:#fff;border-color:#027a46;outline:none;box-shadow:0 0 0 2px #027a461f}.dropdown-item{color:#64748b;border-radius:0;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .2s}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#027a46,#016238);border:none;border-radius:3px;width:100%;margin-top:0;padding:14px;font-size:.9rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #027a462e}.submit-btn:hover{background:linear-gradient(90deg,#016238,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #027a463d}.submit-btn:active{transform:translateY(0)}@media (width<=540px){.login-card{border-radius:3px;padding:28px 20px}}.dash-wrapper{background-color:#f8fafc;height:100vh;display:flex;overflow:hidden}.sidebar{z-index:50;background:linear-gradient(#fff 0%,#fcfdfd 100%);border-right:1px solid #e2e8f0cc;flex-direction:column;width:250px;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:10px 0 30px -15px #00000008}.sidebar-header{white-space:nowrap;background-color:#fff;border-bottom:1px solid #e2e8f099;align-items:center;gap:12px;height:64px;padding:0 24px;display:flex;overflow:hidden}.brand-icon{color:#fff;background:linear-gradient(135deg,#027a46 0%,#016238 100%);border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 8px 16px -4px #027a464d}.brand-name{color:#1e293b;letter-spacing:-.8px;font-size:1.15rem;font-weight:600}.sidebar-content{flex:1;padding:0 12px;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sidebar-label{color:#10b981;letter-spacing:.01em;padding:16px 14px 6px;font-size:.75rem;font-weight:600}.main-content{background-color:#f8fafc;flex:1;padding:0;overflow-y:auto}.dash-header{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#ffffffd9;border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.dash-title{padding-left:0;position:relative;color:#027a46!important;letter-spacing:-.5px!important;margin:0!important;font-size:1.15rem!important;font-weight:600!important;line-height:1.2!important}.dash-content-area{background:#fff;border:1px solid #e2e8f0;border-radius:3px;flex:1;min-height:calc(100vh - 64px);margin:15px;padding:15px;overflow-y:auto;box-shadow:0 1px 3px #00000005}.nav-item{color:#334155;cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:12px;min-height:38px;margin-bottom:2px;padding:6px 16px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item span{white-space:nowrap;opacity:1;transition:opacity .3s,width .3s}.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item svg:nth-child(3),.sidebar.collapsed .submenu-container{opacity:0;pointer-events:none;width:0;display:none!important}.sidebar.collapsed .nav-item span{display:none}.nav-item svg{transition:transform .3s}.nav-item:hover{color:#027a46;background:#f0fdf4;border-color:#027a460d;padding-left:20px}.nav-item:hover svg{transform:scale(1.1)}.nav-item.active{color:#027a46;background:#f0fdf4;border:1px solid #027a4626;font-weight:600;box-shadow:0 4px 12px -4px #027a461a}.nav-item.active svg{color:#027a46!important}.nav-item.active:after{content:"";background:#027a46;border-radius:0 4px 4px 0;width:4px;height:60%;position:absolute;top:20%;left:-12px}.submenu-container{border-left:1.5px solid #e2e8f0;flex-direction:column;gap:4px;margin-top:4px;margin-bottom:12px;margin-left:14px;padding-left:10px;display:flex}.submenu-item{color:#334155;cursor:pointer;border-radius:5px;align-items:center;gap:10px;padding:8px 12px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.submenu-item:hover{color:#027a46;background:#f0fdf4;padding-left:16px}.submenu-item.active{color:#027a46;background:#f0fdf4;font-weight:600}.nav-logout{border-top:1px solid #e2e8f099;margin-top:auto;padding:0}.nav-logout .nav-item{background:#ef4444;border:none;border-radius:0;width:100%;margin-bottom:0;padding:16px 24px;color:#fff!important}.nav-logout .nav-item svg{color:#fff!important}.nav-logout .nav-item:hover{background:#dc2626;padding-left:24px;color:#fff!important}.nav-logout .nav-item:hover svg{color:#fff!important}.header-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0cc;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.header-btn:hover{color:#027a46;background:#f0fdf4;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #10b9811f}.header-btn:active{transform:translateY(0)}.notif-badge{color:#fff;background:#ef4444;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:9px;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 8px #ef44444d}.profile-card-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:3px;align-items:center;gap:12px;padding:5px 12px 5px 5px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.profile-card-btn:hover{background:#f9fafb;border-color:#10b981;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.header-sep{background:#e2e8f0;width:1px;height:24px;margin:0 6px}.search-input-box{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:0 12px;font-size:.85rem;font-weight:400}.search-input-box::placeholder{color:#94a3b8;font-weight:400}.dropdown-item{color:#64748b;cursor:pointer;border-radius:5px;align-items:center;gap:12px;padding:10px 14px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.dropdown-item:hover{color:#027a46;background:#f8fafc}.dropdown-item.logout:hover{color:#ef4444;background:#fef2f2}.dropdown-divider{background:#f1f5f9;height:1px;margin:6px 0}.stat-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.stat-card:hover{border-color:#027a46;transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.content-panel{background:0 0;padding:10px}.settings-grid{grid-template-columns:280px 1fr;gap:20px;display:grid}.settings-nav-item{color:#64748b;cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.settings-nav-item:hover{color:#0f172a;background:#f8fafc}.settings-nav-item.active{color:#027a46;background:#f0fdf4}.form-group{margin-bottom:20px}.form-group label{color:#64748b;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.pass-input-root{position:relative}.pass-input-root input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 45px 10px 14px;font-size:.95rem;transition:all .2s}.pass-input-root input:focus{background:#fff;border-color:#027a46;outline:none;box-shadow:0 0 0 4px #027a4614}.pass-input-root button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:5px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.pulse-badge{animation:2s ease-in-out infinite pulse}.sidebar{transition:width .3s cubic-bezier(.4,0,.2,1)!important}.sidebar.collapsed{width:76px!important}.sidebar.collapsed .brand-name,.sidebar.collapsed .sidebar-label,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-item svg:nth-child(3),.sidebar.collapsed .submenu-container{display:none!important}.sidebar.collapsed .nav-item{justify-content:center!important;margin:4px 8px!important;padding:10px!important}.sidebar.collapsed .nav-item svg{width:18px!important;min-width:18px!important;height:18px!important;margin:0!important;transform:none!important}.sidebar.collapsed .brand-icon{width:32px!important;height:32px!important;margin:0 auto!important}.sidebar.collapsed .sidebar-header{justify-content:center!important;padding:0!important}.sidebar.collapsed .nav-item.active:after{height:40%!important;top:30%!important;left:-8px!important}.sidebar.collapsed .nav-item.active svg{filter:drop-shadow(0 0 4px #027a4666)}.logout-link:hover{color:#fff!important;background-color:#dc2626!important}.dash-header{transition:all .3s!important;box-shadow:0 2px 4px #00000005!important}.nav-item:hover{transform:translate(3px);box-shadow:0 4px 12px #027a4614}.sidebar.collapsed .nav-item:hover{transform:scale(1.05)}.brand-icon img{transition:all .3s!important}