:root{--bg-color:#1e1e2f;--sidebar-bg:#27293d;--text-color:#e0e0e0;--accent-color:#5c5ce0;--transition-speed:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden}.container{display:flex;min-height:100vh;position:relative}.sidebar{width:260px;background-color:var(--sidebar-bg);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;padding:20px;transition:transform var(--transition-speed) ease;z-index:1000;flex-shrink:0}.sidebar-title{font-size:24px;margin-bottom:40px;color:#ff9218;text-align:center;letter-spacing:1px}.menu-item{margin-bottom:10px}.menu-item a{display:block;padding:12px 15px;color:var(--text-color);text-decoration:none;border-radius:6px;transition:background-color .2s ease,transform .2s ease}.menu-item a:hover{background-color:rgba(92,92,224,.8);color:#fff;transform:translateX(5px)}.menu-item.active a{background-color:var(--accent-color);color:#fff;font-weight:700}.main{flex-grow:1;padding:40px;background-color:var(--bg-color)}.main h1{margin-bottom:20px;font-size:2rem;color:#ff9218}h2.headline_right{color:#fff;font-size:1.4rem}header h2{color:#ff9218;padding-bottom:1em}.main a{color:#ff9218;text-decoration:none}td.td-0{vertical-align:top;padding-right:2em}.headline_right{font-size:1.2rem;color:#aaa;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.frame-type-text p{line-height:1.6;margin-bottom:15px}.mobile-header-bar{display:none;background-color:var(--sidebar-bg);padding:15px 20px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:900;box-shadow:0 2px 5px rgba(0,0,0,.2)}.mobile-header-bar h1{font-size:1.5rem;margin:0;color:#ff9218}.burger,.close-btn{background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px}.close-btn{display:none;align-self:flex-end;margin-bottom:10px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity var(--transition-speed);z-index:950}@media (max-width:768px){.container{flex-direction:column}.mobile-header-bar{display:flex}.sidebar{position:fixed;top:0;left:0;height:100%;transform:translateX(-100%);width:280px;box-shadow:2px 0 10px rgba(0,0,0,.5)}.close-btn{display:block}.sidebar .sidebar-title{display:none}.sidebar.open{transform:translateX(0);visibility:visible}.overlay.active{opacity:1;visibility:visible}}