:root{--bg-base:#0b1120;--bg-panel:#131b2f;--bg-panel-hover:#1e293b;--border-color:#1f2937;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent-gold:#facc15;--accent-gold-hover:#eab308;--accent-gold-bg:#facc151a;--tag-green:#34d399;--tag-green-bg:#05966933;--tag-orange:#fb923c;--tag-orange-bg:#ea580c33;--tag-blue:#38bdf8;--tag-blue-bg:#0ea5e933;--tag-gray:#9ca3af;--tag-gray-bg:#9ca3af33;--danger:#ef4444;--danger-bg:#ef44441a}body{background-color:var(--bg-base);color:var(--text-main);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.app-container{width:100vw;height:100vh;display:flex}.sidebar{background-color:var(--bg-base);border-right:1px solid var(--border-color);flex-direction:column;width:260px;display:flex}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:15px;padding:20px;display:flex}.sidebar-logo h2{color:var(--text-main);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:16px}.sidebar-logo h2 span{color:var(--accent-gold);font-size:12px;display:block}.sidebar-menu{flex:1;padding:20px 10px;overflow-y:auto}.sidebar-menu-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin:20px 0 10px 15px;font-size:11px}.menu-item{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:15px;margin-bottom:5px;padding:12px 15px;transition:all .2s;display:flex}.menu-item:hover,.menu-item.active{background-color:var(--bg-panel-hover);color:var(--text-main)}.menu-item.active{border-left:3px solid var(--accent-gold)}.main-area{flex-direction:column;flex:1;min-width:0;display:flex}.top-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-panel);justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex}.header-search input{background-color:var(--bg-base);border:1px solid var(--border-color);color:var(--text-main);border-radius:20px;outline:none;width:300px;padding:10px 15px}.content-wrapper{flex-direction:column;flex:1;gap:30px;padding:30px;display:flex;overflow-y:auto}.stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.stat-card{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.stat-icon{background-color:var(--bg-base);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.split-view{flex:1;gap:20px;min-height:0;display:flex}.list-panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;display:flex}.list-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.list-header h3{margin:0;font-size:18px}.list-body{flex:1;padding:15px;overflow-y:auto}.mod-card{border:1px solid var(--border-color);cursor:pointer;border-radius:8px;align-items:center;gap:15px;margin-bottom:10px;padding:15px;transition:all .2s;display:flex}.mod-card:hover,.mod-card.active{background-color:var(--bg-panel-hover);border-color:var(--accent-gold)}.mod-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.q-row{border-bottom:1px solid var(--border-color);align-items:center;gap:20px;padding:15px;display:flex}.q-row:hover{background-color:var(--bg-panel-hover)}.q-number{border:1px solid var(--accent-gold);width:30px;height:30px;color:var(--accent-gold);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.q-content{flex:1}.q-content h4{margin:0 0 5px;font-size:14px;font-weight:400}.right-panel{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;width:380px;display:flex}.rp-header{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:20px;display:flex}.rp-body{flex:1;padding:20px;overflow-y:auto}.rp-footer{border-top:1px solid var(--border-color);gap:10px;padding:20px;display:flex}label.ui-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:8px;font-size:11px;display:block}.ui-input,.ui-select,.ui-textarea{background-color:var(--bg-base);border:1px solid var(--border-color);color:#fff;box-sizing:border-box;border-radius:6px;outline:none;width:100%;margin-bottom:20px;padding:12px}.ui-input:focus,.ui-textarea:focus{border-color:var(--accent-gold)}.btn-gold{background-color:var(--accent-gold);color:#000;cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px 20px;font-weight:700}.btn-gold:hover{background-color:var(--accent-gold-hover)}.btn-outline{color:var(--text-main);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:6px;padding:10px 20px}.btn-icon{border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-icon:hover{border-color:var(--text-main);color:var(--text-main)}.btn-icon.delete:hover{border-color:var(--danger);color:var(--danger)}.tag{border-radius:12px;padding:4px 10px;font-size:11px;font-weight:700}.tag.green{background-color:var(--tag-green-bg);color:var(--tag-green)}.tag.orange{background-color:var(--tag-orange-bg);color:var(--tag-orange)}.tag.Anfänger{background-color:var(--tag-green-bg);color:var(--tag-green);border:1px solid #34d3994d}.tag.Fortgeschritten{background-color:var(--tag-blue-bg);color:var(--tag-blue);border:1px solid #38bdf84d}.tag.Experte{background-color:var(--tag-orange-bg);color:var(--tag-orange);border:1px solid #fb923c4d}.tag.Archiv{background-color:var(--tag-gray-bg);color:var(--tag-gray);border:1px solid #9ca3af4d}