@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #f8f9fa;--bg-card: #ffffff;--bg-card-hover: #f0f0f0;--text-primary: #1a202c;--text-secondary: #718096;--border-color: #e2e8f0;--primary-color: #1b7b4f;--primary-color-light: #efffec;--primary-color-dark: #0d5a38}html[data-theme=dark]{--bg-primary: #111827;--bg-card: #1f2937;--bg-card-hover: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--border-color: #374151;--primary-color: #34d399;--primary-color-light: #1f3a3a;--primary-color-dark: #10b981}body{font-family:Poppins,sans-serif;margin:0;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease}nav{background-color:#efffec;padding:1rem;transition:background-color .3s ease}html[data-theme=dark] nav{background-color:#1f2937}nav ul{list-style:none;display:flex;gap:2rem;margin:0;padding:0;align-items:center}nav a{color:#1a4d2e;text-decoration:none;font-weight:500;transition:color .3s}html[data-theme=dark] nav a{color:#34d399}nav a:hover{color:#38cb6d}.login{display:flex;width:100%;min-height:100vh;background:#fff}.login-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;gap:30px;background:url(/assets/Login_Background_Light.DFbf3OlS.jpg) center/cover no-repeat;background-attachment:fixed}.login-image{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center;position:relative}.login-image img{width:100%;height:auto;display:block}.login-image a{display:flex;justify-content:center;align-items:center}.login-image img{cursor:pointer;transition:transform .3s}.login-image img:hover{transform:scale(1.05)}.login-title{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:50px;line-height:61px;color:#1a1a1a;text-align:center;text-shadow:0 2px 8px rgba(255,255,255,.8);position:relative;z-index:2;top:75px;order:1}.login-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:60px 40px}.login-subtitle{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:36px;line-height:44px;color:#2d5a47;text-align:center;margin-bottom:40px}.login-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:430px}.login-label-username{font-family:Sora,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:40px;color:#2d5a47}.text-field{display:flex;flex-direction:column;gap:8px;width:100%}.text-field-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;border:1px solid #b8d9cf;border-radius:12px;background:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;transition:all .3s ease;color:#2d5a47}.login-label-password{font-family:Sora,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:40px;color:#2d5a47;margin-top:10px}.password-field{display:flex;flex-direction:column;gap:8px;width:100%}.password-field-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;border:1px solid #b8d9cf;border-radius:12px;background:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;transition:all .3s ease;color:#2d5a47}.login-forgot-password{align-self:flex-end;font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:15px;color:#38cb6d;cursor:pointer;text-decoration:none;transition:all .3s ease;margin-top:5px}.login-forgot-password:hover{color:#2d9a54;text-decoration:underline}.btn-primary{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;background:#38cb6d;border-radius:12px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:19px;color:#fff;transition:all .3s ease;margin-top:20px;box-shadow:0 2px 8px #38cb6d33}.btn-primary:hover{background:#2d9a54;box-shadow:0 4px 12px #38cb6d4d;transform:translateY(-2px)}.btn-primary:active{background:#238442;transform:translateY(0)}.login-register-link{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:12px;line-height:15px;text-align:center;color:#5a7a6f;margin-top:20px}.login-register-link a{color:#38cb6d;text-decoration:none;transition:all .3s ease}.login-register-link a:hover{color:#2d9a54;text-decoration:underline}.login-divider{width:100%;height:0px;border:.5px solid #d4d6dd;margin:20px 0}@media(max-width:1024px){.login{flex-direction:column}.login-left{padding:30px 20px;background-attachment:scroll}.login-right{padding:40px 20px}.login-title{font-size:36px;line-height:44px}.login-subtitle{font-size:28px;line-height:36px;margin-bottom:30px}.login-form{max-width:100%}}@media(max-width:640px){.login{flex-direction:column}.login-left{padding:20px;gap:20px;background-attachment:scroll}.login-right{padding:30px 20px}.login-title{font-size:28px;line-height:36px;color:#1a1a1a}.login-subtitle{font-size:20px;line-height:28px;margin-bottom:20px}.login-image{max-width:250px}.login-form{max-width:100%}.text-field-input,.password-field-input,.btn-primary{height:44px;font-size:14px}}.register{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;padding:40px 20px;background:url(/assets/Login_Background_Light.DFbf3OlS.jpg) center/cover no-repeat;background-attachment:fixed}.register-wrapper{display:flex;flex-direction:column;width:100%;max-width:900px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #2d5a471a;overflow:hidden}.register-header{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 40px 40px;background:linear-gradient(135deg,#f0f9f6,#e8f6f1);border-bottom:1px solid #e5e5e5}.register-logo{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center;margin-bottom:25px;position:relative;z-index:10}.register-logo a{display:flex;justify-content:center;align-items:center;width:100%}.register-logo img{width:100%;height:auto;display:block;cursor:pointer;transition:transform .3s ease}.register-logo img:hover{transform:scale(1.05)}.register-page-title{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:42px;line-height:52px;color:#1a1a1a;text-align:center;margin:0}.register-content{padding:50px 60px}.register-form{display:flex;flex-direction:column;gap:0;width:100%}.register-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.register-column{display:flex;flex-direction:column;gap:20px}.register-label{font-family:Sora,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:22px;color:#1a1a1a;margin-bottom:8px;display:block}.text-field{display:flex;flex-direction:column;gap:0;width:100%}.text-field-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;border:1px solid #d4d6dd;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;transition:all .3s ease;color:#1a1a1a}.text-field-input:focus{outline:none;border-color:#38cb6d;box-shadow:0 0 0 3px #38cb6d1a}.text-field-input::placeholder{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#8fb3a3}.password-field{display:flex;flex-direction:column;gap:0;width:100%}.password-field-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;border:1px solid #d4d6dd;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;transition:all .3s ease;color:#1a1a1a}.password-field-input:focus{outline:none;border-color:#38cb6d;box-shadow:0 0 0 3px #38cb6d1a}.password-field-input::placeholder{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#8fb3a3}.confirm-password-field{display:flex;flex-direction:column;gap:0;width:100%}.confirm-password-input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:12px 16px;gap:8px;width:100%;height:48px;border:1px solid #d4d6dd;border-radius:8px;background:#fff;font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;transition:all .3s ease;color:#1a1a1a}.confirm-password-input:focus{outline:none;border-color:#38cb6d;box-shadow:0 0 0 3px #38cb6d1a}.confirm-password-input::placeholder{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#8fb3a3}.register-terms-wrapper{margin-bottom:30px}.register-terms-checkbox{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9f9f9;border-radius:8px}.terms-checkbox-input{width:20px;height:20px;min-width:20px;min-height:20px;margin-top:2px;cursor:pointer;accent-color:#00704c;border:1px solid #d4d6dd;border-radius:4px;transition:all .3s ease}.terms-checkbox-input:hover{border-color:#00704c;box-shadow:0 0 0 2px #00704c1a}.terms-checkbox-input:checked{background-color:#00704c;border-color:#00704c}.terms-checkbox-input:focus{outline:none;box-shadow:0 0 0 3px #00704c33}.terms-checkbox-label{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:13px;line-height:20px;color:#5a7a6f;cursor:pointer;user-select:none;flex:1}.btn-primary{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 16px;gap:8px;width:100%;height:50px;background:#00704c;border-radius:8px;border:none;cursor:pointer;font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:19px;color:#fff;transition:all .3s ease;margin-bottom:20px;box-shadow:0 2px 8px #00704c33}.btn-primary:hover{background:#005a3f;box-shadow:0 4px 12px #00704c4d;transform:translateY(-2px)}.btn-primary:active{background:#004830;transform:translateY(0)}.btn-primary:disabled{background:#d4d6dd;color:#8fb3a3;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary:disabled:hover{background:#d4d6dd;box-shadow:none;transform:none}.error-message{color:#e74c3c;font-size:14px;margin:12px 0;padding:12px 16px;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;line-height:1.5}.register-login-link{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#5a7a6f}.register-login-link a{color:#00704c;text-decoration:none;transition:all .3s ease;font-weight:600}.register-login-link a:hover{color:#005a3f;text-decoration:underline}@media(max-width:768px){.register-content{padding:40px 30px}.register-form-grid{grid-template-columns:1fr;gap:25px}.register-header{padding:40px 30px 30px}.register-page-title{font-size:36px;line-height:44px}.register-column{gap:20px}}@media(max-width:480px){.register{padding:20px 15px}.register-wrapper{border-radius:12px}.register-header{padding:30px 20px 25px}.register-logo{max-width:150px;margin-bottom:20px}.register-page-title{font-size:28px;line-height:36px}.register-content{padding:30px 20px}.register-form-grid{gap:20px}.register-column{gap:18px}.register-label{font-size:13px;line-height:20px;margin-bottom:6px}.text-field-input,.password-field-input,.confirm-password-input{height:44px;font-size:14px;padding:10px 14px}.btn-primary{height:44px;font-size:15px;margin-bottom:15px}.register-terms{font-size:12px;line-height:18px;margin-bottom:20px;padding:15px}.register-login-link{font-size:13px;line-height:16px}}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}:root{--sidebar-bg: #EFFFEC;--sidebar-fg: #064E3B;--sidebar-text-muted: #64748B;--accent: #10B981;--header-bg: #ffffff}html[data-theme=dark]{--sidebar-bg: #1f2937;--sidebar-fg: #34d399;--sidebar-text-muted: #9ca3af;--accent: #10b981;--header-bg: #111827}.layout{display:flex;min-height:100vh;background:var(--bg-primary, #ffffff);transition:background-color .3s ease}.sidebar{width:250px;background:var(--sidebar-bg);color:var(--sidebar-fg);height:100vh;position:fixed;left:0;top:0;bottom:0;padding:1 1rem;display:flex;flex-direction:column;border-right:1px solid rgba(0,0,0,.05);transition:margin-left .3s ease,width .3s ease;overflow:hidden;flex-shrink:0;z-index:102}.sidebar.hidden{margin-left:-250px}.sidebar__brand{padding:.5rem;display:flex;align-items:center;justify-content:center;height:70px;border-bottom:1px solid rgba(0,0,0,.05)}.sidebar__nav{flex:1 1 auto;overflow-y:auto}.sidebar__section{font-size:.75rem;font-weight:600;color:var(--sidebar-text-muted);padding:.5rem .75rem;margin-top:1rem;text-transform:uppercase;letter-spacing:.5px}.sidebar__nav ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:0}.sidebar__nav li{margin-bottom:0;width:100%}.sidebar__nav a{display:flex;align-items:center;gap:.2rem;padding:.75rem;color:#909090;text-decoration:none;border-radius:8px;font-weight:500;font-size:12px;transition:all .2s ease;width:100%;box-sizing:border-box}.sidebar__nav a:hover{background-color:#10b9811a;color:var(--accent)}.sidebar__nav a.active{background-color:#d8ffdd;color:#00724c;font-weight:600}.sidebar__nav a .icon{font-size:1.2rem;width:24px;display:flex;justify-content:center}.sidebar__nav a .icon img{width:18px;height:18px;display:block;object-fit:contain;filter:none}.sidebar__nav a.active .icon img{filter:invert(34%) sepia(40%) saturate(500%) hue-rotate(95deg) brightness(95%) contrast(90%)}.sidebar__logout{display:flex;align-items:center;gap:.5rem;width:calc(100% - 1.5rem);margin:1rem .75rem;padding:.75rem;background-color:#1b7b4f;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:500;font-family:Poppins,sans-serif;cursor:pointer;transition:all .2s ease;justify-content:center}.sidebar__logout:hover{background-color:#165b3f;transform:translateY(-2px);box-shadow:0 4px 8px #1b7b4f33}.sidebar__logout:active{transform:translateY(0)}.sidebar__logout svg{width:18px;height:18px;stroke-width:2}.main-column{margin-left:250px;flex:1;display:flex;flex-direction:column;width:calc(100% - 250px);transition:margin-left .3s ease,width .3s ease}.sidebar.hidden~.main-column{margin-left:0;width:100%}.header{height:70px;background:var(--header-bg);display:flex;align-items:center;padding:0 2rem;justify-content:space-between;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .05));transition:background-color .3s ease,border-color .3s ease}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--sidebar-fg);cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0;margin-right:1rem;flex-shrink:0}.header__menu-toggle:hover{background-color:#10b9811a;color:var(--accent)}.header__menu-toggle:active{transform:scale(.95)}html[data-theme=dark] .header__menu-toggle{color:var(--sidebar-fg)}html[data-theme=dark] .header__menu-toggle:hover{background-color:#10b98133}.header__search input{width:600px;padding:.6rem 1rem;border-radius:6px;border:none;background:#f5f5f5;outline:none;font-size:.9rem;transition:all .2s;color:var(--text-primary)}html[data-theme=dark] .header__search input{background:#374151;color:#f9fafb}.header__search input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #10b9811a}html[data-theme=dark] .header__search input:focus{background:#4b5563;color:#f9fafb}.header__user{display:flex;align-items:center;gap:.5rem}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.header__notification-btn{background:transparent;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.header__notification-btn:hover{background-color:#f1f5f9;border-radius:6px}html[data-theme=dark] .header__notification-btn:hover{background-color:#ffffff1a}.header__notification-btn img{width:24px;height:24px;display:block}.content{background:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s}.main-column{margin-left:0;width:100%}}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background-color:transparent;color:var(--text-primary, #1a202c);cursor:pointer;transition:all .3s ease;padding:0;margin:0 8px}.theme-toggle-btn:hover{background-color:var(--bg-card-hover, #f0f0f0);transform:scale(1.1)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn:focus{outline:none;box-shadow:0 0 0 2px #1b7b4f33}.theme-icon{width:20px;height:20px;stroke-width:2;color:inherit}html[data-theme=dark] .theme-toggle-btn{color:#f9fafb}html[data-theme=dark] .theme-toggle-btn:hover{background-color:#ffffff1a}