.action-based-nav{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.action-based-nav.loading{opacity:.6}.action-nav-container{display:flex;align-items:center;gap:1rem}.action-nav-item{position:relative}.nav-skeleton{display:flex;gap:1rem}.skeleton-item{width:80px;height:36px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:6px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.create-dropdown,.manage-dropdown{position:relative}.create-dropdown-trigger,.manage-dropdown-trigger,.practice-link-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#333;transition:all .2s ease;white-space:nowrap}.create-dropdown-trigger:active,.manage-dropdown-trigger:active,.practice-link-button:active{transform:translateY(1px)}.chevron{transition:transform .2s ease}.chevron.rotate{transform:rotate(180deg)}.create-dropdown-menu,.manage-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:240px;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:1000;overflow:hidden;animation:dropdownOpen .2s ease}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item-container{position:relative}.menu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:14px;color:#333;text-align:left;transition:background .2s ease}.menu-item.has-submenu{position:relative;padding-right:2rem}.submenu-indicator{position:absolute;right:1rem;transform:rotate(-90deg);transition:transform .2s ease}.menu-item:hover .submenu-indicator{transform:rotate(0)}.submenu{position:absolute;left:100%;top:0;min-width:200px;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-left:4px;animation:submenuOpen .2s ease}@keyframes submenuOpen{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.submenu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:13px;color:#333;text-align:left;transition:background .2s ease}.coming-soon{opacity:.6;cursor:not-allowed}.badge{padding:3px 8px;background:#fbbf24;font-size:10px;font-weight:700;color:#451a03;text-transform:uppercase;letter-spacing:.5px}.badge,.item-badge{margin-left:auto;border-radius:12px}.item-badge{padding:2px 6px;background:#ff6b6b;color:white;font-size:11px;font-weight:600;min-width:20px;text-align:center}.dropdown-footer{border-top:1px solid #e0e0e0;padding:.5rem}.quick-action{width:100%;padding:.5rem;background:transparent;border:none;cursor:pointer;font-size:13px;color:#0066cc;text-align:center;transition:background .2s ease;border-radius:4px}.practice-link,.practice-link-button{position:relative}.streak-badge{position:absolute;top:-4px;right:-4px;display:flex;align-items:center;gap:2px;padding:2px 6px;background:#ff6b6b;color:white;border-radius:12px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap}.practice-link-mobile{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#333;text-align:left;transition:all .2s ease}.mobile-streak-indicator{margin-left:auto;display:flex;align-items:center;gap:2px;padding:2px 6px;background:#ff6b6b;color:white;border-radius:12px;font-size:12px;font-weight:600}.category-container{position:relative}.category-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:14px;color:#333;text-align:left;transition:background .2s ease}.category-chevron{margin-left:auto;transform:rotate(-90deg);transition:transform .2s ease}.category-container:hover .category-chevron{transform:rotate(0)}.category-submenu{position:absolute;left:100%;top:0;min-width:200px;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-left:4px;animation:submenuOpen .2s ease}.category-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:13px;color:#333;text-align:left;transition:background .2s ease}.dropdown-divider{height:1px;background:#e0e0e0;margin:.5rem 0}.admin-quick-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;cursor:pointer;font-size:14px;color:#0066cc;text-align:left;transition:background .2s ease}.manage-dropdown-mobile{display:flex;flex-direction:column;gap:1rem}.mobile-category{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.mobile-category-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f8f9fa;font-weight:600;font-size:14px;color:#333}.mobile-category-items{padding:.5rem}.mobile-category-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:13px;color:#333;text-align:left;transition:background .2s ease}.mobile-admin-link{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:#f0f7ff;border:1px solid #0066cc;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#0066cc;text-align:left;transition:all .2s ease}.action-nav-mobile{position:relative}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer}.hamburger-icon{width:20px;height:2px;background:#333;position:relative}.hamburger-icon:after,.hamburger-icon:before{content:"";position:absolute;width:20px;height:2px;background:#333;left:0}.hamburger-icon:before{top:-6px}.hamburger-icon:after{top:6px}.mobile-nav-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);padding:1rem;z-index:1000}.mobile-nav-section{margin-bottom:1.5rem}.mobile-nav-section:last-child{margin-bottom:0}.mobile-nav-section h3{font-size:12px;font-weight:600;text-transform:uppercase;color:#666;margin-bottom:.75rem}.mobile-menu-item{margin-bottom:.5rem}.mobile-menu-button,.mobile-submenu-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;font-size:14px;color:#333;text-align:left;transition:all .2s ease}.mobile-submenu{margin-top:.5rem;margin-left:1.5rem}.mobile-submenu-item{font-size:13px;padding:.5rem .75rem}@media (max-width:768px){.action-nav-container{display:none}.action-nav-mobile{display:block}.action-based-nav.select-box-ui{padding:0}.action-select-box{width:100%;padding:0}.action-select-label{font-size:11px;margin-bottom:.375rem}.action-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:16px;border-radius:8px}.sidebar-links-section{padding:0}.sidebar-link-group{margin-bottom:1rem}.sidebar-link-group-header{padding:.5rem .75rem;font-size:11px;background:#f9fafb;border-radius:6px;margin-bottom:.375rem;border-bottom:none}.sidebar-link,.sidebar-link-item{padding:.625rem .75rem;font-size:14px}.sidebar-link-item{padding-left:1.5rem}.sidebar-link svg,.sidebar-link-item svg{width:18px;height:18px}.badge{font-size:9px;padding:2px 6px}.sidebar-link-item.coming-soon:after{left:1.5rem}.sidebar-links-placeholder{padding:1.5rem 1rem;font-size:13px}}@media (min-width:769px){.action-nav-mobile{display:none}}@media (max-width:480px){.action-select{font-size:16px;padding:.625rem 2rem .625rem .875rem}.sidebar-link-group-header{font-size:10px;padding:.375rem .625rem}.sidebar-link,.sidebar-link-item{font-size:13px;padding:.5rem .625rem}.sidebar-link-item{padding-left:1.25rem}}.context-indicator{width:100%}.context-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;font-size:13px;color:#666;font-weight:500}.context-badge svg{color:#999}.action-select-box{width:100%}.action-select-label{display:block;font-size:12px;font-weight:600;color:#4b5563;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.5px}.action-select{width:100%;padding:.625rem 2.5rem .625rem .875rem;background:white;border:2px solid #22c55e;border-radius:6px;font-size:14px;font-weight:600;color:#1f2937;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27%2322c55e%27 d=%27M4.427 5.427a.75.75 0 0 1 1.06 0L8 7.94l2.513-2.513a.75.75 0 1 1 1.06 1.06l-3.04 3.04a.75.75 0 0 1-1.06 0l-3.04-3.04a.75.75 0 0 1 0-1.06z%27/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .875rem center;background-size:16px}.action-select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15)}.sidebar-links-section{display:flex;flex-direction:column;gap:.5rem}.sidebar-links-section *{color:inherit}.sidebar-links-section .sidebar-link-group-header,.sidebar-links-section .sidebar-link-group-header span,.sidebar-links-section .sidebar-link-group-header svg,.sidebar-links-section .sidebar-link-item,.sidebar-links-section .sidebar-link-item span,.sidebar-links-section .sidebar-link-item svg{color:#374151!important;opacity:1!important}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;outline:none;cursor:pointer;pointer-events:auto;background:transparent}.sidebar-link,.sidebar-link svg{color:#374151!important}.sidebar-link:hover{background:rgba(0,0,0,.03)}.sidebar-link:focus-visible{box-shadow:0 0 0 3px rgba(34,197,94,.5);border-color:#22c55e}.sidebar-link.active{background:transparent;color:#22c55e;font-weight:600}.sidebar-link.active svg{color:#22c55e!important}.sidebar-link.special{background:#dbeafe;color:#1d4ed8;margin-top:.5rem;font-weight:600;border:1px solid #93c5fd}.sidebar-link.special:hover{background:#bfdbfe;color:#1e3a8a;border-color:#60a5fa}.sidebar-link.coming-soon{color:#6b7280;cursor:not-allowed;position:relative}.sidebar-link.coming-soon:hover{background:transparent;color:#6b7280}.sidebar-link-group{margin-bottom:1.25rem}.sidebar-link-group-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:12px;font-weight:700;text-transform:uppercase;color:#374151!important;letter-spacing:.5px;margin-bottom:.5rem}.sidebar-link-group-header svg{color:#374151!important}.sidebar-link-group-items{display:flex;flex-direction:column;gap:.25rem}.sidebar-link-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem .5rem 2rem;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s ease;border:none;outline:none;cursor:pointer;pointer-events:auto;width:100%;text-align:left;background:transparent}.sidebar-link-item,.sidebar-link-item svg{color:#374151!important}.sidebar-link-item:hover{background:rgba(0,0,0,.03)}.sidebar-link-item:focus-visible{box-shadow:0 0 0 3px rgba(34,197,94,.5);border-color:#22c55e}.sidebar-link-item.active{background:transparent;color:#22c55e;font-weight:600}.sidebar-link-item.active svg{color:#22c55e!important}.sidebar-link-item.coming-soon{color:#6b7280;cursor:not-allowed;position:relative}.sidebar-link-item.coming-soon:hover{background:transparent;color:#6b7280}.sidebar-links-placeholder{padding:2rem 1rem;text-align:center;color:#374151;font-size:14px;font-weight:500;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}@media (prefers-color-scheme:dark){.create-dropdown-trigger,.manage-dropdown-trigger,.practice-link-button{background:#1a1a1a;border-color:#333;color:#fff}.create-dropdown-menu,.manage-dropdown-menu,.submenu{background:#1a1a1a;border-color:#333}.menu-item,.submenu-item{color:#fff}.dropdown-footer{border-color:#333}.action-select{background:#1a1a1a;border-color:#3b82f6;color:#fff}.action-select-label{color:#9ca3af}.sidebar-link,.sidebar-link-item{color:#e5e7eb}.sidebar-link-item.active,.sidebar-link.active{background:transparent;color:#22c55e;font-weight:600}.sidebar-link-item.active svg,.sidebar-link.active svg{color:#22c55e!important}.sidebar-link-group-header{color:#f3f4f6;border-color:#374151}.badge{background:#451a03;color:#fbbf24}}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border-color:#29d transparent transparent #29d;border-style:solid;border-width:2px;border-radius:50%;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}