.app-body{background:var(--bg-primary);min-height:100vh;color:var(--text-primary);font-family:var(--font-main);display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:20px 24px;font-size:1.2rem;font-weight:700;display:flex}.sidebar-logo img{border-radius:50%}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex}.sidebar-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-link.active{color:var(--accent-orange);background:#e8722a1a;font-weight:600}.sidebar-icon{font-size:1.1rem}.sidebar-user{border-top:1px solid var(--border-color);align-items:center;gap:10px;padding:16px 20px;display:flex}.user-avatar{background:var(--accent-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:700;display:flex}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.btn-icon{cursor:pointer;opacity:.5;transition:var(--transition-fast);color:inherit;background:0 0;border:none;padding:4px;font-size:1rem;text-decoration:none}.btn-icon:hover{opacity:1}.app-main{background:var(--bg-primary);flex:1;height:100vh;padding:40px;overflow-y:auto}.panel{display:none}.panel.active{display:block}.panel-header{margin-bottom:32px}.panel-header h1{margin-bottom:8px;font-size:1.8rem;font-weight:700}.panel-header p{color:var(--text-secondary);font-size:1rem}.url-input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-main);transition:var(--transition);outline:none;padding:14px 20px;font-size:1rem}.url-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 3px #e8722a26}.url-input::placeholder{color:var(--text-muted)}.btn{border-radius:var(--radius-md);font-family:var(--font-main);cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #e8722a4d}.btn-glass{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-glass:hover{border-color:var(--text-muted);background:#ffffff1a}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state span{margin-bottom:16px;font-size:3rem;display:block}.hidden{display:none!important}@media (width<=768px){.sidebar{width:64px}.sidebar-link span:last-child,.sidebar-logo span,.user-info,.sidebar-user .btn-icon{display:none}.sidebar-nav{padding:16px 8px}.sidebar-link{justify-content:center;padding:12px}.app-main{padding:24px 16px}}