:root{--bg-color:#0d1117;--panel-bg:#161b22;--text-main:#c9d1d9;--text-muted:#8b949e;--border-color:#30363d;--accent:#58a6ff;--accent-muted:#58a6ff26;--success:#238636;--warning:#d29922;--danger:#f85149;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.5}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:20px 0;display:flex}.sidebar-header{color:var(--text-main);letter-spacing:.5px;padding:0 20px 20px;font-size:1.1rem;font-weight:600}.nav-section{margin-bottom:24px}.nav-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;padding:0 20px;font-size:.75rem;font-weight:600}.nav-item{color:var(--text-muted);cursor:pointer;border-left:3px solid #0000;align-items:center;padding:8px 20px;font-size:.9rem;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background-color:#ffffff08}.nav-item.active{color:var(--accent);background-color:var(--accent-muted);border-left-color:var(--accent)}.nav-icon{margin-right:12px}.main-content{background-color:var(--bg-color);flex:1;padding:40px;overflow-y:auto}.content-wrapper{max-width:800px;margin:0 auto}.page-title{color:var(--text-main);margin-bottom:8px;font-size:1.75rem;font-weight:600}.page-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1rem}.card{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:24px}.form-group{margin-bottom:20px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-input{background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:6px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.form-input:focus{border-color:var(--accent);outline:none}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:#4a91e2}.btn-secondary{border-color:var(--border-color);color:var(--text-main);background-color:#0000}.btn-secondary:hover{border-color:var(--text-muted);background-color:#ffffff0d}.rating-group{gap:12px;display:flex}.rating-btn{background-color:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:6px;flex:1;padding:10px 0;font-weight:500;transition:all .2s}.rating-btn:hover{border-color:var(--text-muted)}.rating-btn.active{background-color:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.toggle-group{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;display:flex;overflow:hidden}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex:1;padding:10px;font-weight:500;transition:all .2s}.toggle-btn.active{background-color:var(--panel-bg);color:var(--text-main);box-shadow:inset 0 0 0 1px var(--border-color)}.list-item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex}@media (width<=768px){.app-container{flex-direction:column-reverse}.sidebar{border-right:none;border-top:1px solid var(--border-color);white-space:nowrap;flex-direction:row;align-items:center;width:100%;padding:10px;overflow-x:auto}.sidebar-header{display:none}.nav-section{margin-bottom:0;display:flex}.nav-section-title{display:none}.nav-item{border-bottom:3px solid #0000;border-left:none;padding:8px 12px}.nav-item.active{border-bottom-color:var(--accent)}.nav-icon{margin-right:8px}.main-content{padding:20px}}