.dsa-layout{background:var(--bg-primary);min-height:100vh;display:flex;position:relative;overflow-x:hidden}.dsa-sidebar{background:var(--bg-primary);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border-primary);z-index:100;scroll-behavior:smooth;flex-direction:column;width:320px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0;left:0;overflow-y:auto}.dark .dsa-sidebar{background:#0b0f1a;border-right:1px solid #ffffff14}.dsa-main-content{flex:1;min-width:0;padding:0}.sidebar-header{border-bottom:1px solid var(--border-primary);background:var(--bg-secondary);z-index:10;padding:24px}.sidebar-header.sticky{background:var(--bg-primary);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-primary);position:sticky;top:0}.dark .sidebar-header.sticky{background:#0b0f1a;border-bottom:1px solid #ffffff14}.header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sidebar-header h3{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800}.sidebar-close{background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:all .2s;display:none}.sidebar-close:hover{background:var(--color-primary);color:#fff}.progress-badge{color:var(--primary-color);background:rgba(var(--primary-rgb),.1);text-transform:uppercase;letter-spacing:.03em;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.sidebar-nav{flex:1;padding:16px}.sidebar-topic-group{border-radius:12px;margin-bottom:8px;transition:all .2s}.sidebar-topic-group.active{background:var(--bg-secondary);border:1px solid var(--border-primary);margin:4px 0}.dark .sidebar-topic-group.active{background:#04aa6d0d;border:1px solid #04aa6d26}.topic-header{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.topic-header:hover{background:rgba(var(--text-primary-rgb),.05)}.topic-icon{font-size:1.1rem}.topic-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:600;overflow:hidden}.expand-chevron{opacity:.5;font-size:.8rem}.question-list{border-left:2px solid rgba(var(--primary-rgb),.1);flex-direction:column;gap:2px;margin-top:4px;margin-left:22px;padding-left:20px;display:flex}.question-item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;margin:1px 0;padding:10px 14px;font-size:.9rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.question-item:hover{background:rgba(var(--primary-rgb),.05);color:var(--primary-color)}.question-item.active{color:#0d9488;background:#f0fdfa;font-weight:700;box-shadow:inset 2px 0 #0d9488}.dark .question-item.active{color:#2dd4bf;background:#2dd4bf14;box-shadow:inset 2px 0 #2dd4bf}.active-indicator{width:4px;box-shadow:none;background:#0d9488;border-radius:0 4px 4px 0;display:none;position:absolute;top:4px;bottom:4px;left:-18px}.dark .active-indicator{background:#2dd4bf;box-shadow:0 0 12px #2dd4bf66}.question-item.active .active-indicator{display:block}.q-bullet{opacity:.3}.dsa-sidebar::-webkit-scrollbar{width:6px}.dsa-sidebar::-webkit-scrollbar-thumb{background:rgba(var(--text-primary-rgb),.1);border-radius:3px}.dsa-sidebar-toggle{background:var(--primary-color);color:#fff;box-shadow:0 4px 20px rgba(var(--primary-rgb),.4);z-index:1000;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:12px 20px;font-weight:600;transition:all .3s;display:none;position:fixed;bottom:24px;right:24px}.dsa-sidebar-toggle.active{background:var(--text-primary);color:var(--bg-primary)}.toggle-text{font-size:.9rem}@media (max-width:1024px){.dsa-sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-primary);z-index:1001;background:#fffffff2;width:85%;max-width:300px;height:100vh;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:20px 0 50px #00000026}.sidebar-close{display:flex}.dsa-sidebar.mobile-open{transform:translate(0)}.dark .dsa-sidebar{background:#020617;border-right:1px solid #ffffff0d}.dsa-sidebar-toggle{z-index:1002;background:var(--bg-elevated);color:var(--text-primary);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-primary);cursor:pointer;opacity:.9;border-radius:40px;align-items:center;gap:8px;padding:10px 18px;font-size:.85rem;font-weight:700;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:auto 16px 24px auto;box-shadow:0 8px 32px #0003}.dsa-sidebar-toggle.active{display:none}.dark .dsa-sidebar-toggle{color:#fff;background:#1e293be6;border-color:#ffffff1a}.dsa-sidebar-toggle:active{transform:scale(.95)}.dsa-sidebar-toggle .toggle-icon{font-size:1.2rem}.dsa-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0006;position:fixed;inset:0}}.dsa-pagination{border-top:1px solid var(--border-color);justify-content:space-between;gap:20px;margin-top:40px;padding:40px 24px;display:flex}.pagination-btn{background:rgba(var(--bg-secondary-rgb),.5);border:1px solid var(--border-color);border-radius:16px;flex:1;align-items:center;max-width:400px;padding:24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.pagination-btn:hover{background:rgba(var(--primary-rgb),.1);border-color:var(--primary-color);box-shadow:0 12px 24px rgba(var(--primary-rgb),.1);transform:translateY(-4px)}.pagination-btn.next{text-align:right;justify-content:flex-end;margin-left:auto}.pg-content{flex-direction:column;gap:4px;display:flex}.pagination-btn .label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.pagination-btn .pg-title{color:var(--text-primary);font-size:1.1rem;font-weight:700}.pagination-btn .arrow{color:var(--primary-color);font-size:1.5rem;transition:transform .3s}.pagination-btn.prev .arrow{margin-right:16px}.pagination-btn.next .arrow{margin-left:16px}.pagination-btn.prev:hover .arrow{transform:translate(-6px)}.pagination-btn.next:hover .arrow{transform:translate(6px)}@media (max-width:768px){.dsa-pagination{flex-direction:column;padding:24px 16px}.pagination-btn{max-width:none;padding:16px}}.q-count-badge{background:rgba(var(--primary-rgb),.1);color:var(--primary-color);border-radius:10px;margin-left:8px;padding:2px 6px;font-size:.7rem;font-weight:600}