:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary:#00c853;--primary-dark:#00b248;--bg-dark:#f4f6f9;--bg-card:#fff;--text-main:#1a1d2d;--text-muted:#8a92a6;--border:#0000000d;--radius:12px;--transition:all .3s ease;--sidebar-bg:#171a2e;--sidebar-text:#fff;--sidebar-text-muted:#a0a0b0}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#00c853;--primary-dark:#00b248;--bg-dark:#0f1115;--bg-card:#1e1e1e;--text-main:#fff;--text-muted:#a0a0a0;--border:#ffffff1a;--sidebar-bg:#000;--sidebar-text:#fff;--sidebar-text-muted:#a0a0b0}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);flex-direction:column;min-height:100vh;display:flex}.glass-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:0 4px 20px #00000008}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:8px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #00e67666}.container{width:100%;max-width:1200px;margin:0 auto;padding:2rem}.main-content{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100vh;display:flex}.input-field{border:1px solid var(--border);background-color:var(--bg-dark);width:100%;color:var(--text-main);transition:var(--transition);border-radius:8px;padding:.8rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #00e67633}.dashboard-layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-bg);flex-direction:column;width:260px;padding-bottom:1.5rem;display:flex;overflow-y:auto}.sidebar-logo{background-color:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;height:73px;min-height:73px;margin-bottom:1rem;display:flex}.nav-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.nav-item{color:var(--sidebar-text-muted);transition:var(--transition);border-radius:8px;align-items:center;gap:.75rem;padding:.8rem 1rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{color:var(--sidebar-text);border-left:3px solid var(--primary);background-color:#ffffff0d;border-radius:0 8px 8px 0}.dashboard-content{background-color:var(--bg-dark);flex:1;padding:2rem;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{z-index:2000;background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-main);cursor:pointer;border-radius:8px;padding:.6rem;font-size:1.5rem;line-height:1;display:none;position:fixed;top:1rem;right:1rem;box-shadow:0 4px 12px #00000080}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900;background-color:#0009;display:none;position:fixed;inset:0}.bottom-nav-bar,.mobile-bottom-sheet{display:none}@media (max-width:768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.mobile-overlay.open{display:block}.dashboard-layout{flex-direction:column}.sidebar{z-index:1000;height:100vh;box-shadow:none;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:5px 0 25px #00000080}.dashboard-content{width:100%;min-width:100vw;padding:1rem 1rem 6rem}.glass-panel{padding:1.5rem 1rem}.header-button{justify-content:center;width:100%}.responsive-grid{grid-template-columns:1fr!important}.mobile-stack{text-align:center;flex-direction:column!important;align-items:stretch!important}.mobile-stack>div{justify-content:center}.mobile-stack>div:first-child{flex-direction:column}.bottom-nav-bar{background-color:var(--bg-card);border-top:1px solid var(--border);z-index:1001;padding:.6rem 0;padding-bottom:calc(.8rem + env(safe-area-inset-bottom));grid-template-columns:repeat(5,1fr);align-items:center;height:76px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000040}.bottom-nav-bar:before{content:"";background:linear-gradient(90deg, var(--primary) 0%, #00b248 100%);height:3px;position:absolute;top:0;left:0;right:0}.mobile-bottom-sheet{display:block!important}.bottom-nav-item{color:var(--text-main);min-width:0;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem .2rem;font-size:.65rem;font-weight:600;text-decoration:none;display:flex}.bottom-nav-item.active{color:var(--primary)}.topbar-mobile-hide{display:none!important}.notif-dropdown{width:90vw!important;max-width:400px!important;position:fixed!important;top:60px!important;right:5vw!important}}.title-icon,.show-on-mobile{display:none!important}@media (max-width:768px){.hide-mobile,.hide-on-mobile,.hide-on-desktop{display:none!important}.show-on-mobile{display:inline!important}}.page-title{font-size:1.35rem!important}.title-icon{display:none!important}