.app-container{display:none}body>.app-container{display:flex}:root{--color-primary-rgb:46, 176, 134;--color-primary:rgb(var(--color-primary-rgb));--color-primary-light:rgba(var(--color-primary-rgb), .12);--color-bg:#f5f7fa;--nav-bg:#ffffffd9;--nav-text:#1a2e26;--nav-text-secondary:#4a6358;--nav-border:#0000000d;--sidebar-width:260px;--transition:all .4s cubic-bezier(.25, .8, .25, 1);--radius:12px;--shadow:0 4px 20px -5px #00000014}[data-theme=dark]{--color-bg:#0f0f12;--nav-bg:#18181cd9;--nav-text:#d1e2da;--nav-text-secondary:#8da399;--nav-border:#ffffff14;--color-primary:#52d6a4;--color-primary-light:#52d6a426;--shadow:0 4px 24px -2px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--nav-text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s;overflow:hidden}.app-container{height:100vh;display:flex}aside,main,.menu-toggle-btn{transition:var(--transition)}aside{width:var(--sidebar-width);background:var(--nav-bg);backdrop-filter:blur(12px);border-right:1px solid var(--nav-border);z-index:1000;position:fixed;inset:0 auto 0 0}main{margin-left:var(--sidebar-width);background:var(--color-bg);flex-direction:column;flex:1;display:flex}.menu-toggle-btn{z-index:1100;background:var(--color-primary);width:32px;height:32px;box-shadow:0 0 15px rgba(var(--color-primary-rgb), .4);cursor:pointer;top:50%;left:calc(var(--sidebar-width) - 16px);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(-50%)}.menu-toggle-btn svg{fill:#fff;width:18px;transition:var(--transition);transform:rotate(180deg)}.menu-toggle-btn:hover{box-shadow:0 0 20px rgba(var(--color-primary-rgb), .6);transform:translateY(-50%)scale(1.1)}body.sidebar-closed aside{transform:translate(-100%)}body.sidebar-closed main{margin-left:0}body.sidebar-closed .menu-toggle-btn{background:var(--nav-bg);border:1px solid var(--nav-border);left:16px}body.sidebar-closed .menu-toggle-btn svg{fill:var(--color-primary);transform:rotate(0)}@media (width<=900px){main{margin-left:0!important}aside{transform:translate(-100%);box-shadow:20px 0 40px #0000001a}.menu-toggle-btn{background:var(--nav-bg);border:1px solid var(--nav-border);left:16px}.menu-toggle-btn svg{fill:var(--color-primary);transform:rotate(0)}body.sidebar-open aside{transform:translate(0)}body.sidebar-open .menu-toggle-btn{left:calc(var(--sidebar-width) - 16px);background:var(--color-primary)}body.sidebar-open .menu-toggle-btn svg{fill:#fff;transform:rotate(180deg)}.layout-overlay{backdrop-filter:blur(4px);opacity:0;visibility:hidden;z-index:900;background:#0003;transition:all .3s;position:fixed;inset:0}body.sidebar-open .layout-overlay{opacity:1;visibility:visible}}header{background:var(--nav-bg);backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);justify-content:space-between;align-items:center;height:50px;padding:0 24px;display:flex}.logo{letter-spacing:-.5px;height:80px;color:var(--color-primary);align-items:center;padding:0 24px;font-size:1.25rem;font-weight:700;display:flex}.menu-item{color:var(--nav-text);border-radius:var(--radius);transition:var(--transition);align-items:center;gap:12px;margin:4px 12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.menu-item:hover{background:var(--color-primary-light);color:var(--color-primary)}.menu-item.active{background:var(--color-primary);color:#fff;box-shadow:0 8px 16px -4px rgba(var(--color-primary-rgb), .3)}.content-scroll{scroll-behavior:smooth;flex:1;padding:14px;overflow-y:auto}.grid-auto{transition:var(--transition);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.hr-line{border:none;border-top:1px solid var(--nav-border);margin:16px 0}.vr-line{background:var(--color-primary);vertical-align:middle;border-radius:2px;width:3px;height:1.2em;margin:0 12px;display:inline-block}.box-card-link{color:inherit;text-decoration:none;display:block}.box-card{background:var(--nav-bg);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--nav-border);padding:20px;transition:transform .3s,box-shadow .3s,border-color .3s}.box-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 12px 30px -10px #2eb08633}.text-secondary{color:#6a737d;margin:10px 0;font-size:.9rem}.tag-style{background:var(--color-primary-light);color:var(--color-primary);border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.section-container{margin-bottom:20px}.section-header{cursor:pointer;justify-content:space-between;align-items:center;margin-bottom:15px;padding:5px;display:flex}.section-header:hover h3{color:var(--color-primary)}.pagination-ctrl{align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-btn{border:1px solid var(--nav-border);background:var(--nav-bg);color:var(--nav-text);cursor:pointer;transition:var(--transition);backdrop-filter:blur(4px);border-radius:8px;padding:6px 16px;font-size:.85rem;font-weight:600}.page-btn:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .3);color:#fff!important;background:var(--color-primary)!important}.page-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale()}.page-info{opacity:.8;font-size:.85rem;font-weight:500}.toggle-arrow{opacity:.5;font-size:12px;transition:transform .3s}.collapsed .toggle-arrow{transform:rotate(-90deg)}.collapsed .grid-auto,.collapsed .pagination-ctrl{display:none!important}.icon-mask{background-color:currentColor;width:20px;height:20px;transition:transform .3s;display:inline-block;mask-size:100% 100%;mask-repeat:no-repeat}.menu-item:hover .icon-mask{transform:scale(1.1)}.icon-sun{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM11 1h2v3h-2V1ZM11 20h2v3h-2v-3ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11v2h-3v-2h3ZM4 11v2H1v-2h3Z'%3E%3C/path%3E%3C/svg%3E")}.icon-moon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.3805 2.01923C9.91573 3.38768 9 5.3369 9 7.5C9 11.6421 12.3579 15 16.5 15C18.6631 15 20.6123 14.0843 21.9808 12.6195C21.6613 17.8537 17.3149 22 12 22C6.47715 22 2 17.5228 2 12C2 6.68514 6.14629 2.33875 11.3805 2.01923Z'%3E%3C/path%3E%3C/svg%3E")}